@font-face {
    font-family: 'ubuntu-bold';
    src: url('fonts/Ubuntu-B.ttf');
}

@font-face {
    font-family: 'ubuntu-bold-italic';
    src: url('fonts/Ubuntu-BI.ttf');
}

@font-face {
    font-family: 'ubuntu';
    src: url('fonts/Ubuntu-R.ttf');
}

@font-face {
    font-family: 'ubuntu-italic';
    src: url('fonts/Ubuntu-RI.ttf');
}

body {
    font-family: 'ubuntu', sans-serif;
    font-weight: bold;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.container {
    width: 900px;
    max-width: 95%;
}

#topo {
    background: url(../_img/fundo.webp) top center no-repeat;
    background-size: cover;
    padding: 2.5rem 0;
}

#topo .row {
    margin-top: 4rem;
    margin-bottom: 4rem;
    margin-left: 2rem;
}

#topo .logo img {
    width: 14rem;
    margin-bottom: 4.3rem;
}

#topo .formacao-teorica-piloto-privado img {
    width: 23rem;
    margin-left: 2rem;
}

#topo .texto {
    color: #121CB8;
    font-size: 1.8rem;
    line-height: 1;
}

#topo .texto-destaque {
    color: #000;
    font-family: 'ubuntu-italic', sans-serif;
}

#topo .setas {
    position: absolute;
    top: 585px;
    left: 75%;
    width: 4.3rem;
    cursor: pointer;
    animation-name: setas;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/* The animation code */
@keyframes setas {
    0%   {top: 585px;}
    50%  {top: 595px;}
    100% {top: 585px;}
}

#topo .setas img {
    width: 2.5rem;
    margin-right: 4rem;
    margin-top:.5rem;
}


#seu-sucesso {
    padding-bottom: 5rem;
}

#video .video-tematica {
    width: 47rem;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 40px;
}

#seu-sucesso .texto {
    color: #D78F04;
    font-size: .9rem;
    margin-bottom: 3rem;
}

#seu-sucesso .destaque {
    color: #121CB8;
    font-family: 'ubuntu-italic', sans-serif;
}

#seu-sucesso .texto-destaque img {
    width: 16rem;    
}

#seu-sucesso .titulo {
    color: #121CB8;
    font-family: 'ubuntu-bold', sans-serif;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 2rem;
}

#seu-sucesso .texto-destaque .texto {
    color: #1247F4;
    font-size: 1rem;
}

#seu-sucesso .texto-destaque .texto .destaque {
    color: #D78F04;
    font-family: 'ubuntu', sans-serif;
}

#metodologia {
    background: url(../_img/metodologia.webp?1) bottom center no-repeat;
    background-size: cover;
    padding:4.5rem 0 3.4rem;
    font-size: 1.1rem;
    color: #FFF;
    line-height: 1.7;
}

#metodologia .destaque {
    color: #D78F04;
    font-family: 'ubuntu-italic', sans-serif;
    font-size: 1.2rem;
}

#equipe {
    background: url(../_img/fundo-equipe.webp) bottom center no-repeat;
    background-size: cover;
    padding:4rem 0 6rem;
}

#equipe .texto-destaque {
    font-size: 1.6;
    line-height: 1.7;
    width: 610px;
    max-width: 100%;
    margin:0 auto 3rem;
}

#equipe .texto-destaque .destaque-principal {
    color: #1247F4;
    font-size: 1.4rem;
    line-height: 1;
}

#equipe .texto-destaque .destaque-conheca {
    color: #121CB8;
    text-transform: uppercase;
    font-family: 'ubuntu-italic', sans-serif;
}

#equipe .texto-destaque .destaque-player {
    color: #D78F04;
    text-transform: uppercase;
    font-family: 'ubuntu-italic', sans-serif;
}

#equipe .img-professor {
    text-align: center;
}

#equipe .img-professor img {
    height: 9rem;
    margin:0 auto;
    cursor: pointer;
    transition-duration: 500ms; 
}

#equipe .img-professor img:hover {
    filter:brightness(1.3);
}


#equipe .nome {
    color: #D78F04;
    font-size: 1.6rem;
    margin:.7rem 0 .5rem;
}


#equipe .texto {
    font-size: 1rem;
}

#equipe .container {
    width: 1028px;
    max-width: 95%;
}

#testemunhos {
    background: url(../_img/fundo-testemunhos.webp) top center repeat-x;
    background-size: auto 15rem;
    padding:2.5rem 0 4rem;
}

#testemunhos .titulo {
    text-align: center;
    color: #D78F04;
    font-size: 1.7rem;
    margin-bottom:0rem;
}

#testemunhos .video-container img {
    cursor: pointer;
}

#testemunhos .video-container img:hover {
    filter: brightness(1.3);
    transition-duration: 500ms; 
}

#testemunhos .video {
    text-align: center;
    width: 34rem;
    max-width: 100%;
    margin:0 auto;
}

#testemunhos .video .nome-principal {
    text-align: left;
    color: #D78F04;
    font-size: 1.5rem;
    margin-top:0rem;
    margin-bottom: 1.6rem;
}

#testemunhos .carrossel .seta-esq {
    text-align: right;
    padding-top: 3.4rem;
    cursor:pointer;
}

#testemunhos .carrossel .seta-dir {
    padding-top: 3.4rem;
    cursor:pointer;
}

#testemunhos .carrossel .seta-esq:hover {
    filter: brightness(3);
    transition-duration: 500ms;
}

#testemunhos .carrossel .seta-dir:hover {
    filter: brightness(3);
    transition-duration: 500ms; 
}

#testemunhos .carrossel .seta-esq img, #testemunhos .carrossel .seta-dir img {
    width: 1.6rem;
}

#testemunhos .carrossel .sel-video {
    text-align: center;
}

#testemunhos .carrossel .sel-video img {
    width: 9.5rem;
    cursor:pointer;
    margin: 0 auto;
}

#testemunhos .carrossel .sel-video img:hover {
    filter: brightness(1.3);
    transition-duration: 500ms; 
}

#testemunhos .carrossel .sel-video .nome {
    color: #D78F04;
    margin-top: 1rem;
    font-size: .9;
    margin-bottom: 3rem;
}

#testemunhos .carrossel .sel-video .cidade {
    color: #D78F04;
    font-size: .9;
}

#testemunhos .carrossel .container-carrossel {
    overflow: hidden;
    height: 14rem;
}

.sel-video-1, .sel-video0, .sel-video4, .sel-video5, .sel-video6, .sel-video7, .sel-video8, .sel-video9, .sel-video10, .sel-video11, .sel-video12, .sel-video13, .sel-video14 {
    display: none;
}

#grupos .container {
    padding:5.2rem 6rem 3.2rem;
    border:solid 1px #707070;
    -webkit-border-radius: 93px;
    -moz-border-radius: 93px;
    border-radius: 93px;
}

#grupos .titulo {
    text-align:center;
    font-size: 1.6rem;
    margin-bottom:4rem;
    font-family: 'ubuntu-bold', sans-serif;
    line-height: 1.2;
}

#grupos .pessoas-que-se-interessam {
    color:#D78F04;
    font-family: 'ubuntu-bold-italic', sans-serif;
}

#grupos .tres-grupos {
    color:#1247F4;
}

#grupos .tipo-aluno {
    font-family: 'ubuntu-bold-italic', sans-serif;
    color:#121CB8;
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: 1rem;
}

#grupos .texto {
    font-size: 1rem;
    color:#1247F4;
}

#grupos .row {
    margin-bottom: 2rem;
}

#grupos .aluno-cavaleiro img {
    width: 5.7rem;
    height: auto;
}

#grupos .aluno-solitario img {
    width: 10rem;
    height: auto;
}

#grupos .aluno-trem-de-pouso img {
    width: 9rem;
    height: auto;
}

#grupos .aluno {
    color:#D78F04;
    font-family: 'ubuntu-bold', sans-serif;
}

#grupos .aluno-solitario .texto, #grupos .aluno-solitario .tipo-aluno {
    padding-left:3rem;
}

#sucesso .fundo {
    background: url(../_img/piloto-sucesso.webp) top center no-repeat;
    background-size: cover;
}

#sucesso .cabecalho {
    text-align: center;
    color:#FFF;
    background-color: #121CB8;
    margin-top: 4.3rem;
    font-size: 1.3rem;
    padding:.6rem 0;
}

#sucesso .rodape {
    background-color: #1247F4;
    height: 2.5rem;
}

#sucesso .topicos {
    color:#121CB8;
    font-size: 1rem;
    margin-bottom: 2rem;
}

#sucesso .topicos .destaque {
    color:#D78F04;
    font-family: 'ubuntu-bold-italic', sans-serif;
    text-transform: uppercase;
}

#sucesso .topico-linha {
    display: flex;
    margin-bottom: 1rem;
}

#sucesso .topico-linha .topico {
    width: 10%;
}

#sucesso .topico-linha .topico img {
    width: 1.1rem;
}

#sucesso .topico-linha .texto {
    width: 90%;
}

#sucesso .nossa-experiencia-para-voce {
    font-size: 1.2rem;
    margin-top: 4rem;
}

#sucesso .resultato {
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
}

#sucesso .resultato span {
    background: #121CB8;
    color:#FFF;
}

#sucesso .fato {
    color:#D78F04;
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
    line-height: 1.2;
}

#voce-pode {
    background: url(../_img/fundo-voce-pode.webp) top center no-repeat;
    background-size: cover;
    padding:3.4rem 0;
}

#voce-pode .container {
    width: 750px;
    max-width: 100%;
}

#voce-pode .titulo {
    font-size: 1.6rem;
    color: #FAAC15;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 3rem;
}

#voce-pode .independente-de-circunstancias {
    color:#000;
}

#voce-pode .metodologia-cac {
    color:#121CB8;
    font-family: 'ubuntu-bold-italic', sans-serif;
}

#voce-pode .linha-topico {
    margin-bottom: 1rem;
}

#voce-pode .topico {
    margin-bottom: .5rem;
    font-size: 1.3rem;
    color: #D78F04;
}

#voce-pode .destaque {
    color:#121CB8;
}

#voce-pode .texto {
    font-size: .9rem;
    color:#121CB8;
}

#voce-pode .topico-img   {
    text-align: right;
}

#voce-pode .topico-img img {
    margin-top: .5rem;
    width: 3.4rem;
}

#sobre-o-curso {
    background: url(../_img/fundo-sobre-o-curso.webp) top center no-repeat;
    background-size: cover;
    color:#FFF;
}

#sobre-o-curso .container {
    width: 610px;
    max-width: 100%;
    padding: 3rem 0 3rem;
}

#sobre-o-curso .cabecalho, #sobre-o-curso .rodape {
    height: .4rem;
    background-color: #FAAC15;
}

#sobre-o-curso .titulo {
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.2;
    color: #FFF;
}

#sobre-o-curso .titulo .destaque {
    font-family: 'ubuntu-bold-italic', sans-serif;
    color: #FAAC15;
    font-size: 2rem;
}

#sobre-o-curso .linha {
    height: 2px;
    background-color: #FFF;
    width: 320px;
    max-width: 70%;
    margin:1.6rem auto 2.1rem;
}

#sobre-o-curso .topicos {
    color: #FAAC15;
}

#sobre-o-curso .e-muito-mais {
    color: #FAAC15;
    font-size: 1.4rem;
    margin-top: 1rem;
}

#sobre-o-curso .topicos .linha-topico {
    margin-bottom: .3rem;
    display: flex;
}

#sobre-o-curso .topicos .destaque {
    color: #FFF !important;
}

#sobre-o-curso .topicos .linha-topico .topico {
    width: 5%;
}

#sobre-o-curso .topicos .linha-topico .texto {
    width: 95%;
}

#nuvens {
    background: url(../_img/fundo-nuvens.webp) bottom center no-repeat;
    background-size: cover;
}

#oferta {
    padding:3.4rem 0 3rem;
}

#oferta .container {
    width: 750px;
}

#oferta img {
    width: 18rem;
}

#oferta .piloto-privado {
    text-align: center;
}

#oferta .mais-recursos-do-que-qualquer-outro {
    padding:1.4rem 2.5rem 1rem;
    border:solid 2px #121CB8;
    color:#121CB8;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    margin: 2rem 0 1rem;
}

#oferta .custo-reduzido {
    padding:1.4rem 2.5rem 1rem;
    border:solid 2px #FAAC15;
    color:#121CB8;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    margin: 1rem 0 1rem;
}

#oferta .destaque-azul {
    color:#1247F4;
}

#oferta .mais-recursos-do-que-qualquer-outro .destaque-dourado {
    color:#D78F04;
}

#oferta .custo-reduzido .destaque-dourado {
    color:#FAAC15;
}

#oferta .grande {
    font-size: 1.3rem;
    font-family: 'ubuntu-bold', sans-serif;
}

#oferta .edicao-especial {
    font-size: 1.3rem;
    color:#1247F4;
    text-transform: uppercase;
    font-family: 'ubuntu-bold-italic', sans-serif;
}

#oferta .valor-do-curso {
    width: 400px;
    max-width: 100%;
    margin:0 auto;
}

#oferta .valor-do-curso p {
    margin-bottom: 0;
}

#oferta .valor-do-curso .preco-de {
    color:#1247F4;
    /* font-size: .8rem; */
    font-size: 1.6rem;
    font-family: 'ubuntu-italic', sans-serif;
}

#oferta .valor-do-curso .por-apenas {
    color:#1247F4;
}

#oferta .valor-do-curso .seis-vezes {
    color:#121CB8;
}

#oferta .valor-do-curso .doze-vezes {
    color:#121CB8;
}

#oferta .valor-do-curso .riscado {
    text-decoration: line-through;
}

#oferta .grande {
    font-size: 1.3rem;
    font-family: 'ubuntu-bold', sans-serif;
}

#oferta .seis-vezes .grande {
    color:#D78F04;
    font-family: 'ubuntu-bold-italic', sans-serif;
}

#oferta .grande {
    font-size: 1.3rem;
    font-family: 'ubuntu-bold', sans-serif;
}

#oferta .quero-participar {
    text-align: center;
}

#oferta .quero-participar button {
    background-color: #0AAD0A;
    font-family: 'ubuntu-bold', sans-serif;
    font-size: 1.2rem;
    margin-top: 1rem;
    border:0;
    color:#FFF;
    padding:.7rem 3rem;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    -webkit-box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    transition-duration: 500ms;
}

#oferta .quero-participar button:hover {
    background-color: #26cc26;
}

#oferta .quero-participar button:active {
    background-color: #098a09;
    -webkit-box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
}

#presente .texto {
    color:#121CB8;
    font-size: .8rem;
    margin-bottom: 1rem;
}

#presente .titulo {
    color:#FAAC15;
    font-family: 'ubuntu-bold-italic', sans-serif;
    font-size: 1rem;
}

#presente .subtitulo {
    color:#1247F4;
    font-family: 'ubuntu-bold-italic', sans-serif;
    font-size: 1rem;
}

#presente .decole-ja-2023 {
    width: 7rem;
    margin-bottom: .5rem;
}

#presente .participar-e-simples {
    text-align: center;
    margin-top: 3rem;
}

#presente .participar-e-simples img {
    width: 45rem;
}

#botao-quero-participar .quero-participar {
    text-align: center;
    margin-top: -2.6rem;
    margin-bottom: 3rem;
}

#botao-quero-participar .quero-participar button {
    background-color: #0AAD0A;
    font-family: 'ubuntu-bold', sans-serif;
    font-size: 1.4rem;
    margin-top: 1rem;
    border:0;
    color:#FFF;
    padding:.7rem 3rem;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    -webkit-box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    transition-duration: 500ms;
}

#botao-quero-participar .quero-participar button:hover {
    background-color: #26cc26;
}

#botao-quero-participar .quero-participar button:active {
    background-color: #098a09;
    -webkit-box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
}

#presente .imagem {
    padding-top: 4rem;
}

#garantia {
    background: url(../_img/garantia-incondicional.webp) top center no-repeat;
    background-size: contain;
    height: 17rem;
    width: 60rem;
    max-width: 95%;
    margin: 0 auto;
    color:#FFF;
    font-size: .9rem;
}

#garantia .texto {
    padding:4.7rem 3rem;
}

#faq .titulo {
    font-size: 2rem;
    color:#121CB8;
    text-align: center;  
    font-family: 'ubuntu-bold', sans-serif;
    margin-bottom: 1rem;
}

#faq .pergunta {
    border: solid 1px #121CB8;
    background: #1247F4;
    color:#FFF;
    display: flex;
    cursor: pointer;
    transition-duration: 500ms;
}

#faq .pergunta .texto {
    width: 93%;
    padding:.7rem 2rem;
}

#faq .pergunta .seta {
    width: 7%;
    text-align: center;
    font-size: 2rem;
    color:#FAAC15;
    transform: rotate(180deg);
    transition-duration: 500ms;
}

#faq .resposta {
    padding:.5rem 1rem 1.5rem;
    display: none;
}

#faq .pergunta.active {
    border: solid 1px #D78F04;
    background: #FAAC15;
}

#faq .pergunta.active .seta {
    color:#121CB8;
    transform: rotate(0deg);
}

#faq .resposta.active {
    display: block;
}

#rodape {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: -2rem;
}

#rodape .titulo { 
    color: #0D2FA8;
    font-size: 1.4rem;
    font-family: 'ubuntu-bold', sans-serif;
    margin-bottom: 1rem;
}

#rodape .titulo .alguma-duvida { 
    color: #D78F04;
}

#rodape .imagem { 
    margin-bottom: .5rem;
    text-align: center;
}

#rodape .imagem img { 
    width: 3rem;
    margin: 0 auto;
}

#rodape .texto { 
    color: #0D2FA8;
    font-size: .9rem;
    margin-bottom: 1rem;
}

#rodape .quero-atendimento button {
    background-color: #0AAD0A;
    font-family: 'ubuntu-bold', sans-serif;
    font-size: 1.2rem;
    border:0;
    color:#FFF;
    padding:.7rem 3rem;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
    -webkit-box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 19px -7px rgba(0,0,0,0.75);
    transition-duration: 500ms;
}

#rodape .quero-atendimento button:hover {
    background-color: #26cc26;
}

#rodape .quero-atendimento button:active {
    background-color: #098a09;
    -webkit-box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.75);
}

#final {
    height: 7rem;
    background-color: #0D2FA8;
}

.slick-arrow, .slick-dots {
    display: none !important;
}

#ModalDepoimento .modal-body .aluno {
	color:#144670;
	font-weight:bold;
	text-align:center;
	font-size:34px;
}

.modal-body button.close {
	background-color:rgba(0, 0, 0, .8);
	width:30px;
	padding-bottom:9px;
	color:#FFF;
	opacity:9;
}

.modal-body  button.close:hover {
	background-color:rgba(0, 0, 0, .4);
	color:#FFF;
}

.modal-body .titulo {
	color:#2D4571;
	/* text-shadow: 2px 2px 4px #BBB; */
	margin-bottom:0px !important;
}

.modal-body .posicao {
	color:#2D4571;
	/* text-shadow: 2px 2px 4px #BBB; */
	text-align:Center;
	margin-bottom:15px;
}

.modal-body .texto {
	color:#777;
	/* text-shadow: 2px 2px 4px #BBB; */
	padding:0 30px;
}

.modal-body button.close {
    background-color: rgba(0, 0, 0, .8);
    width: 37px;
    padding: 7px 0px;
    color: #FFF;
    opacity: 9;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.aviao-nuvem.web {
    background: url(../_img/nuvem-enfeite.webp) top right -20rem no-repeat;
    background-size: 50%;
    height: 50rem;
    margin-top: -15rem;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
    text-align: right;
}

.aviao-nuvem.api {    
    background: url(../_img/nuvem-enfeite.webp) top right -11rem no-repeat;
    background-size: 100%;
    height: 50rem;
    margin-top: -8rem;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
    text-align: right;
}

.enfeite-nuvem.web {
    background: url(../_img/nuvem-enfeite.webp) top left -25rem no-repeat, url(../_img/aviao-enfeite.webp) top 9rem right -7rem no-repeat;
    background-size: 50%;
    height: 50rem;
    margin-top: -15rem;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
    text-align: right;
}

.enfeite-nuvem.api {
    background: url(../_img/nuvem-enfeite.webp) top 7rem left -8rem no-repeat, url(../_img/aviao-enfeite.webp) top 9rem right -7rem no-repeat;
    background-size: 84%;
    height: 50rem;
    margin-top: -13rem;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
    text-align: right;
}

.api { display:none; }
.web { display:block; }


/* LG */ 
@media (min-width: 1200px) and  (max-width: 1400px) {
	
	.api { display:none; }
	.web { display:block; }
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.api { display:none; }
	.web { display:block; }

    #topo {
        background: url(../_img/fundo.webp) top right -50px no-repeat;
        background-size: cover;
    }
}


/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	
	.api { display:none; }
	.web { display:block; }

    #topo {
        background: url(../_img/fundo.webp) top right -50px no-repeat;
        background-size: cover;
    }
}

/* XS */
@media (max-width: 767px) {
	
	.api { display:block; }
	.web { display:none; }

    #topo {
        background: url(../_img/fundo.webp) top right -100px no-repeat;
        background-size: cover;
    }

    #topo .logo {
        text-align: center;
    }

    #topo .logo img {
        margin-bottom: 2.3rem;
    }

    #topo .setas img {
        margin-right: 0rem;
    }

    #topo .formacao-teorica-piloto-privado {
        margin:0 auto;
        text-align: center;
    }

    #topo .formacao-teorica-piloto-privado img {
        width: 16rem;
        margin-left: 1rem;
    }

    #topo .row {
        margin-top: 10rem;
        margin-bottom: 4rem;
        margin-left: 0rem;
        margin-right: 4rem;
    }

    #topo .texto {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    #seu-sucesso .texto {
        font-size: 1.3rem;
    }

    #seu-sucesso .texto .azul-mobile {
        color:#121CB8;
    }
    
    #seu-sucesso .texto .azul-mobile .destaque-mobile {
        font-family: 'ubuntu-bold', sans-serif;
        font-size: 1.4rem;
    }

    #seu-sucesso .pessoa-observando {
        text-align: center;
        margin-bottom: 1rem;
    }

    #seu-sucesso .container, #metodologia .container, #equipe .container, #rodape .container, #presente .container, #oferta .container, #sucesso .container {
        width: 88%;
    }

    #seu-sucesso .texto-destaque .texto {
        font-size: 1.3rem;
        margin-bottom: 0;
    }

    #metodologia {
        background: url(../_img/metodologia-mobile-bottom.webp) bottom right no-repeat, url(../_img/metodologia-mobile.webp?2) top right -34px no-repeat;
        background-size: 174%, 279%;
        padding-top:16rem;
    }

    #testemunhos {
        padding: 2.5rem 0 0rem;
    }

    #equipe .texto, #equipe .nome {
        padding: 0 3rem 1rem;
    }

    #grupos .container {
        padding: 3rem 2rem 3.2rem;
    }

    #grupos .aluno-solitario .texto, #grupos .aluno-solitario .tipo-aluno {
        padding-left: 0rem;
    }

    #testemunhos .carrossel .sel-video img {
        width: 12rem;
    }

    #testemunhos .carrossel .container-carrossel {
        height: auto;
    }

    #sucesso .cabecalho {
        margin-top: 2.5rem;
    }

    #sucesso .nossa-experiencia-para-voce {
        margin-top: 3rem;
    }

    #sucesso .fundo {
        background: #DFDFDF;
        background-size: cover;
    }

    #voce-pode .topico-img {
        padding-top: 4rem;
    }

    #sobre-o-curso .container {
        max-width: 85%;
    }

    #botao-quero-participar .quero-participar button {
        font-size: 1rem;
    }

    #oferta {
        padding: 6.4rem 0 3rem;
    }

    #presente, #oferta {
        font-size: 1.2rem;
    }

    #oferta .valor-do-curso .preco-de {
        font-size: 1.2rem;
    }

    #oferta .grande {
        font-size: 1.6rem;
    }

    #oferta .quero-participar button {
        font-size: 1.8rem;
    }

    #presente .texto {
        font-size: 1.2rem;
    }

    #presente .decole-ja-2023 {
        width: 16rem;
        padding-left: 2rem ;
    }

    #presente .participar-e-simples {
        margin-top: 0rem;
        padding-bottom: 4rem;
    }

    #botao-quero-participar .quero-participar {
        margin-top: -4rem;
    }

    #nuvens {
        -webkit-border-bottom-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }

    #presente .imagem {
        padding-top: 0rem;
        text-align: center;
    }

    #garantia {
        background: url(../_img/garantia-incondicional-mobile.webp) top center no-repeat;
        background-size: 90%;
        padding-top: 10rem;
        height: auto;
        font-size: 1.1rem;
        padding-bottom: 2rem;
    }

    #faq .pergunta .texto {
        width: 87%;
    }   
    
    #faq .pergunta .seta {
        height: 40px;
        margin-top: 14px;
    }

    #rodape .titulo {
        font-size: 2rem;
    }

    #rodape .imagem img {
        width: 6rem;
    }

    #rodape .texto {
        font-size: 1.2rem;
    }

    #rodape .quero-atendimento button {
        font-size: 1rem;
    }

    #testemunhos .carrossel .seta-esq {
        position:absolute;
        margin-top: 2rem;
        text-align: left;
        cursor:pointer;
        z-index: 50;
    }

    #testemunhos .carrossel .seta-dir {
        position:absolute;
        margin-top: 2rem;
        text-align: right;
        cursor:pointer;
        z-index: 50;
    }
}

/* XS Portrait */
@media (max-width: 480px) {
	
	.api { display:block; }
	.web { display:none; }
}

/* XS Portrait */
@media (max-width: 320px) {
	
	.api { display:block; }
	.web { display:none; }
}