/* Início do reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul, ol{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration: none;
}

/* Fim do reset */

:root{
	--primary-blue:rgb(10, 31, 68);
	--light-blue:rgb(91, 60, 250);
	--orange:rgb(255, 106, 0);
	--grey-color:rgb(74, 74, 74);
}

body{
	font-family:"Sora", "Wix Madefor Display";
}

.topo{
	margin:1.2% 0;
}

.menu{
	display:flex;
	gap:30px;
	align-items: center;
	height: 100%;
	width:100%;
	justify-content: end;
}

.main-menu-nav{
	display:flex;
	gap:30px;
	align-items: center;
}

.main-menu-nav li a{
	color:var(--grey-color);
	transition:.2s ease-in-out;
}

.main-menu-nav li a:hover{
	color:var(--light-blue);
}

.destaque a{
	padding:0.5rem 0.8rem;
	border-radius:4rem;
	color:#fff;
	background-color: var(--light-blue);
}

/* Banner */

.banner{
	width:100%;
	height:90dvh;
	position:relative;
}

.relative{
	position: relative;
}

.swiper{
	width:100%;
	height:100%;
}

.layer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-image: linear-gradient(to right, var(--light-blue) 0%, transparent 60%, transparent 100%);
}

.slide{
	background-size:100%;
	background-position:center;
	background-repeat: no-repeat;
	width:100%;
	height:90dvh;
	position:relative;
}

.conteudo{
	margin-top:15%;
}

.banner h1{
	font-size:4rem;
	font-weight:700;
	color:#fff;
	line-height: 4.5rem;;
	margin-bottom:1.5rem;
}
	.banner h1 span{
		font-weight:400;
	}

.banner p{
	color:#fff;
	font-size:1.2rem;
	line-height: 1.6rem;
	font-weight:300;
}

.banner .wp-block-button__link{
	color:#fff;
	background-color: var(--orange);
	padding:0.8rem 1.5rem;
	margin-top:2rem;
}

/* A Empresa */

.title{
	font-size:2.5rem;
	font-weight:700;
	line-height: 3rem;;
	color:var(--primary-blue);
}

.about .title{
	margin:15% 0 5% 0;
}

.content p{
	font-weight:300;
	color:var(--grey-color);
	line-height: 1.6rem;
	text-align: justify;
}

.about .element img{
	width:100%;
}

.about .liner{
	display:flex;
	align-items: center;
	gap:50px;
	margin-top:2rem;
}

.blue{
	background-color: var(--light-blue);
}
.grey{
	background-color: #F8F8F8;
}

.blue span{
	color:#fff;
}

.blue p{
	color:#fff;
	font-size:0.8rem;
}
.grey p{
	font-size:0.8rem;
}

.about .box{
	padding:2rem 1rem;
	border-radius:12px;
	display:flex;
	align-items: center;
	gap:20px;
}

.about .box p span{
	font-size:2.2rem;
	font-weight:700;
}

/* Aluguel */

.aluguel{
	margin:6% 0;
}

.aluguel h2{
	margin-bottom:3rem;
}

.aluguel .box-item{
	background-color: var(--orange);
	border-radius:12px;
	padding:1.3rem 1.5rem;
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:1.5rem;
}

.aluguel .box-item h4{
	font-weight: 300;
	font-size:0.92rem;
}

.aluguel .img-title img{
	width:70%;
}

/* Vantagens */

.vantagens{
	position:relative;
}

.vantagens .container{
	background-color: #F8F8F8;
	border-radius: 12px;
	padding-top:1%;
	padding-bottom:4%;
}

.vantagens .element{
	position:absolute;
	/* z-index: -1; */
}

.vantagens .liner{
	display:flex;
	align-items: center;
	gap:50px;
	justify-content: space-between;
	margin-top:2rem;
	position:relative;
	z-index: 100;
}

.vantagens .box-item{
	background-color: var(--light-blue);
	padding:1rem 1rem;
	border-radius:12px;
	margin-bottom:2rem;
	text-align: center;
	min-height: 300px;
}

.vantagens .box-item img{
	width:100px;
	height:100px;
	object-fit:contain;
}

.vantagens h4{
	color:#fff;
	font-weight:600;
	margin:1rem 0 2rem 0;
}

.vantagens p{
	font-weight: 200;
	line-height: 1.5rem;
	color:#fff;
}

.vantagens .bus{
	width:70%;
}

/* Vida */

.vida{
	margin:5% 0;
}

.vida .img{
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
}

.vida .element{
	width: 75%;
}

.vida .content{
	/* margin-left:%; */
	margin-top:10%;
}

.vida .img{
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	/* height:100%; */
	/* height: 50dvh; */
}

.vida p{
	margin-top:10%;
	font-size:2.5rem;
	color:var(--primary-blue);
	font-weight: 300;
	line-height: 3rem;
}

.life{
	margin:10% 0;
	width:80%;
	display:block;
}

.arrows{
	width:100%;
}

.arrows button{
	position:absolute;
	top:65%;
	z-index: 50;
	background-color: transparent;
	color:var(--light-blue);
	font-size:3rem;
	border:none;
}

#prev{
	left:0%;
}

#next{
	right:0;
}

/* Dúvidas */

.duvidas{
	background-color: var(--light-blue);
	padding:5% 0;
}

.duvidas h2{
	font-size:2.5rem;
	font-weight:700;
	line-height: 3rem;;
	color:#fff;
	margin-bottom:1rem;
}

.duvidas p{
	color:#fff;
	font-weight: 300;
}

.duvidas form{
	margin-top:10%;
}

.duvidas input{
	width:70%;
	height:3rem;
	background-color: transparent;
	border:1px solid #fff;
	border-radius:12px;
}

.duvidas button{
	height:3.1rem;
	background-color: var(--orange);
	border-radius: 12px;
	width:20%;
	font-family:inherit;
	color:#fff;
	font-family:inherit;
	cursor:pointer;
}

.right{
	text-align: right;
}

.duvidas ::placeholder{
	color:rgba(255, 250, 250, 0.5);
	padding-left: 0.5rem;
	font-family:inherit;
}

/* Frota */

.frota{
	margin:5% 0;
	
}

.frota .container{
	border-radius:12px;
	background-color:#F8F8F8;
	padding-bottom:2%;
	padding-top:2%;
	position:relative;
}

.frota .element{
	position:absolute;
	top:0;
	right:0;
}

.frota h2{
	margin-bottom:1rem;
	font-size:3.3rem;
}

.frota p{
	font-size: 2.1rem;
	color:#4D4C4C;
	opacity: 0.8;
}

.decker{
	margin-top:35%;
}

.decker h4 span{
	font-size:1.5rem;
	font-family:'Wix Madefor Display';
	font-weight: 300;
	padding:0.6rem 1rem;
	border-radius:4rem;
	border:1px solid var(--grey-color);	
	transition: .2s ease-in-out;
}

.decker h4 span:hover{
	background-color: var(--primary-blue);
	color:#fff;
}

.decker h4{
	margin-bottom:3rem;
}

.frota a{
	padding:0.7rem 1.3rem;
	color:#fff;
	font-size:1.2rem;
	background-color: var(--primary-blue);
	border-radius:4rem;
}

.frota .bus{
	width:100%;
}

.active{
	display: block !important;
}

.bus-thumbs{
	width:100%;
	height:40dvh;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
	display:none;
}

.banner-bus{
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	height:100%;
}

.life{
	cursor:pointer;
}

/* Video */

.video{
	margin:5% 0;
	position:relative;
}

#video{
	width:100%;
	height:400px;
	border-radius:12px;
}

.video button{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color: transparent;
	border:none;
	cursor: pointer;
}

/* Pacotes */

.pacotes{
	margin:5% 0;
}

.pacotes h2{
	font-size:3.5rem;
	margin-bottom:2rem;
}

.pacotes .slider{
	background-color: var(--orange);
	padding:4% 2%;
	width:100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom:3rem solid var(--primary-blue);
}

.box-pacote{
	/* height:40dvh; */
	border-radius:13px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	position:relative;
}

.tag{
	background-color: #fff;
	padding:0.7rem 0.9rem;
	border-radius:3rem;
	display:inline-flex;
	align-items: center;
	gap:10px;
	margin-top:2rem;
	margin-left:1.2rem;
}

.pacotes .content{
	margin-top:40%;
	margin-left:1.2rem;
	position: relative;
	z-index: 20;
}

.box-pacote h3{
	background-color: #fff;
	padding:0.7rem 1.2rem;
	text-transform: uppercase;
	font-weight: 400;
	font-size:0.95rem;
	font-family:'Wix Madefor Display';
	border-radius:3rem;
	display:inline-block;
}

.box-pacote .content p{
	font-size:0.8rem;
	font-weight: 300;
	color:#fff;
	margin-top:1rem;
}

.btn{
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:2rem 0;
}

.btn a{
	font-size:0.9rem;
	color:#fff;
	padding:0.7rem 1.3rem;
	border-radius:3rem;
	background-color: var(--orange);
}

.btn span{
	color:#fff;
	margin-right:1rem;
}

.slate{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
	border-radius:13px;
}

/* Blog */

.blog{
	margin:5% 0;
}

.box-blog{
	border-radius:13px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.blog h2{
	font-size:3.5rem;
	margin-bottom:2rem;
}

.blog .btn{
	margin-top:40%;
	width:95%;
}

.blog h3{
	color:#fff;
	margin-left:0.5rem;
}

.blog .btn a{
	background-color: #9747FF;
	padding:0.7rem;
}

/* Selos */

.selos{
	margin:5% 0;
}

.selos .container{
	background-color: #B0B0B0;
	border-radius:13px;
}

.selos .liner{
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:3% 3%;
}

/* Rodapé */

.rodape{
	margin-top:5%;
}

.rodape .container{
	background-color: #F8F8F8;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	padding:5% 3%;
}

.rodape img{
	margin-bottom:2.5rem;
}

.rodape h4{
	font-size:1.3rem;
	font-weight:500;
	margin-bottom:2.5rem;
}

.rodape p{
	line-height: 1.5rem;
	font-weight:300;
}

.footer-menu-nav li{
	margin-bottom:1.5rem;
}

.footer-menu-nav li a{
	color:var(--grey-color);
}

.rodape .redes{
	margin-top:2rem;
}

.rodape .redes a{
	/*margin-top:2rem;*/
	padding:0.7rem;
	color:#fff;
	background-color:#FF6A00;
	border-radius:100%;
	font-size:1.3rem;
	margin-right:0.5rem;
}

/* Páginas */

.pagina{
	margin:5% 0;
}

.page-title{
	background-image: url(../images/page-bg.png);
	background-size:100%;
	background-position: center;
	background-repeat: no-repeat;
	padding:3% 0;
}

.page-title h1{
	color:#fff;
	font-weight:700;
	font-size:3rem;
	text-align: center;
}

.pagina-contato .element{
	position:absolute;
	width:80%;
	z-index: -1;
}

.pagina-contato figure img{
	width:100%;
}

.contato form{
	margin-top:10%;
}

.pagina-contato input[type=text],
.pagina-contato input[type=date]{
	width:100%;
	height:3rem;
	border-radius:4px;
	border:1px solid var(--primary-blue);
	margin:0.3rem 0 1rem 0;
}

.pagina-contato label{
	color:var(--light-blue);
}

.pagina-contato select{
	width:100%;
	height:3rem;
	border-radius:4px;
	border:1px solid var(--primary-blue);
	font-family:inherit;
	margin:0.3rem 0 1rem 0;
}

.pagina-contato textarea{
	width:100%;
	height:6rem;
	border-radius:4px;
	border:1px solid var(--primary-blue);
	margin:0.3rem 0 1rem 0;
}

.pagina-contato button{
	height:3.1rem;
	background-color: var(--primary-blue);
	border-radius: 3rem;
	width:20%;
	border:none;
	font-family:inherit;
	color:#fff;
	font-family:"Wix Madefor Display";
	font-size:1.2rem;
	cursor:pointer;
}

.mapa{
	margin-top:2rem;
}

.pagina .box-blog .content{
	margin-top:40%;
}

.pagina-frota{
	text-align: center;
}

.pagina-frota img{
	width:100%;
	height: auto;

}

.pagina-frota h4{
	margin-bottom:2rem;
}

.pagina-frota h4 span{
	font-size:1.2rem;
	font-family:'Wix Madefor Display';
	font-weight: 300;
	padding:0.5rem 1rem;
	border-radius:4rem;
	color:#fff;
	background-color: var(--light-blue);
	border:1px solid var(--light-blue);	
	transition: .2s ease-in-out;
}

.pagina-frota span img{
	width:15px;
}

.box-frota{
	padding:1rem;
	border:1px solid var(--light-blue);
	border-radius:15px;
	margin-bottom:2rem;
}

.single-pagina img{
	width:100%;
	height:auto;
	margin-bottom:2rem;
}

.pacote-form{
	background-color: #F8F8F8;
	padding:1rem;
	border-radius:15px;
}

.pagina p{
	color:#4D4C4C;
	line-height: 1.5rem;
	font-weight:300;
	margin:2rem 0;
}

.pacote-form{
	margin-top:5%;
}

.pacote-form h3{
	text-align: center;
	margin-bottom:2rem;
	color:var(--primary-blue);
	font-weight: 700;
	font-size:2.5rem;
}

.dev svg{
	width:110px;
}

.direitos{
	margin-top:2rem;	
}

.right{
	text-align: right;
}

.whatsapp-contact i{
    color:#fff;
    font-size:2.2rem;
    margin-top:35%;
    margin-left:5%;
}

.info-text{
    background-color:#468820;
    padding:1.5rem;
    border-top-left-radius:4rem;
    border-bottom-left-radius:4rem;
}

.whatsapp-contact-mobile{
    /* width:70px; */
    border-radius:50%;
    padding:0.9rem 1rem;
    background-color: #52a517;
    position:fixed;
    right: 2rem;
    bottom:3rem;
    z-index:999;
}

.whatsapp-contact-mobile i{
    color:#fff;
    font-size:2.5rem;
}