:root {
    /*Cor primária*/
    --fyprimary: #68003c;
    /*Cor Secudária*/
    --fysecondary: #A73866;
    /*Cor Terciária*/
    --fytertiary: #E84242;
    /*Cor Terciária*/
    --fyquaternary: #047347;
    /*Background body*/
    --bgBody: #fff;
    --bgGrey: #999;

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

    /* cor da font */
    --fontcolor: #707070;
}
.bg-black{
    background-color: #000000!important;
}
.bg-primary {
    background-color: var(--fyprimary) !important;
}
.bg-secondary {
    background-color: var(--fysecondary) !important;
}
.bg-tertiary {
    background-color: var(--fytertiary) !important;
}
.bg-quaternary {
    background-color: var(--fyquaternary) !important;
}
.bg-grey {
    background-color: var(--bgGrey) !important;
}

html, body {
    margin: 0px;
}

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

/* 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(--fyprimary);
    color: var(--fyprimary);
}
.tertiary {
    fill: var(--fytertiary);
    color: var(--fytertiary);
}
.secondary {
    fill: var(--fysecondary);
    color: var(--fysecondary);
}
.quarternary {
    fill: var(--fyquaternary);
    color: var(--fyquaternary);
}

/* Fim Logo faculdade wpos svg*/


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

/*Custom btn*/
/*primary button*/
.btn-custom-primary {
    color: #fff;
    background-color: var(--fyprimary);
    border-color: var(--fyprimary);
    font-family: "Product Sans Light Regular";
}
.btn-custom-primary.active, .btn-custom-primary:hover {
    color: #fff;
    background-color: #55232e;
    border-color: #55232e;
}
.btn-custom-outline-primary {
    color: var(--fyprimary);
    background-color:transparent;
    border-color: var(--fyprimary);
    font-family: "Product Sans Light Regular";
}
.btn-custom-outline-primary:hover {
    color: #fff;
    background-color: var(--fyprimary);
    border-color: var(--fyprimary);
}
.btn-custom-secondary{
    color: #fff;
    background-color: var(--fysecondary);
    border-color: var(--fysecondary);
    font-family: "Product Sans Light Regular";
}
.btn-custom-secondary.active, .btn-custom-secondary:hover {
    color: #fff;
    background-color: #913157;
    border-color: #913157;
}
.btn-custom-outline-secondary {
    color: var(--fysecondary);
    background-color: transparent;
    border-color: var(--fysecondary);
    font-family: "Product Sans Light Regular";
}
.btn-custom-outline-secondary:hover {
    color: #fff;
    background-color: var(--fysecondary);
    border-color: var(--fysecondary);
}
.btn-custom-tertiary {
    color: #fff;
    background-color: var(--fytertiary);
    border-color: var(--fytertiary);
    font-family: "Product Sans Light Regular";
}
.btn-custom-tertiary.active, .btn-custom-tertiary:hover {
    color: #fff;
    background-color: #ce3b3b;
    border-color: #ce3b3b;
}
.btn-custom-outline-tertiary {
    color: var(--fytertiary);
    background-color: transparent;
    border-color: var(--fytertiary);
    font-family: "Product Sans Light Regular";
}
.btn-custom-outline-tertiary:hover {
    color: #fff;
    background-color: var(--fytertiary);
    border-color: var(--fytertiary);
}
/* Fim custom btn*/

/*utilities*/

.text-small {
    font-size: 20px;
}

.rounded-50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.title-sec-cursos {
    color: var(--fytertiary);
    text-transform: uppercase;
    font-family: "Product Sans Light Regular";
    font-size: 2.5rem;
    margin-bottom: 4rem;
}
@media screen and (max-width: 599px) {
    .navbar .navbar-brand img {
        max-width: 150px;
    }
    #footer .copy img {
        max-width: 150px;
    }
}
.bannerConvenio{
    background: url(../img/banner2022.webp);
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

h1.nomeCurso{
    font-size: 40px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: var(--black);

}
h1 span.frase{
    font-size: 25px;
    text-transform: uppercase;
    font-family: var(--light);
    margin-bottom: 0;
    color: #ffa9a9;
}

.caixaFormulario{
    height: auto;
    background: rgba(47, 6, 22, 0.55);
    padding: 30px;
    margin-top: 70px;
    margin-bottom: 70px;
    border-radius: 6px;
    text-align: center;
}
.frases h2 {
    font-family: var(--black);
}
.frases p{
    font-size: 18px;
}
.frases {
    color: #fff;
    margin-bottom: 20px;
}

/*--CURSOS--------------------------------*/


.curso h3{
    text-transform: uppercase;
}
.curso h2, .parceria h2, .disciplina h2{
    color: #642c43;
    font-size: 24px;
    text-transform: uppercase;
    font-family: var(--black);
}
.line{
    border-bottom: 4px solid #f04c4b;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 25px;
    
}
.detalhes-curso {
    background: #eeeeee;
    padding: 20px;
    color: #56352d;
    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;
}

.title-course-scroll {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
}

.info-valores {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.2;
}

.box-price {
    display: grid;
    grid-template-columns: .5fr 2fr;
}
@media screen and (max-width: 599px) {
    .detalhes-curso {
        flex-direction: column;
        z-index: 1019;
    }

    .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;
    margin-left: 5px;
}
.informacao{
   background: #f2f2f2; 
   margin-bottom: 90px;
}
.informacao h3{
    font-size: 24px;
    border-bottom: 2px solid #c8c8c8;
    padding-bottom: 10px;
    font-family: var(--bold);
    color: #4a4a4a;
}
.resumo h4{
    text-align: left;
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #c8c8c8;
    color: #686868;
    font-family: var(--medium);
}
.resumo p{
    text-align: justify;
    font-size: 18px;
    line-height: 30px;
}
.info h4{
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid #c8c8c8;
    color: #4a4a4a;
    text-align: center;
    font-family: var(--medium);
}
.parceria p{
    font-size: 18px;
}

.titulo {
    text-transform: uppercase;
    font-family: var(--bold);
    font-size: 24px;
    margin: 0 0 3rem 0;
}
.titulo:after {
    content: "";
    height: .26rem;
    width: 7rem;
    position: absolute;
    right: 0px;
    left: 15px;
    margin-top: 35px;
    background-color: var(--fytertiary);
    border-radius: 20px;
}
.info {
    margin-bottom: 3rem;
}
.info .texto, .info p, .info li{
    color: #4e4e4e;
    font-size: 18px;
    font-family: var(--light);
}
/* Media queries */

@media (min-width: 768px) and (max-width: 979px) {}

@media (max-width:1024px) {
 
}

@media (max-width:768px) {
  .bannerConvenio {
    height: 400px;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f0f0f0;
 
}
    h2.frase{
        margin-top: 90px;
    }
    .caixaFormulario{
        margin-top: 150px;
    }
    .frases h2{
        margin-top: 0px;
    }
    .curso h2{
       margin-bottom: 25px;
    }
    .informacao h3{
        padding: 10px;
    }
    .parceria iframe{
    width: 100%;
}
     li.curso{
       margin: 0px;
        padding-bottom: 10px;
        
    }
    
}



@media (max-width:599px) {
    .bannerConvenio {
        height: auto;
        background-position: center center;
        background-repeat: no-repeat;
    }
    h1.nomeCurso {
        font-size: 30px;
        line-height: 1;
        margin-top: 60px;
        text-align: center;
    }
    h1 span.frase {
        font-size: 20px;
        line-height: 1.1;
    }

    .caixaFormulario{
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .frases h2 {
        font-size: 25px;
    }
    .frases p {
        font-size: 16px;
    }
    .informacao h3{
        margin-top: 20px;
        font-size: 19px;
    }

    .parceria iframe{
         width: 100%;
    }
    li.curso{
       margin: 0px;
       border-bottom: 1px solid #a5406e;
    }

    .text-small-mobile {
        font-size: 30px;
    }
}
@media (max-width:370px) {

}

@media (max-width:320px) {

}