/* Variaveis CSS */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,200&display=swap");

:root {
  --color-one-neutral: #0f3849;
  --color-two-neutral: #4f656e;
  --color-three-neutral: #6c8590;
  --color-four-neutral: #a0b5bd;
  --color-five-neutral: #d9e4e9;
  --color-six-neutral: #eff4f6;
  --color-seven-neutral: #f7f9fb;
  --color-eight-neutral: #ffffff;

  --color-one-primary: #1e4883;
  --color-two-primary: #2d8cff;
  --color-three-primary: #005ed0;

  --color-one-secondary: #0091d0;
  --color-two-secondary: #ebf9ff;
  --color-three-secondary: #1d92c5;
  --color-four-secondary: #e8f8ff;

  --color-one-other: #4cbfff;
  --color-two-other: #9328ff;

  --font-size-h1: 50px;
  --font-size-h2: 34px;
  --font-size-h4: 22px;
  --font-size-text: 18px;
  --font-size-text-bold: 16px;

  --font-family-one: "DM Sans", sans-serif;
  --font-family-two: "Lato", sans-serif;
}

body {
  font-family: var(--font-family-one);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

main {
  overflow: initial !important;
}

@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}
.new-container {
  max-width: 1540px;
  margin: 0 auto;
}

.button-padrao {
  padding: 1.5rem 3.5rem;
  border-radius: 55px;
  border: 1px solid var(--color-one-primary);
}

.button-padrao:hover {
  text-decoration: none;
}

.bg-azul {
  background-color: var(--color-one-primary);
}

.bg-azul-dois {
  background-color: var(--color-two-primary);
}

.detalhe-titulo {
  width: 35%;
  height: 10px;
  background-color: var(--color-two-primary);
  border-radius: 20px;
}

.swiper-button-prev,
.swiper-button-next {
  position: relative;
  width: 60px;
  left: auto;
  right: auto;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: " ";
}
@media (max-width: 800px) {
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 25px !important;
    height: 55px !important;
  }
}

/*===========**===========**===========** BANNER **===========**===========**===========*/
.bannerfull.topr {
  margin-top: 133px;
}
.bannerfull.topr .glyphicon-chevron-right,
.bannerfull.topr .icon-next,
.bannerfull.topr .glyphicon-chevron-left,
.bannerfull.topr .icon-prev {
  top: 30%;
  font-size: 150px;
  font-family: "Roboto Flex";
  transform: scale(1, 2);
  text-shadow: none;
}

.bannerfull.topr .glyphicon-chevron-left,
.bannerfull.topr .icon-prev {
  left: 32%;
}

.bannerfull.topr .glyphicon-chevron-left:before {
  content: "<";
}

.bannerfull.topr .glyphicon-chevron-right,
.bannerfull.topr .icon-next {
  right: 32%;
}

.bannerfull.topr .glyphicon-chevron-right:before {
  content: ">";
}

.bannerfull.topr .carousel-control.right {
  width: 25%;
}

.bannerfull.topr .carousel-indicators {
  display: none;
}

.bannerfull.topr .carousel-inner img {
  object-fit: cover;
  width: 100%;
  height: 856px !important;
}

.bannerfull.topr .carousel-caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 2.5rem;
}

.bannerfull.topr .carousel-caption h4 {
  order: 1;
  letter-spacing: 0.1rem;
  font-weight: bolder;
  font-size: var(--font-size-text);
  text-shadow: none;
  margin: 0;
  padding: 0;
}

.bannerfull.topr .carousel-caption h3 {
  order: 2;
  font-size: var(--font-size-h1);
  font-weight: bolder;
  text-shadow: none;
  margin: 0;
}

.bannerfull.topr .carousel-caption p {
  order: 3;
  font-size: var(--font-size-text);
  font-weight: normal;
  text-shadow: none;
  margin: 0 0 20px 0;
}

.bannerfull.topr .carousel-caption a {
  order: 4;
  padding: 20px 40px;

  background-color: var(--color-one-primary);
  border-radius: 45px;
  border: 1px solid var(--color-one-primary);
  transition: 1s;

  color: var(--color-eight-neutral);
  text-shadow: none;
}

.bannerfull.topr .carousel-caption a:hover {
  background-color: #ffffff11;
  color: var(--color-one-primary);
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.4);
}

@media (max-width: 1200px) {
  .carousel-caption {
    top: 0;
  }
}

@media (max-width: 900px) {
  .bannerfull.topr .glyphicon-chevron-right,
  .bannerfull.topr .icon-next,
  .bannerfull.topr .glyphicon-chevron-left,
  .bannerfull.topr .icon-prev {
    top: 38%;
    font-size: 100px;
  }
}

@media (max-width: 720px) {
  .bannerfull.topr .glyphicon-chevron-right,
  .bannerfull.topr .icon-next,
  .bannerfull.topr .glyphicon-chevron-left,
  .bannerfull.topr .icon-prev {
    top: 45%;
    font-size: 50px;
  }
  .bannerfull.topr .carousel-caption h3 {
    font-size: 4rem
  }

  .bannerfull.topr .carousel-caption p span {
    display: none
  }

  .bannerfull.topr .carousel-caption a {
    font-size: 1.5rem;
  }
}

/*===========**===========**===========** DETAQUES FGV **===========**===========**===========*/
.destaques-fgv {
  position: relative;
}
.destaques-fgv .container {
  margin-top: -110px;
}

.destaques-fgv::after {
  content: " ";
  position: absolute;
  display: block;
  top: 0px;
  left: 25%;
  right: 25%;
  background: #cce3ff;
  box-shadow: 0px 0px 400px var(--color-two-primary);
  border-radius: 100%;
  height: 230px;
  width: 230px; /*aqui vc coloca o tamanho que quer que ocupe*/
}

@media (max-width: 720px) {
  .destaques-fgv .container {
    margin-right: 0 !important;
  }
  .destaques-fgv::after {
    top: -50px;
    box-shadow: 0px 0px 203px var(--color-two-primary);
    width: 180px;
    height: 180px;
  }
}

/*===========**===========** CARDS DETAQUES FGV **===========**===========*/
.card-destaque-fgv {
  background-color: var(--color-eight-neutral);
  border-radius: 37px;
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.05);
  transition: 1s;
  z-index: 9;
}

.card-destaque-fgv:hover {
  background-color: var(--color-two-primary);
}

.card-destaque-fgv svg path {
  stroke: var(--color-one-primary);
}

.card-destaque-fgv:hover svg path {
  stroke: var(--color-eight-neutral);
}

.card-destaque-fgv h2 {
  font-size: var(--font-size-h2);
  color: var(--color-one-primary);
}

.card-destaque-fgv:hover h2 {
  color: var(--color-eight-neutral);
}

.card-destaque-fgv a {
  font-size: var(--font-size-text);
  color: var(--color-one-primary);
  background-color: var(--color-eight-neutral);
}

.card-destaque-fgv:hover a {
  border: 1px solid var(--color-two-primary);
}

.card-destaque-fgv a:hover {
  text-decoration: none;
}
@media (max-width: 590px) {
  .card-destaque-fgv {
    width: 320px !important;
  }
}
/*===========**===========**===========** CURSOS **===========**===========**===========*/
.cursos {
  position: relative;
  margin-top: 200px;
}

.cursos::before {
  content: " ";
  position: absolute;
  display: block;
  float: right;
  top: 0px;
  left: 60%;
  right: 60%;
  background: #cce3ff;
  box-shadow: 0px 0px 400px var(--color-two-primary);
  border-radius: 100%;
  height: 230px;
  width: 230px; /*aqui vc coloca o tamanho que quer que ocupe*/
}

.cursos .titulo h1,
.cursos .titulo h3 {
  z-index: 9;
}

.cursos .titulo h1 {
  font-weight: bolder;
  font-size: var(--font-size-h2);
  color: var(--color-two-neutral);
}

.cursos .titulo h1::after{
  content: " ";
  display: block;
  margin: 30px auto 0 auto;
  border-top: 10px solid var(--color-one-secondary) !important;
  background: none !important;
  border-radius: 5px;
  width: 30%;
}

.cursos .titulo h3 {
  font-size: var(--font-size-h4);
  color: var(--color-four-neutral);
  font-weight: bolder;
}

@media (max-width: 720px) {
  .cursos {
    margin-top: 100px;
  }

  .cursos::before {
    top: 120px;
    left: 0;
    box-shadow: 0px 0px 203px var(--color-two-primary);
    display: none;
    width: 180px;
    height: 180px;
  }

  .cursos .titulo h1::after{
    display: none;
  }

  .cursos .container{
    margin-right: 0;
  }
}

/*===========**===========**CARD CURSOS **===========**===========*/
.d-flex .card-curso {
  min-width: auto !important;
}

.card-curso {
  border-radius: 35px;
  object-fit: cover;
  min-width: 360px !important;
  min-height: 476px !important;
  height: auto !important;
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.05);
}

.card-curso img {
  border-radius: 35px 35px 0 0;
  object-fit: cover;
  height: 270px !important;
}

.card-curso .detalhe-button {
  border-radius: 35px 35px 0 0;
  position: absolute;
  width: 100% !important;
  height: 270px !important;
  background: #005ed033;
  opacity: 0;
  transition: 1s;
}

.card-curso .detalhe-button:hover {
  opacity: 1;
}

.card-curso .button-padrao {
  font-size: var(--font-size-text-bold);
}
.card-curso a:hover {
  text-decoration: none;
}

@media (min-width: 720px) {
  .card-curso img {
    height: 320px !important;
  }
  .card-curso .detalhe-button {
    height: 320px !important;
  }
}

@media (max-width: 590px) {
  .card-curso {
    width: 350px !important;
  }
  .card-curso .detalhe-button {
    width: 350px !important;
  }
}

/*===========**===========**===========** NOSSA HISTORIA **===========**===========**===========*/
.nossa-historia {
  background-size: cover !important;
  position: relative;
  z-index: 9;
}

.nossa-historia h1 {
  font-size: var(--font-size-h1);
  color: var(--color-one-primary);
  font-weight: bolder;
}

.nossa-historia h3 {
  font-size: var(--font-size-text);
  color: var(--color-one-primary);
  font-weight: bolder;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

.nossa-historia p {
  color: var(--color-two-neutral);
  font-size: var(--font-size-text);
}

/*===========**===========**===========** INFORMAÇÕES **===========**===========**===========*/
.informacoes {
  position: relative;
}

.informacoes::before {
  content: " ";
  position: absolute;
  display: block;
  float: right;
  top: -107px;
  left: 15%;
  right: 15%;
  background: #cce3ff;
  box-shadow: 0px 0px 400px var(--color-two-primary);
  border-radius: 100%;
  height: 230px;
  width: 230px;
  z-index: 0;
}

.informacoes .container {
  z-index: 9;
}

.informacoes h1 {
  font-size: var(--font-size-h2);
  color: var(--color-two-neutral);
  font-weight: bolder;
  text-transform: uppercase;
  z-index: 9;
}

@media (max-width: 720px) {
  .informacoes::before {
    left: 5%;
    box-shadow: 0px 0px 203px var(--color-two-primary);
    display: none;
    width: 180px;
    height: 180px;
    display: none;
  }
}

/*===========**===========** CARD INFORMAÇÕES **===========**===========*/
.blog .card-informacao {
  width: 100% !important;
}

.card-informacao {
  border-radius: 35px;
  width: 455px !important;
  height: 455px !important;
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.05);
}

.card-informacao img {
  border-radius: 35px;
  object-fit: cover;
  object-position: left;
  height: 100%;
  width: 100%;
}

.card-informacao span {
  font-size: var(--font-size-text);
  font-weight: bolder;
  color: #ffc554;
}

.card-informacao h2 {
  font-size: var(--font-size-h4);
  color: var(--color-eight-neutral);
  font-weight: bolder;
}

.card-informacao .detalhe-button {
  border-radius: 35px;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(#1e488333 0%, #1e488399 100%);
}

.card-informacao .detalhe-button .button-padrao {
  font-size: var(--font-size-text-bold);
  margin-bottom: -40px;
  transition: 1s;
  opacity: 0;
}

.card-informacao .detalhe-button:hover .button-padrao {
  margin-bottom: 16px;
  opacity: 1;
}

.card-informacao a:hover {
  text-decoration: none;
}

@media (max-width: 590px) {
  .card-informacao {
    width: 350px !important;
  }
  .card-informacao .detalhe-button {
    width: 350px !important;
  }
}

/*===========**===========**===========** LOCALIDADE **===========**===========**===========*/
.localidade .container {
  padding-bottom: 80px !important;
}

.localidade h1 {
  font-size: var(--font-size-h4);
  text-transform: uppercase;
  color: var(--color-eight-neutral);
  font-weight: bolder;
}

@media (max-width: 720px) {
  .localidade .container{
    margin-right: 0;
  }
  
  .localidade .swiper {
    margin-bottom: -222px !important;
  }
}

/*===========**===========**CARD LOCALIDADE **===========**===========*/
.card-localidade {
  background-color: var(--color-eight-neutral);
  border-radius: 37px;
  width: 328px !important;
  height: 214px !important;
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.05);
  transition: 0.6s;
}

.card-localidade:hover {
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.548);
  transform: translateY(-16px);
}

.card-localidade svg path {
  stroke: var(--color-one-secondary);
}

.card-localidade a {
  font-size: var(--font-size-text);
  color: var(--color-eight-neutral);
  background-color: var(--color-one-secondary);
  border: 1px solid var(--color-one-secondary);
}

.card-localidade:hover a {
  text-shadow: 0px 0px 20px #14142bc7;
  background-color: var(--color-eight-neutral);
  color: var(--color-one-secondary);
}

.card-localidade a:hover {
  text-decoration: none;
}

/*===========**===========**===========** CONTATO **===========**===========**===========*/
.contato .container {
  margin-top: -158px;
}

@media (max-width: 720px) {
  .contato .container {
    margin-top: 120px;
  }
}

/*===========**===========** CARD CONTANTOS **===========**===========*/
.card-contato {
  background-color: var(--color-eight-neutral);
  border-radius: 30px;
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.05);
  transition: .6s;
}

.card-contato:hover {
  box-shadow: 0px 6.53663px 22.4113px rgba(20, 20, 43, 0.548);
  transform: scale(0.98);
}

.card-contato h2 {
  font-size: var(--font-size-h1);
  color: var(--color-one-primary);
}

.card-contato p {
  font-size: var(--font-size-text-bold);
  font-weight: bold;
  color: #64607d;
}

.card-contato .button-padrao {
  font-size: var(--font-size-text-bold);
}

.card-contato:hover .button-padrao {
  text-shadow: 0px 0px 20px #14142bc7;
  background-color: var(--color-eight-neutral);
  color: var(--color-one-primary) !important;
}

.card-contato a:hover {
  text-decoration: none;
}

/*===========**===========**===========** BANNER CONHEÇA MAIS **===========**===========**===========*/
.banner-conheca-mais .container {
  box-shadow: 0px 18px 54px rgba(20, 20, 43, 0.16);
  border-radius: 30px;
}

.banner-conheca-mais .container h4 {
  font-size: var(--font-size-h4);
  font-weight: bolder;
}

.banner-conheca-mais .container img {
  max-width: 100%;
}
/*===========**===========**===========** NOSSO CANAL **===========**===========**===========*/
.card-nosso-canal {
  width: 455px !important;
  height: 256px !important;
  border-radius: 30px;
}

.card-nosso-canal iframe {
  width: 100% !important;
  height: 100% !important;
  border-radius: 30px;
}

.nosso-canal h1 {
  font-size: var(--font-size-h2);
  color: var(--color-two-neutral);
  font-weight: bolder;
  text-transform: uppercase;
}

.card-nosso-canal .button-padrao {
  font-size: var(--font-size-text-bold);
}

.nosso-canal .button-padrao:hover {
  text-shadow: 0px 0px 20px #14142bc7;
  box-shadow: 0px 7px 22px rgba(20, 20, 43, 0.219);
  background-color: var(--color-eight-neutral);
  color: var(--color-one-primary) !important;
}

/*===========**===========**===========** PAGINA DETAIL **===========**===========**===========*/
/*===========**===========** TITULO **===========**===========*/
.titulospaginas {
  background: var(--color-one-primary);
  margin-top: 130px;
  font-family: var(--font-family-two);
  font-size: var(--font-size-text-bold);
  font-weight: normal;
  padding: 10% 0;
}

.breadcrumb > .active {
  color: var(--color-eight-neutral);
}

.titulospaginas h1 {
  font-size: var(--font-size-h1);
  color: var(--color-eight-neutral);
  font-weight: bolder;
  text-transform: uppercase;
}

@media(max-width: 589px){
  .titulospaginas h1 {
    font-size: 4rem
  }
}

/*===========**===========** SWIPER DETAIL **===========**===========*/
.mvv {
  position: relative;
}

.mvv::after {
  content: " ";
  position: absolute;
  display: block;
  float: right;
  top: 60px;
  left: 5%;
  right: 5%;
  background: #cce3ff;
  box-shadow: 0px 0px 400px var(--color-two-primary);
  border-radius: 100%;
  height: 230px;
  width: 230px;
}

.mvv .cont-swiper {
  padding: 80px 20px;
  box-shadow: 0px 14px 42px rgba(8, 15, 52, 0.06);
  border-radius: 15px;
  z-index: 9;
}

.mvv .container img {
  width: 70%;
  position: absolute;
  right: 0;
  z-index: -2;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

/*===========**===========** GALLERY **===========**===========*/
.gallery.cf {
  padding: 0;
}

.gallery.cf div {
  padding: 0;
  width: 25%;
}

@media (max-width: 800px) {
  .mvv .container img {
    display: none;
  }
}

@media (max-width: 1200px) {
  .mvv .container img {
    width: 95%;
  }
}

@media (max-width: 1400px) {
  .mvv .container img {
    width: 85%;
  }
}

/*===========**===========**===========** PAGINA CURSOS **===========**===========**===========*/
.titulospaginas.cursos {
  background: var(--color-one-secondary);
  padding: 5% 0;
}

.titulospaginas.cursos::before {
  background: transparent;
}

/*===========**===========** SIDEBAR **===========**===========*/
.panel.panel-default {
  background: transparent;
  box-shadow: none;
  margin-top: 0px;
  border: none;
  border-radius: 15px;
}

.panel-default .panel-heading {
  background: transparent;
  box-shadow: none;
  border-radius: 10px;
  padding: 13px 10px;
  border-radius: 15px;
  border: none;
}
.panel-default .panel-heading i {
  display: none;
}

.panel-default .panel-heading h4 {
  padding: 0.6rem 0;
  font-size: var(--font-size-text-bold);
  font-family: var(--font-family-one);
  color: var(--color-two-neutral);
  text-transform: uppercase;
  font-weight: bolder;
}

.panel-default .panel-heading h4 a {
  text-decoration: none !important;
}

.panel-default .panel-body {
  box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.08);
  border-radius: 35px;
  background-color: transparent;
  border-top: none !important;
  width: 100%;
  padding: 0;
  font-size: var(--font-size-text);
  font-family: var(--font-family-one);
}

.nav-stacked > li a {
  border-radius: 45px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--color-six-neutral);
}

.panel-default .panel-body .badge {
  display: none !important;
}

.panel-h-modalidades::after,
.panel-h-cidade::after,
.panel-h-categoria::after,
.panel-h-nivel::after {
  content: " ";
  display: block;
  margin: 0px;
  border-top: 10px solid var(--color-one-secondary) !important;
  background: none !important;
  border-radius: 5px;
  width: 30%; /*aqui vc coloca o tamanho que quer que ocupe*/
}

.panel-c-certificado,
.panel-h-certificado,
.panel-c-curso,
.panel-h-curso,
.panel-c-duracao,
.panel-h-duracao,
.panel-c-lingua,
.panel-h-lingua,
.panel-c-lingua,
.panel-h-lingua,
.panel-c-recursos,
.panel-h-recursos {
  display: none !important;
}

/*===========**===========** INFO CONTENT DA PAGINA **===========**===========*/
/*===========** BANNER **===========*/
.banner-produto {
  background-color: var(--background-color-tres);
  margin-top: 151px;
  height: 480px;
}

.banner-produto h1 {
  font-family: var(--font-family);
  font-size: var(--font-size-h1-bold);
  color: var(--white);
  font-weight: bolder;
}

.banner-produto p {
  color: var(--white);
  font-family: var(--font-family);
  font-weight: lighter;
}

.banner-produto span {
  border: 1px solid var(--white);
}

.container.mt-negativo {
  margin-top: -90px;
}

/*===========** ASIDE **===========*/
.descricao-compra {
  font-family: var(--font-family);
  border: 1px solid #edeef2;
  border-radius: 15px;
  box-shadow: 0px 65px 80px rgba(0, 0, 0, 0.02),
    0px 27.1554px 33.4221px rgba(0, 0, 0, 0.0143771),
    0px 14.5186px 17.869px rgba(0, 0, 0, 0.0119221),
    0px 8.13901px 10.0172px rgba(0, 0, 0, 0.01),
    0px 4.32257px 5.32008px rgba(0, 0, 0, 0.00807786),
    0px 1.79872px 2.21381px rgba(0, 0, 0, 0.00562291);
}

.descricao-compra .info {
  border-bottom: 1px solid #dfe1e6;
}

.iframe-video iframe {
  width: 100%;
  height: 259px;
  border-radius: 7px;
}

/*===========** DIV COM FORMULARIO DO ASIDE **===========*/
.form-descricao label {
  font-size: var(--font-size-text-bold);
  font-weight: normal;
  color: var(--color-eight-neutral);
}

.form-descricao label:hover {
  z-index: -1;
}

.form-descricao input {
  border: none;
  border-radius: 5px;
  font-size: var(--font-size-text-bold);
}

.form-descricao input:hover {
  outline: 0;
  box-shadow: 0px 0px 10px #ffffff;
}

.form-descricao fieldset input {
  width: 100%;
  border-radius: 45px;
  padding: 10px;
  background: var(--color-one-secondary) !important;
  font-size: var(--font-size-text-bold);
  color: var(--color-eight-neutral);
}

/*===========** CONTEUDO SOBRE O CURSO **===========*/
.cabecalho-detalhe-curso {
  font-family: var(--font-family-two);
}

.cabecalho-detalhe-curso {
  border-radius: 15px;
}

.cabecalho-detalhe-curso h2 {
  font-size: var(--font-size-h2);
  text-transform: uppercase;
  font-weight: bolder;
}

.cabecalho-detalhe-curso h4 {
  font-size: var(--font-size-text);
  color: var(--cinza);
}

.cabecalho-detalhe-curso p {
  font-weight: bolder;
}

.socialIcon a {
  font-size: var(--font-size-text);
  background-color: transparent !important;
  color: var(--black);
  width: 21px;
  margin: 0 2px;
  padding: 0;
}

.socialIcon a:hover {
  background-color: var(--background-color-um);
  color: var(--color-tres);
}

.socialIcon button {
  border: none;
  background-color: transparent;
}

.socialIcon button svg path {
  stroke: var(--);
}

.conteudo-curso {
  border-top: 1px solid #dfe1e6;
  font-family: var(--font-family-one);
}

.conteudo-curso h2 {
  font-size: var(--font-size-h4);
  font-weight: bolder;
  cursor: pointer;

  padding: 27px 0;
  box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
  border: 1px solid #00000000;
  border-radius: 16px;
  transition: 0.1s all ease;
}

.conteudo-curso h2:hover {
  color: var(--color-tres);
  box-shadow: none;
  border: 1px solid #dfe1e6;
}


.descricao-curso h1 {
  padding: 25px 0;
  margin: 0;
  color: var(--color-two-neutral);
  font-size: var(--font-size-h2);
  font-weight: bolder;
}

.descricao-curso h2 {
  box-shadow: none;
  border: 0;
  padding: 25px 0;
  cursor: default;

  margin: 0;
  color: var(--color-one-neutral);
  font-size: var(--font-size-h4);
  font-weight: bolder;
}

.descricao-curso h2:hover { 
  color: var(--color-one-neutral);
  border: none;
}

.descricao-curso h3 {
  padding: 25px 0;
  margin: 0;
  color: var(--color-two-primary);
  font-size: var(--font-size-text);
  font-weight: bolder;
}

.descricao-curso p {
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 140%;
  font-size: var(--font-size-text);
  color: #37383b;
  font-weight: normal;
}

.descricao-curso li{
  font-size: var(--font-size-text);
}

.descricao-curso img{
  width: 100%;
}

@media (max-width: 720px) {
  .titulo-tabs h2 {
    width: max-content !important;
  }
  .conteudo-curso h2 {
    font-size: var(--font-size-text);
    padding: 27px 11px;
  }
}

/*===========** DISCIPLINAS **===========*/
.disciplina {
  margin-bottom: 20px;
}

.disciplina h2 {
  background-color: var(--color-eight-neutral);
  padding: 20px 15px;
  line-height: 38px;
}

.disciplina h2 div {
  padding: 5px 15px;
  border-radius: 100%;
}

.disciplina h2:hover div {
  box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
}

.disciplina .dropdown-toggle {
  margin-bottom: 0;
}

.open .conteudo-disciplina.dropdown-menu {
  width: 98%;
  position: relative;
  z-index: -2 !important;
  background-color: var(--color-six-neutral);
  margin: -15px 5px 15px 5px;
  border: none;
  border-radius: 0 0 15px 15px;
  padding: 30px 15px 10px 15px;
  box-shadow: none;
}

.conteudo-disciplina.dropdown-menu .dropdown-item li {
  font-size: var(--font-size-text);
  margin-bottom: 5px;
}

/*===========** PREGUNTAS FREQUENTES **===========*/
.perg_freq a {
  text-decoration: none !important;
}
.perg_freq a:hover {
  text-decoration: none !important;
}
.perg_freq h3 {
  font-size: var(--font-size-text);
  font-weight: bolder;
}

.perg_freq .panel-group {
  box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
  border-radius: 18px;
  padding: 15px;
}

.perg_freq .panel-default {
  border: none;
  box-shadow: none;
}
.perg_freq .panel-default .panel-heading {
  border: none;
  background: transparent !important;
  box-shadow: none;
}
.perg_freq .panel-default .panel-heading:hover {
  color: var(--color-three-neutral);
}

.perg_freq .panel-default .panel-heading h4 {
  font-family: "Lato", sans-serif;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

/*===========** COMPARTILHAR **===========*/
.cartoes-curso a:hover {
  text-decoration: none !important;
}

.compartilhamento.border {
  width: 50%;
  border: 1px solid var(--color-six-neutral) !important;
  padding: 5px 15px !important;
}

.compartilhamento input {
  width: 85%;
  margin: 0px;
  border: none !important;
}

.compartilhamento button {
  border: none !important;
  background-color: transparent;
}

.card-rede div {
  background-color: var(--color-six-neutral);
  height: 67px;
  width: 67px;
  border-radius: 100%;
  margin-bottom: 5px;
}
.card-rede i {
  color: var(--color-one-neutral);
  font-size: var(--font-size-h2);
}

@media (max-width: 720px) {
  .compartilhamento.border {
    width: 100%;
  }
}

/*===========**===========**===========** PAGINA BLOG **===========**===========**===========*/
.titulospaginas.pageblog {
  padding: 7% 0;
  margin-top: 130px !important;
}

.titulospaginas.detblog {
  max-height: max-content;
  margin-top: 130px !important;
  margin-bottom: 0 !important;
  padding: 7% 0;
}
/*===========**===========** LISTAGEM DE BLOGS **===========**===========*/
.ul-arquivos .menu-produtos.menu-arquivos {
  box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.08);
  border-radius: 0 15px 0 0;
}

.ul-arquivos .menu-produtos.menu-arquivos select {
  border: 0.5px solid var(--color-six-neutral);
  font-size: var(--font-size-text);
  font-family: var(--font-family-one);
}

.ul-arquivos .menu-produtos.menu-arquivos select option {
  font-size: var(--font-size-text);
  font-family: var(--font-family-one);
}

.widget h5 {
  background: transparent;
  padding: 15px 0;
  font-size: var(--font-size-text-bold);
  font-family: var(--font-family-one);
  color: var(--color-two-neutral);
  text-transform: uppercase;
}

.widget img {
  width: 100%;
}

.noticiamenor {
  box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.08);
  border-radius: 0 15px 0 0;
  padding: 15px 5px 20px 5px;
  margin-top: -10px;
}

.widget:last-child {
  border-radius: 0 0 15px 0;
}

/*===========**===========** CONTEUDO DO BLOG **===========**===========*/
.main.blog {
  background-color: var(--color-six-neutral);
}

.main.blog img {
  width: 100%;
}

/*===========**===========**===========** CONTATO **===========**===========**===========*/
.contatospages form input {
  border: 0.5px solid var(--color-five-neutral);
  box-shadow: 0px 0px 20px #0c427011;
  background: transparent;
  color: var(--color-one-neutral);
  font-size: var(--font-size-text);
  padding: 25px 15px;
}

.contatospages form textarea {
  border: 0.5px solid var(--color-five-neutral);
  box-shadow: 0px 0px 20px #0c427011;
  background: transparent;
  color: var(--color-one-neutral);
  font-size: var(--font-size-text);
}

.contatospages form #btEnviar {
  border-radius: 45px;
  border: 1px solid var(--color-one-primary);
  font-size: var(--font-size-text);
  background: var(--color-one-primary);
  color: var(--color-eight-neutral);
  transition: 0.8s;
  padding: 0;
}

.contatospages form #btEnviar:hover {
  border: 1px solid var(--color-one-primary);
  background: var(--color-eight-neutral);
  color: var(--color-one-primary);
}

/*===========**===========**===========** OUVIDORIA **===========**===========**===========*/
#form_ouvidoria .zend_formbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#form_ouvidoria .form-group {
  width: 100%;
}

#form_ouvidoria .multiradio.is_aluno {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
#form_ouvidoria .multiradio.is_aluno label {
  margin-bottom: 0;
}

#form_ouvidoria .multiradio.is_aluno div {
  display: flex;
  align-items: center;
  margin: 0;
}

#form_ouvidoria .multiradio.is_aluno div label {
  display: flex;
  align-items: center;
  font-size: var(--font-size-text);
  font-weight: bolder;
}

#form_ouvidoria .form-group.nome,
#form_ouvidoria .form-group.email {
  width: 48%;
}

#form_ouvidoria label {
  font-family: var(--font-family-two);
  font-size: var(--font-size-text);
  color: var(--color-one-neutral);
}

#form_ouvidoria input {
  border: 0.5px solid var(--color-six-neutral);
  font-size: var(--font-size-text);
  color: var(--color-one-neutral);
  padding: 20px 15px;
}

#form_ouvidoria textarea {
  border: 0.5px solid var(--color-six-neutral);
  font-size: var(--font-size-text);
  color: var(--color-one-neutral);
  padding: 20px 15px;
}

#form_ouvidoria input.btn {
  border-radius: 45px;
  padding: 15px 30px;
  color: var(--color-seven-neutral);
  background: var(--color-one-primary);
  border: 1px solid var(--color-one-primary);
  transition: 1s;
}

#form_ouvidoria input.btn:hover {
  background-color: var(--color-eight-neutral);
  color: var(--color-one-primary);
}

/*===========**===========**===========** PAGINA POLOS **===========**===========**===========*/
/* codigo do detail esta sendo reutilizado nessa pagina*/
.titulospaginas.polo::before{
  display: none;
}
.titulospaginas.polo{
  background: var(--color-one-other) !important;
}

/*===========**===========**===========** PAGINA VIDEOS **===========**===========**===========*/
/* codigo do detail e card-nosso-canal esta sendo reutilizado nessa pagina */
.detail .new-container .card-nosso-canal {
  height: 318px !important;
}

.detail .container .iframe-video iframe {
  width: 100% !important;
  height: 620px !important;
}

@media(max-width: 980px){
  .detail .container .iframe-video iframe {
    height: 580px !important;
  }
}