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

:root {
  --color-primary: #F5F5F5;
  --color-secundary: #014489;
  --color-btn: #ffc402;
  --color: rgba(30, 30, 30);
  --bgColor: rgba(245, 245, 245);
}

html{
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-primary);
}

h1, h2,h3 {
  font-family: 'Poppins', sans-serif;
}

.bg-navbar {
  background: rgb(11, 25, 74);
  background: linear-gradient(150deg, #eeeff0 0%, #005e86 73%);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.bg-navbar .nav-link {
  color: var(--color-primary);
  transition: .8s;
  font-weight: 700;
}

.bg-navbar a:hover {
  color: var(--color-btn);
}

.btn-matricula, .btn-aluno {
  background-color: var(--color-btn);
  color: var(--color-secundary) !important;
  border-color: var(--color-btn);
  font-weight: 700;
  transition: .5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)
}

.btn-aluno{
  width: 200px
}

.btn-aluno:hover{
  background-color: var(--color-btn);
}

.btn-matricula:hover, .btn-tour:hover  {
  transform: scale(1.1);
  background-color: var(--color-btn);
}

.btn-formulario{
  background-color: var(--color-secundary) !important;
  color: var(--color-btn) !important;
  border-color: var(--color-secundary) !important;
  font-weight: 700;
  transition: .5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2)
}

.btn-formulario:hover{
  transform: scale(1.1);
}

.btn-tour{
  background-color: var(--color-btn);
  color: var(--color-secundary) !important;
  border-color: var(--color-btn);
  font-weight: 700;
  transition: .5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  width: 70%;
  padding: 1em 0;

}


.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23014489' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

hr {
  color: var(--color-primary);
  border-width: 1px;
  margin: 0;
}

.dropdown-menu {
  border: none;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.dropdown-item {
  color: var(--color-secundary) !important;
}

.dropdown-item:hover {
  background-color: var(--color-btn);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--color-btn);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 196, 2, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler {
  border-color: var(--color-btn) !important;
}

/*Top*/
#myBtn {
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: var(--color-secundary);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.topbar-tel{
  color: #fff;
  transition: .5s;
}

.topbar-tel:hover{
  color: var(--color-btn);
}

/*Carousel*/
.carousel-img {
  height: 76.9vh;
}

.navbar-toggler:focus {

  box-shadow: none !important
}

.carousel-control-next-icon {
  background-image:url(../img/next.png)
}

.carousel-control-prev-icon {
  background-image: url(../img/prev.png);
}

.carousel-indicators [data-bs-target].active {
  background-color: #fff;
  border-radius: 20em;
  width: 45px;
  height: 12px;
  transition: .5s;
}

.carousel-indicators [data-bs-target] {
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

.carousel-indicators [data-bs-target] {
  background-color: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: .5s;
}

/*Historia*/
.secao {
  padding-top: 8em;
}

.secao-historia{
  padding-bottom: 8em;
}

.paragrafo-titulo {
  font-size: large;
  font-weight: 700;
  font-style: italic;
  color: var(--color-btn);
  letter-spacing: .3px;
  text-shadow: 0.5px 0 black;
}

.titulo {
  font-weight: 900;
  color: var(--color-secundary);
}

.text-justify {
  text-align: justify;
}

/*Proposta*/
.secao-proposta{
background-image: url(../img/bg-proposta.svg);
background-size: cover;
background-position: right;
background-color: #f1f1f1;
}
/*Segmentos*/
.secao-segmento{
  padding-top: 6em;
  padding-bottom: 6em;
  background-color: #f1f1f1;
}
.card-segmento {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 468px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  padding: 32px;
  overflow: hidden;
  border-radius: 40px;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
}

.content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  color: var(--color-secundary);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
}

.content .heading {
  font-weight: 700;
  font-size: 32px;
}

.content .paragrafo {
  line-height: 1.5;
}

.content .btn {
  color: var(--color-secundary);
  text-decoration: none;
  padding: 10px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  background: var(--color-btn);
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.card-segmento::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  z-index: -1;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
}

.bg-segmento-infantil::before{
  background: url(../img/bg-segmento-infantil.png), linear-gradient(-45deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
}

.bg-segmento-fund::before{
  background: url(../img/bg-segmento-fund.png), linear-gradient(-45deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
}

.bg-segmento-fund2::before{
  background: url(../img/bg-segmento-fund2.png), linear-gradient(-45deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
}

.bg-segmento-medio::before{
  background: url(../img/bg-segmento-medio.png), linear-gradient(-45deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
}

.card-segmento:hover::before {
  height: 100%;
  color: var(--color-primary);
  background-size: cover;
  background-position: center;
}

.card-segmento:hover {
  box-shadow: none;
}

.card-segmento:hover .content {
  color: var(--color-primary);
}

.heading:hover {
  color: var(--color-primary);
}

.card-segmento:hover .btn {
  color: #212121;
  background: #e8e8e8;
}

.color{
  color: #FFF;
  font-weight: 600;
}

/* 
.content .btn:hover {
  outline: 2px solid #e8e8e8;
  background: transparent;
  color: #e8e8e8;
} */

.content .btn:active {
  box-shadow: none;
}

/*Diferenciais*/

.ag-format-container {
  width: 1142px;
  margin: 0 auto;
}

.ag-courses_box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 50px 0;
}
.ag-courses_item {
  flex-basis: calc(33.33% - 30px);
  margin: 0 15px 30px;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  height: 220px;
  backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0.1);
}
.ag-courses-item_link {
  display: block;
  padding: 53px 20px;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
}
.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date, .ag-courses-item_link:focus,
.ag-courses-item_link:focus .ag-courses-item_date{
  text-decoration: none;
  color: #FFF;
}
.ag-courses-item_link:hover .ag-courses-item_bg, .ag-courses-item_link:focus .ag-courses-item_bg{
  transform: scale(10);
}
.ag-courses-item_title {
  min-height: 87px;
  margin: 0 0 25px;

  overflow: hidden;

  font-weight: bold;
  font-size: 30px;
  color: #FFF;

  z-index: 2;
  position: relative;
}
.ag-courses-item_bg {
  height: 128px;
  width: 128px;
  background-color: #f9b234;

  z-index: 1;
  position: absolute;
  top: -75px;
  right: -75px;
  border-radius: 50%;
  transition: all .5s ease;
}

.icon-diferencial{
  position: absolute;
  top: 2px;
  right: 10px;
  z-index: 99;
  color: #fff;
}
.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
  background-color: #3ecd5e;
}
.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
  background-color: #e44002;
}
.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
  background-color: #952aff;
}
.ag-courses_item:nth-child(5n) .ag-courses-item_bg {
  background-color: #cd3e94;
}
.ag-courses_item:nth-child(6n) .ag-courses-item_bg {
  background-color: #4c49ea;
}
.ag-courses_item:nth-child(7n) .ag-courses-item_bg {
  background-color: #3D81C2;
}
.ag-courses_item:nth-child(8n) .ag-courses-item_bg {
  background-color: #EE2626;
}
.ag-courses_item:nth-child(9n) .ag-courses-item_bg {
  background-color: #26eed3;
}




.secao-diferenciais {
  padding-top: 8em;
  padding-bottom: 8em;
  background: linear-gradient(140deg, rgba(11, 25, 74, 1) 0%, #014489 73%);

  position: relative;
  z-index: 0;
}

.icone-bg{
  position: absolute;
  width: 800px;
  top: 60%;
  transform:translate(0%,-50%);
  z-index: -2;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
}

.card {
  border-radius: 32px;
}

.swiper-slide {
  border-radius: 32px !important;
  box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1) !important;
}

.swiper {
  padding-bottom: 2em !important;
}

/*Contato*/

.icon-color::before{
  color: var(--color-btn) !important;
  text-shadow: 0px 0 black;
}
.color-form-address {
  color: var(--color-secundary);
  font-weight: 700;
  font-size: 1.3em;
}

.color-form-address:hover {
  color: #172d42
}

.formulario-shadow{
  padding: 5rem 3rem;
  border-radius: 2rem;
  box-shadow: 0 8px 16px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 5px );
  width: 100%;
}

.contato-asteristico{
  color: var(--vermelho);
}

.form-control{
  border: none !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;;
}

.form-nome{
  position: relative;
}
.bi-person-fill, .bi-envelope-fill,.bi-pencil-square, .bi-telephone-fill{
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 1.5rem;
  color: var(--color-secundary);
}

#contato{
  scroll-margin-top: 18em;
}

#proposta-pedagogica{
  scroll-margin-top: 8em;
}

label{
  font-size: 1rem;
  font-weight: bold;
}

/*Depoimento*/
.secao-depoimento{
  padding-bottom: 8em;
  background-color: #f1f1f1;
}

.card-depoimento{
  width: 100%;
  height: 100%;
  padding-top: 1em;
  padding-bottom: 2em;
  background-color:#f9f9f9;
  border: none;
}

.card-body-depoimento{
  padding: 2em  2em 0 2em ;
}

.depoimento-icone {
  padding-top: 16px;
  padding-left: 1.5em;
  width: 80px !important;
  height: auto;
}
.swiper-slide .depoimento-icone {
  display: block;
  height: auto;
  object-fit: cover;
}

/*Contador*/
.card-counter{
  background-image: linear-gradient(-45deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
  height: 200px;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 2em;
  margin: 12px 0;
  box-shadow: 0px 6px 10px 0px #1c4fc26b;
}

/*Instagram*/
.bg-insta{
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  padding-bottom: 8em;
}

.texto-insta a{
  text-decoration: none;
}
.instragram-word{
  color: var(--color-secundary);
  
}

/*Redes Sociais*/
.secao-redes{
  position: fixed;
  top: 40%;
  left: -0.5%;

  background-image: linear-gradient(-45deg, #005e86 0%, #005e86 73%);
  border-top-right-radius: 85px;
  border-bottom-right-radius: 85px;
  box-shadow: 0px 6px 10px 0px #1c4fc26b;
  z-index: 1;
}
.secao-redes .row{
  width: 85px;
  padding-left: 1em;
}

.secao-redes-mobile{
  background-image: linear-gradient(-45deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
  box-shadow: 0px -6px 10px 0px #1c4fc26b;
}

.secao-tour{
  position: relative;
  margin: -100px 0;
}

.bg-tour{
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(../img/Group\ 5.png);
  background-size: cover;
  background-position:center;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

.secao-matricula{
  width: 100%;
  height: calc(100vh - 84px);
  background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../img/bg-matricula.jpg);
  background-size: cover;
  background-position-x: center;
  background-attachment: fixed;
}

.texto-matricula{
  color:var(--color-btn);
  font-weight: 900;
  font-size: 3em;
}
/*Footer*/
.footer {
  padding-top: 2em;
  background-image: linear-gradient(-100deg, #78d7ff 0%, #005e86 73%);
}

.bi {
  font-size: 1.5em
}

.footer-address::before,
.footer-tel::before,
.footer-what::before,
.footer-email::before {
  font-family: "Bootstrap-icons";
  padding-right: .5em;
  color: var(--color-terciario);
  font-size: 20px
}

.footer-address::before {
  content: "\F3E7"
}

.footer-tel::before {
  content: "\F5B4"
}

.footer-what::before {
  content: "\F618"
}

.footer-email::before {
  content: "\F32C"
}

.footer-linha {
  color: var(--color-terciario);
  border-width: 2px
}


/*Interna*/
/*Sobre*/
.bg-secao-sobre{
  background-size: cover;
  height: 250px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 143.5px;
  background-position: bottom;
}

.bg-secao-infantil, .bg-secao-fundamental, .bg-secao-fundamental2, .bg-secao-medio, .bg-aprovados{
  background-size: cover;
  height: 250px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 143.5px;
  background-position: bottom;
}
.bg-secao-sobre{
  background-image: url(../img/bg-interno-sobre.png);
}
.bg-secao-infantil{
  background-image: url(../img/bg-infantil.png);
}

.bg-secao-fundamental{
  background-image: url(../img/bg-fundamental-interno.png)
}

.bg-secao-fundamental2{
  background-image: url(../img/bg-fundamental2.png)
}

.bg-secao-medio{
  background-image: url(../img/bg-medio.png)
}

.bg-aprovados{
  background-image: url(../img/bg-aprovados.png);
}
.titulo-interno{
  color: var(--color-btn);
  font-weight: 900;
}
.bg-historia-interna{
  background-color: #f9f9f9;
  padding-bottom: 6em;
}
.imagem-360{
  border-radius: 24px;
}

.missao-conteudo{
  background: linear-gradient(90deg, rgba(11, 25, 74, 1) 0%, #014489 73%);
  margin: auto;
  width: 80%;
  padding: 3em;
  border-radius: 2em;
}

.missao-conteudo-inteno{
  background-color: var(--color-btn);
  padding:1.5em;
  border-radius: 24px;
  height: 100%;
}
.missao-conteudo-inteno h4{
  font-weight: 900;
  color: var(--color-secundary);
}

.linha-tempo {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

/* line */
.linha-tempo::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: #ffc402;
  border-radius: calc(var(--line-w) / 2);
}


/* row gaps */
ul li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
.linha-tempo li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

/* date */
ul li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--accent-color);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: grid;
  place-content: center;
  position: relative;

  border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
ul li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;

  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

/* circle */
ul li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--bgColor);
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;

  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
ul li .linha-tempo-titulo {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
  font-weight: 500;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* shadows */
ul li .linha-tempo-titulo::before{
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}
ul li .linha-tempo-titulo::before {
  bottom: calc(100% + 0.125rem);
}

/*Depoimentos ex alunos*/

.texto-depoimento-interno{
  width: 80%;
  margin: auto;
}

.secao-depoimento-interno{
  padding-bottom: 6em;
}
.depoimento-profissao{
  color: #e3ae00;
  font-weight: bolder;
}

.img-ex-alunos{
  border-radius: 50%;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/*Infantil*/
.secao-ensinar{
  padding-bottom: 8em;
}
.container-interno-ensinar{
  margin-top: -14em;
}
.imagem-infantil{
  border-radius: 2em;
}

.box-titulo,.box-titulo2, .box-titulo3,.box-titulo4{
  background-size: cover;
  height: 400px;
}

.box-titulo{
  background-image: url(../img/bg-infantil-ensino.svg);
}
.box-titulo2{
  background-image: url(../img/bg-infantil-acolhimento.svg);
}

.box-titulo3{
  background-image: url(../img/bg-infantil-metodologia.svg);
}

.box-titulo4{
  background-image: url(../img/bg-infantil-professoras.svg);
}
.box-titulo h1, .box-titulo2 h1 ,.box-titulo3 h1, .box-titulo4 h1{
  padding-top: 4rem;
}

.box-titulo2, .box-titulo4{
  text-align: end;
}

.infantil-box{
  padding:3em 1.5em;
  border-radius: 24px;
  height: 270px;
  background-color: #f5f5f5;
}
.infantil-box h4{
  font-weight: 900;
  color: var(--color-secundary);
}

.card-professora {
  position: relative;
  background-color: #f2f2f2;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-professora:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-professora:hover .card__content {
  transform: rotateX(0deg);
  background-image: url(../img/bg-proposta.svg);
  background-size: cover;
  background-position-x: right;
}

.card__title {
  margin: 0;
  font-size: 20px;
}

.card-professora:hover img {
  scale: 0;
}

.card__description {
  margin: 1em .5em;
  color: #000;
  line-height: 1.4;
}

@media (min-width: 40rem) {
  .linha-tempo {
    grid-template-columns: 1fr var(--line-w) 1fr;
  }
  .linha-tempo::before {
    grid-column: 2;
  }
  .linha-tempo li:nth-child(odd) {
    grid-column: 1;
  }
  .linha-tempo li:nth-child(even) {
    grid-column: 3;
  }

  /* start second card */
  .linha-tempo li:nth-child(2) {
    grid-row: 2/4;
  }

  .linha-tempo li:nth-child(odd) .date::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
  }

  .linha-tempo li:nth-child(odd) .date::after {
    transform: translate(-50%, -50%);
    left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }
  .linha-tempo li:nth-child(odd) .date {
    border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}

.secao-unip{
  background-image: url(../img/bg-cursos.svg);
  background-size: cover;
  padding-bottom: 8em;
}

.titulo-unip {
  font-weight: 900;
  color: #FCEE01;
}

.paragrafo-unip {
  font-size: large;
  font-weight: 700;
  font-style: italic;
  color: #fff;
}



/*Media*/

@media screen and (max-width:1999px) {
  .card-segmento {
    width: 100%;
  }
  
}
@media screen and (max-width:1199px) {
  .card-diferencial {
    height: 370px;
  }
  
}

@media screen and (992px <= width <= 1199px) {
  .infantil-box {
    padding: 3em 1.5em;
    border-radius: 24px;
    height: 325px;
    background-color: #f5f5f5;
  }
}


@media screen and (max-width:991px) {
  .carousel-img {
    height: auto;
  }
  .img-ex-alunos{
    width: 20%;
  }
  .infantil-box {
    width: 80%;
    margin: auto;
  }

  .ag-courses_item {
    flex-basis: calc(50% - 30px);
  }
}

@media screen and (max-width:800px) {
  .icone-bg{
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .secao-redes-mobile{
      display: none;
  }
}

@media screen and (max-width:768px) {
  .secao-desktop{
      display: none;
  }
  .footer{
    margin-bottom: 5em;
  }
}

@media screen and (max-width:767px) {
  .card-segmento {
    width: 100%;
  }
  .btn-tour{
    margin-top: 2em;
  }
  .ag-courses_item {
    flex-basis: calc(100% - 30px);
  }
  .box-titulo2, .box-titulo4{
    height: 715px;
  }
}

@media screen and (max-width:526px) {
  .btn-diferencial{
    height: 80px;
  }
  .bg-secao-sobre {
    padding-left: 60px;

  }
}

@media screen and (max-width:500px) {
  .card_overlay{
    height: 70%;
    top: 30%;
  }
}

@media screen and (max-width:425px) {
  .missao-conteudo {
    padding: 3em 2em;
  }
  .footer-address,.footer-tel,.footer-what,.footer-email{
    justify-content: center;
  }
  .footer{
    text-align: center;
  }
  .bg-secao-infantil{
    padding-right: 0;
    background-position: center;
  }

  .bg-secao-infantil h1{
    text-align: center !important;
  }
}


/*LP MATRICULA*/
/*Galeria*/
.section-galeria {
  column-count: 4;
  column-gap: 10px;
}

.img-galeria {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 10px;
}

.scroll-down {
  position: absolute;
  left: 50%;
  bottom: 35px;
  display: block;
  text-align: center;
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0;
  width: 18px;
  height: 18px;
  border-bottom: 2px solid #ffc402;
  border-right: 2px solid #ffc402;
  z-index: 9;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
  -moz-transform: translate(-50%, 0%) rotate(45deg);
  transform: translate(-50%, 0%) rotate(45deg);
  -webkit-animation: fade_move_down 4s ease-in-out infinite;
  -moz-animation:    fade_move_down 4s ease-in-out infinite;
  animation:         fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}


/*Sucesso */

.secao-sucesso{
  height:calc(100vh - 193px);
}

.titulo-sucesso{
  color: #8BC34A;
  font-weight: 900;
  font-size: 3em;
}


/*Aprovados*/
 .light {
	 background: #f3f5f7;
}
 a, a:hover {
	 text-decoration: none;
	 transition: color 0.3s ease-in-out;
}
 #pageHeaderTitle {
	 margin: 2rem 0;
	 text-transform: uppercase;
	 text-align: center;
	 font-size: 2.5rem;
}
/* Cards */
 .postcard {
	 flex-wrap: wrap;
	 display: flex;
	 box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
	 border-radius: 10px;
	 margin: 0 0 2rem 0;
	 overflow: hidden;
	 position: relative;
	 color: #fff;
}
 .postcard.dark {
	 background-color: #18151f;
}
 .postcard.light {
	 background-color: #e1e5ea;
}
 .postcard .t-dark {
	 color: #18151f;
}
 .postcard a {
	 color: inherit;
}
 .postcard h1, .postcard .h1 {
	 margin-bottom: 0.5rem;
	 font-weight: 500;
	 line-height: 1.2;
}
 .postcard .small {
	 font-size: 80%;
}
 .postcard .postcard__title {
	 font-size: 1.75rem;
   color: var(--color-secundary);
   font-weight: 700;
}
 .postcard .postcard__img {
	 max-height: 326px;
	 width: 100%;
	 object-fit: cover;
	 position: relative;
}
 .postcard .postcard__img_link {
	 display: contents;
}
 .postcard .postcard__bar {
	 width: 50px;
	 height: 10px;
	 margin: 10px 0;
	 border-radius: 5px;
	 background-color: #424242;
	 transition: width 0.2s ease;
}
 .postcard .postcard__text {
	 padding: 1.5rem;
	 position: relative;
	 display: flex;
	 flex-direction: column;
}
 .postcard .postcard__preview-txt {
	 overflow: hidden;
	 text-overflow: ellipsis;
	 text-align: justify;
	 height: 100%;
}

 .postcard:before {
	 content: "";
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background-image: linear-gradient(-70deg, #424242, transparent 50%);
	 opacity: 1;
	 border-radius: 10px;
}
 .postcard:hover .postcard__bar {
	 width: 100px;
}
 @media screen and (min-width: 769px) {
	 .postcard {
		 flex-wrap: inherit;
	}
	 .postcard .postcard__title {
		 font-size: 1.8rem;
	}
	 .postcard .postcard__tagbox {
		 justify-content: start;
	}
	 .postcard .postcard__img {
		 max-width: 300px;
		 transition: transform 0.3s ease;
	}
	 .postcard .postcard__text {
		 padding: 3rem;
		 width: 100%;
	}
	 .postcard .media.postcard__text:before {
		 content: "";
		 position: absolute;
		 display: block;
		 background: #18151f;
		 top: -20%;
		 height: 130%;
		 width: 55px;
	}
	 .postcard:hover .postcard__img {
		 transform: scale(1.1);
	}
	 .postcard:nth-child(2n+1) {
		 flex-direction: row-reverse;
	}
	 .postcard:nth-child(2n+0) {
		 flex-direction: reverse;
	}
	 .postcard:nth-child(2n+1) .postcard__text::before {
		 left: -12px !important;
		 transform: rotate(4deg);
	}
	 .postcard:nth-child(2n+0) .postcard__text::before {
		 right: -12px !important;
		 transform: rotate(-4deg);
	}
}
 @media screen and (min-width: 1024px) {
	 .postcard__text {
		 padding: 2rem 3.5rem;
	}
	 .postcard__text:before {
		 content: "";
		 position: absolute;
		 display: block;
		 top: -20%;
		 height: 130%;
		 width: 55px;
	}
	 .postcard.dark .postcard__text:before {
		 background: #18151f;
	}
	 .postcard.light .postcard__text:before {
		 background: #e1e5ea;
	}
}
/* COLORS */
 .postcard .postcard__tagbox .green.play:hover {
	 background: #79dd09;
	 color: black;
}
 .green .postcard__title:hover {
	 color: #79dd09;
}
 .green .postcard__bar {
	 background-color: #79dd09;
}
 .green::before {
	 background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
 .green:nth-child(2n)::before {
	 background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}
 .postcard .postcard__tagbox .blue.play:hover {
	 background: #0076bd;
}
 .blue .postcard__title:hover {
	 color: #0076bd;
}
 .blue .postcard__bar {
	 background-color: #0076bd;
}
 .blue::before {
	 background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
 .blue:nth-child(2n)::before {
	 background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}
 .postcard .postcard__tagbox .red.play:hover {
	 background: #bd150b;
}
 .red .postcard__title:hover {
	 color: #bd150b;
}
 .red .postcard__bar {
	 background-color: #bd150b;
}
 .red::before {
	 background-image: linear-gradient(-30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
 .red:nth-child(2n)::before {
	 background-image: linear-gradient(30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}
 .postcard .postcard__tagbox .yellow.play:hover {
	 background: #bdbb49;
	 color: black;
}
 .yellow .postcard__title:hover {
	 color: #bdbb49;
}
 .yellow .postcard__bar {
	 background-color: #bdbb49;
}
 .yellow::before {
	 background-image: linear-gradient(-30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
 .yellow:nth-child(2n)::before {
	 background-image: linear-gradient(30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}
 @media screen and (min-width: 769px) {
	 .green::before {
		 background-image: linear-gradient(-80deg, rgba(121, 221, 9, 0.1), transparent 50%);
	}
	 .green:nth-child(2n)::before {
		 background-image: linear-gradient(80deg, rgba(121, 221, 9, 0.1), transparent 50%);
	}
	 .blue::before {
		 background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
	}
	 .blue:nth-child(2n)::before {
		 background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
	}
	 .red::before {
		 background-image: linear-gradient(-80deg, rgba(189, 21, 11, 0.1), transparent 50%);
	}
	 .red:nth-child(2n)::before {
		 background-image: linear-gradient(80deg, rgba(189, 21, 11, 0.1), transparent 50%);
	}
	 .yellow::before {
		 background-image: linear-gradient(-80deg, rgba(189, 187, 73, 0.1), transparent 50%);
	}
	 .yellow:nth-child(2n)::before {
		 background-image: linear-gradient(80deg, rgba(189, 187, 73, 0.1), transparent 50%);
	}
}


.icon-menu{
  margin-top: 12px;
}