html {
	scroll-behavior: smooth;
}

:target {
	scroll-margin-top: 40px;
}

/* Menu Sem Scroll*/
.site-header {
	background: #ffffff;
	transition: background-color 200ms ease-out;
	transition: none !important;
	box-shadow: none;
	filter: none;
}

#main-menu .menu-item a {
	color: #1A1B1A !important;
}

.site-header__logo:hover {
	filter: invert(0) !important;
	transition: .1s ease-in-out;
}


.btn-cta-menu {
	border-color: #1A1B1A !important;
	color: #1A1B1A !important;
}
.btn-cta-menu:hover {
	border-color: #06a105 !important;
	color: #ffffff !important;
}
.page-template .menu-header__itens .menu-item a {
	color: #1A1B1A !important;
}

.page-template .menu-header__itens .menu-item a:hover {
	color: #1A1B1A !important;
}

.link-outlined {
	border-color: #1A1B1A !important;
	color: #1A1B1A !important;
	padding-left: 35px;
	padding-right: 35px;
}

.link-outlined:hover {
	border: 2px solid #06a105 !important;
	color: #ffffff !important;
}

.search-nav {
	filter: invert(1);
}
/* Fim Menu Sem Scroll*/

/* Menu Com Scroll*/
.header-scroll .search-nav {
	filter: invert(0);
}

.header-scroll .site-header {
	background-color: #ffffff !important;
	border-bottom: none !important;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 23%) !important;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
}
/* Fim Menu Com Scroll */

/* Menu Mobile */
@media screen and (max-width: 680px) {
	/*Menu Hamburguer sem scroll*/
	.menu-header__toggler::before {
		filter: invert(1);
	}

	.search-nav {
		filter: invert(0);
		background-image: url(../images/lupanovapreta.png) !important;
	}

	/* Menu Hamburguer aberto sem scroll*/
	.menu-opened .menu-header__toggler::before {
		filter: invert(0);
	}

	/* Menu Hamburguer com Scroll */
	.header-scroll .menu-header__toggler::before {
		filter: none;
	}

	/* Lupa Menu Aberto sem scroll*/
	.menu-opened .search-nav {
		filter: none;
	}

	/* Botão quero ser motorista menu hamburguer aberto */
	.menu-opened .link-outlined {
		color: #fff !important;
	}
}
/* Fim Menu*/

/* SubMenu Passageiros*/
.page-passageiro .btn-direcao {
	top: 150px;
}

.sub-navbar {
	position: fixed; 
	top: 100px;
	background: #1CFD00;
	padding: 0;
	width: 100%;
	height: 70px;
	z-index: 9990;
}

.ul-submenu {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 1120px;
	height: 100%;
	margin: auto;
	scroll-snap-type: x mandatory;
	padding: 10px 0px 10px 32px;
}

/*Scroll do submenu no eixo X*/
.ul-submenu::-webkit-scrollbar {
	scroll-snap-type: x mandatory;
} 

.ul-submenu::-webkit-scrollbar-thumb {
	background: orange; 
	border-radius: 10px;
	opacity: 0.5
}

.ul-submenu::-webkit-scrollbar {
	height: 5px;
}
/*FIM Scroll do submenu no eixo X*/

.ul-submenu li a {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	color: #1A1B1A;
	text-decoration: none;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.ul-submenu li a.active {
	color: #ffffff;
	background: #06a105;
	border-radius: 8px;
}

.ul-submenu li a:hover {
	color: #ffffff;
	background: #06a105;
	border-radius: 8px;
	background-color: #ff9b33;
}
/* Fim SubMenu Passageiros*/

/* Seção Hero passageiros */
.hero-pax {
	height: max-content;
	width: 100%;
	padding: 229px 0 46px 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
	display: none;
}

.container.container-hero-pax {
	display: flex;
	gap: 24px;
}

.box-title-hero {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 50%;
	max-width: 456px;
}

.container-title-hero {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background: #1CFD00;
	border-radius: 20px;
	padding: 40px 24px 32px;
	position: relative;
	width: 100%;
}

.container-title-hero::after {
	position: absolute;
	content: "";
	background-image: url(../images/flecha-laranja.png);
	background-repeat: no-repeat;
	width: 59px;
	height: 59px;
	top: -27px;
	left: 15px;
}

.cat-hero {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #1A1B1A;
}

.title-hero {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #1A1B1A;
}



.box-image-hero {
	width: 80%;
	display: flex;
	gap: 24px;
}

.image-hero {
	height: 100%;
}

.img-catcar {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}


.box-boxes {
	width: 100%;
	max-width: 168px;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.box-empty {
	width: 100%;
	max-width: 168px;
	height: 100%;
	border: 2px solid #1CFD00;
	border-radius: 20px;
}

.box-hero-2 {
	background: #1CFD00;
}

.next-section {
	display: flex;
	background-image: url(../images/flecha-dupla.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 41px;
	height: 34px;
	margin: auto;
}
/* Fim Seção Hero passageiros */

/* Nova Hero  */
.new-hero {
	height: auto;
	width: 100%;
	display: flex;
	background-image: url(../images/bg-ceu.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100%;
	margin-top: 142px;
	flex-direction:column;
}

.hero-guria{
	width: 100%;
	height: auto;
	max-width: 606px;
	position:relative;
	top: 0;
	right: 385px;
}

.box-image-hero{
	position:absolute;
	justify-content:center;
}

.logooitaxis{
	max-width: 77px;
	height:auto;
}

.subtitle-img-wrapper {
	display: block;

}

.container-new-hero {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-left: 5rem;
	margin-top:4rem;
}

.box-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	height: 100%;
	gap: 16px;
	margin: auto;
	padding-top: 48px;
	position: relative;
	width: 100%;
	max-width: 680px;
	top: -36px;
	left:253px;
}

/* .container-new-hero {
display: flex;
align-items: center;
justify-content: center;
}

.container-new-hero > div {
position: relative;
width:100%;
}

.container-new-hero img.hero-guria {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
*/

.box-content::after {
	content: "";
	background-image: url(../images/mouseImg.png);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 93%;
	left: 90%;
	right: 0;
	bottom: 0;
	background-repeat:no-repeat;
	width:25px;
	height:40px;
	/*   z-index: -1; */
}



.box-text-new-hero {
	display: flex;
	/*     flex-direction: column-reverse; */
	flex-direction:column;
}

.title-new-hero {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-size: 48px;
	line-height: 56px;
	color: #FFFFFF;
	padding-top: 10px;
	display:flex;
	flex-direction:column;
	gap:16px;
}

.milhoes{
	font-size: 6.25rem;
	font-family: Montserrat;
	line-height:88px;
	font-weight:800;
}


.subtitle-hero {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	max-width:344px;
	padding-top:16px;
}

.hat-pax {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #59fb47;
	padding: 8px 16px;
	border: 1px solid #59fb47;
	border-radius: 24px;
}

.container-btns-store-one{
	display: flex;
	gap: 8px;
	width: 100%;
	align-items: center;
	/*     justify-content: flex-start !important; */
}


.next-section-one {
	display: none;
	background-image: url(../images/ArrowDown.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	margin: 0;
}

/*  seção onde vamos*/

.onde-vamos{
	/* 	background: #0087B4; */
	/* 	background-image: url(../images/bg-ceu.png);
	background-size: cover;
	background-position: center; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.box-onde-vamos{
	display: flex;
	/* 	align-items: center;
	padding-left: 32px;
	padding-right: 32px; */
	gap: 95px;
	/* 	padding-top: 152px; */
	padding: 152px 32px;
}

.box-title{
	max-width:456px;
	display:flex;
	flex-direction:column;
	gap:24px;
}

.title-vamos{
	font-size: 48px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 800;
	line-height: 56px;
	color: #fff;
}

.vamos{
	font-size: 100px;
	line-height: 124px;
	font-weight:800;
}

.box-gif{
	/* 	width: 327px;
	height: 80px;
	text-align:center;
	border-radius: 24px; */
	/* 	background:#fff; */
	/* 	padding: 16px 104px; */
	position:relative;
}

.gif-oitaxis{
	position:absolute;
	left:0;
	top:0;
}

.box-todo-mundo {
	position: relative;
	padding: 20px 38px;
	display:flex;
	flex-direction:column;
	gap: 16px;
}

.todo-mundo{
	color: #FFF;
	font-size: 36px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}

.paragrafo-todo-mundo{
	max-width:456px;
	color: #FFF;
	font-size: 24px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}


.box-todo-mundo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 94%;
	border-left: 2px solid #fff;
}


.box-todo-mundo::after {
	content: url('../images/Arrow-3.png');
	position: absolute;
	top: 27%;
	left: 0; 
	transform: translate(-50%, -50%);
}
/*fim seção onde vamos  */

/* Seção Beneficios Pax */
.beneficios {
	padding: 256px 0px 152px 0;
	/* 	background: #0087B4; */
}

.container.container-beneficios {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.box-benefits-title {
	display: flex;
	gap: 24px;
	align-items: center;
}

.title-benefits {
	width: 100%;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 48px;
	color: #f6f6f6;
	text-align: left;
	padding-bottom: 48px;
}

.quebra-mb{
	display:none;
}

.box-benefits-highlights {
	display: flex;
	gap: 24px;
}

.box-highlights {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	gap: 24px;
	border-radius: 20px;
	padding: 40px 48px;
	background: #f6f6f6;
	border-radius: 40px;
	width: 100%;
	max-width: 360px
}

.text-highlights-benefits {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #1A1B1A;
}

.box-img-title-benefits {
	display: flex;
	gap: 16px;
	align-items: center;
}

.img-notification-bell {
	width: 40px;
	height: 40px;
}

.subtitle-highlights {
	width: 100%;
	max-width: 248px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/*     padding: 0 12px; */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #212121;
}

.btn-default.btn-benefits {
	background: #3C8DBE;
	border-radius: 40px;
	width: 100%;
	max-width: 280px;
	display: none;
}

.options-benefits {
	display: none;
}
/* Fim Seção Beneficios Pax */


/* Seção Peça oitaxis */
.peca-oitaxis {
	padding: 72px 0;
	display: flex;
}

.container.container-peca-oitaxis, .box-subtitle-pecaoitaxis {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.box-container-title-subtitle, .box-title-pecaoitaxis, .box-highlights-pecaoitaxis, .box-container-steps, .steps-title {
	display: flex;
	gap: 16px;
}

.box-subtitle-pecaoitaxis {
	gap: 13px;
}


.box-img-whats {
	width: 100%;
	max-width: 97px;
	height: 100%;
	min-height: 208px;
	border: 2px solid #3C8DBE;
	border-radius: 16px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 16px;
}

.img-whats-pecaoitaxis {
	width: 48px;
	height: 48px;
}

.box-container-steps, .steps-title {
	gap: 24px;
}

.title-pecaoitaxis {
	background: #3C8DBE;
	border-radius: 20px;
	width: 100%;
	min-width: 300px;
	max-width: 305px;
	height: 100%;
	min-height: 208px;
	display: flex;
	align-items: flex-end;
	padding: 24px;
	color: #F6F6F6;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	position: relative;
}

.title-pecaoitaxis::after {
	content: "";
	position: absolute;
	width: 59px;
	height: 59px;
	top: 11px;
	right: -32px;
	background-image: url(../images/Seta-bg-white.png);
	background-repeat: no-repeat;
	background-size: cover;

}

.subtitle-pecaoitaxis {
	width: 100%;
	max-width: 694px;
	background: #59fb47;
	border-radius: 20px;
	padding: 24px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #1A1B1A;
}

.box-highlights-pecaoitaxis {
	border: 1px solid #1CFD00;
	border-radius: 16px;
	padding: 16px;
	display: flex;
	gap: 16px;
	align-items:center;
}

.highlights-pecaoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #000000;
	display: flex;
	max-width: 324px;

}

.steps-pecaoitaxis {
	background: #59fb47;
	border: 0px solid #1A1B1A;
	border-radius: 20px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 360px;
}

.steps-number {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #F6F6F6;
	padding: 8px 14px;
	background: #3C8DBE;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.steps-title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #1A1B1A;
	display: flex;
	align-items: center;
}

.box-steps-text {
	background: #F6F6F6;
	border-radius: 16px;
	width: 100%;
	max-width: 312px;
	padding: 16px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.steps-highlights {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #1A1B1A;
	/*     width: 75%;
	display: block;
	margin: auto; */
}

.steps-highlights a{
	font-weight: 600;
	color: #1A1B1A;
}

.steps-highlights:hover {
	color: #1A1B1A;
}

.btn-default.btn-pecaoitaxis {
	width: 100%;
	max-width: 265px;
	padding: 16px 3px;
	word-break: break-word;
	background: transparent;
	color: #3C8DBE;
	display: flex;
	font-size:14px;
	/* 	cursor:pointer; */
}

.btn-default.btn-pecaoitaxis:hover{
	background:#3C8DBE;
	color:#F6F6F6;
	border: 2px solid #3C8DBE;

}

.img-whats-pecaoitaxis-mobile {
	display: none;
}
/* Fim Seção Peça oitaxis */


/* --- Seção Categorias para Motoristas --- */
.categorias {
	background: #f6f6f6;
	padding: 72px 0 72px 0px;
	overflow-x: hidden;
}

.container.container-tipo-categorias {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.container-titulo-categorias {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	position: relative;
	background: #59fb47;
	padding: 18px 0;
}

.container-titulo-categorias::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100vw;
	background: #59fb47;
	top: 0;
	right: 100%;
}

.container-titulo-categorias::after {
	content: "";
	position: absolute;
	width: 100vw;
	min-width: auto;
	height: 100%;
	background: #59fb47;
	top: 0;
	left: 100%;
}

.img-flecha-categorias {
	width: 56px;
	height: 56px;
	/*     transform: rotate(270deg); */
	position: relative;
}

.title-categorias {
	width: 100%;
	max-width: 552px;
	background: #59fb47;
	/*     padding: 32px 32px 0 32px; */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #1A1B1A;
	position: relative;
}

.descricao-categorias {
	background: #59fb47;
	border-radius: 20px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #1A1B1A;
	width: 100%;
	max-width: 493px;
}


.container-descricao-categorias-desktop {
	display: flex;
	gap: 24px;
}

.container-categories {
	width: 100%;
	max-width: 580px;
	height: max-content;
	max-height: 100%;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.box-cat-desktop {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 28px 22px;
	width: 100%;
	max-width: 250px;
	border: 2px solid #1A1B1A;
	border-radius: 20px;
	background: #F6F6F6;
}

.box-cat-desktop:hover {
	cursor: pointer;
	background: #000000;
	border: 2px solid #000000;
	transition: .3s ease-in-out;
}

.box-cat-desktop:hover .title-cat-desktop {
	color: #FFFFFF;
	transition: .3s ease-in-out;
}

.cat-oitaxisvip, .cat-oitaxisstar {
	min-width: 252px;
	max-width: 252px;
}

.cat-oitaxisluxo, .cat-oitaxiselite {
	min-width: 304px;
	max-width: 304px;
}

.cat-oitaxisentrega {
	min-width: auto;
	max-width: 312px;
}

.cat-oitaxisbike, .cat-oitaxislimo {
	min-width: 252px;
	max-width: 252px;
}

.cat-oitaxisfrete, .cat-oitaxisguincho
 {
	min-width: 304px;
	max-width: 304px;
}

.cat-oitaxismulher {
	min-width: auto;
	max-width: 312px;
}

.cat-oitaxisbus {
	min-width: auto;
	max-width: 312px;
}

.cat-sucatinha {
	min-width: auto;
	max-width: 312px;
}
	  
.cat-empty {
	width: 100%;
	max-width: 194px;
	border: 2px solid #1A1B1A;
	border-radius: 20px;
	background: #F6F6F6;
}

.cat-empty.btn-allcat {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #1A1B1A;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 28px 24px;
	display: none;
}

.cat-empty.btn-allcat:hover {
	cursor: pointer;
	background: #000000;
	border: 2px solid #000000;
	color: #FFFFFF;
	transition: .3s ease-in-out;
}

.cat-compartilha {
	max-width: 362px;
	max-width: 100%;
	margin: auto;
	justify-content: center;
}

.box-cat-desktop.active {
	background: #59fb47;
	border-radius: 20px;
	padding: 28px 22px;
	border: 2px solid #59fb47;
}

.box-cat-desktop.active:hover .title-cat-desktop {
	/* 	color: #59fb47; */
	color: #FFFFFF;

}

.title-cat-desktop {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #1A1B1A;
}

.img-cat-desktop {
    width: 107pxc;
    height: 107px;
    object-fit: none;
}

.container-info-categories {
	width: 525px;
	height: auto;
	background: #59fb47;
	border-radius: 56px;
	padding: 32px;
}

.box-info-cat {
	display: none;	
}
/*   d-none d-sm-block*/

/* d-block d-sm-none  */
.box-arrow{
	position: absolute;
	display: flex;
	height: 48px;
	width: 372px;
}

.arrow-container{
	position: relative;
	top: -15px;
	left: 100%;
}

.box-info-cat.active {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
}

.box-title-img {
	display: flex;
	align-items: center;
	width: 100%;
	flex-direction:column;
	align-items:flex-start;
	position: relative;
	gap: 24px;
}

.box-title-img::after{
	content: url(../images/arrow-down-left.png);
	position: absolute;
	left: 90%;
	top: 0%;
}


.title-cat-info {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #1A1B1A;
}

.img-flecha-info {
	width: 48px;
	height: 48px;
}

.img-info-cat {
    width: auto;
    height: auto;
    object-fit: contain;
    padding: 16px;
}

.text-info-cat {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	color: #1A1B1A;
}

.box-text-info-cat li {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #1A1B1A;
}

.btn-default.btn-cat {
	width: 100%;
	cursor: pointer;
	transition: 0.3s ease-in-out;
	display: none;
}

.box-info-cat.active[data-cat="oitaxisluxo"] .btn-default.btn-cat {
	display: flex;
}

.descricao-categorias-mobile, .container-descricao-categorias-mobile {
	display: none;
}


/* oitaxisclub */
.clube{
	background-image: url(../images/bg-ceu-clube.png);
	background-repeat:no-repeat;
	background-position:center;
	padding: 100px 24px 0px;
	background-size:cover;
	display: none;
}



.bloco-amarelo{
	background: linear-gradient(180deg, #FFE65C 0%, #FFE559 48.96%, #FFDF43 100%);
	max-width:1028px;
	/* 	height: 585px; */
	display: flex;
	/* 	    padding-top: 104px; */
	border-radius: 32px 32px 0px 0px;
}

.btn-club{
	max-width: 456px;
	height: 50px;
	margin-bottom: 8px;
	margin-top: 16px;
}

.mulher-de-laranja{
	left: -32px;
	position: relative;
	/* 	bottom: 104px; */
}

.content-club{
	display:flex;
	flex-direction:column;
	justify-content: center;
	gap: 40px;
	padding-top:45px;
}

.title-club{
	font-family: Montserrat;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	color:#212121;
}

.text-club{
	/* H6|Mobile/Regular */
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	color:#212121;
}

.span-club{

	color: #000;
	font-family: Montserrat;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; 
}

/* fim oitaxisclub */

@media screen and (min-width: 681px) and (max-width: 1033px) {
	.cat-empty {
		width: 100%;
		max-width: 45%;
		height: auto;
		border: 2px solid #1A1B1A;
		border-radius: 20px;
		background: #F6F6F6;
	}

	.next-section-one {
		display: flex;
		background-image: url(../images/ArrowDown.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 32px;
		height: 32px;
		margin: 0;
	}

	.teste{
		display:none !important;
	}


	.testeMb{
		display: block !important;
	}

	.box-cat-desktop {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 28px 24px;
		width: 100%;
		max-width: 244px;
		min-width: 45% !important;
		max-width: 45% !important;
		border: 2px solid #1A1B1A;
		border-radius: 20px;
		background: #F6F6F6;
		flex-direction: column;
	}

	.container-categories {
		width: 100%;
		max-width: 580px;
		height: max-content;
		max-height: 100%;
		display: flex;
		gap: 16px;
		flex-wrap: wrap;
	}

	.container-descricao-categorias-desktop {
		display: flex;
		gap: 0px;
	}

	.title-cat-desktop {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 2.2vw;
		line-height: 28px;
		color: #1A1B1A;
	}

	.title-cat-info {
		font-size: 3.2vw;
	}

	.beneficios{
		padding: 88px 0px;
	}

}
/* --- Fim Seção Categorias para Motoristas --- */

/* Seção oitaxismoto */
.chegou-oitaxismoto {
	padding: 134px 0 0px 0;
	background: #59fb47;
	width: 100%;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.container.container-1-chegou-oitaxismoto {
	display: flex;
	gap: 24px;
}

.box-title-oitaxismoto {
	background: #ffffff;
	border-radius: 0px 54px 54px 0px;
	width: 100%;
	max-width: 612px;
	position: relative;
	padding: 44px 24px 44px 0px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.box-title-oitaxismoto::after {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100%;
	background: #ffffff;
	top: 0;
	right: 100%;
}

.title-oitaxismoto {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: #1A1B1A;
}

.subtitle-oitaxismoto {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #1A1B1A;
}

.highlights-oitaxismoto {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #1A1B1A;
	width:393px;
}

.box-img-oitaxismoto {
	width: 100%;
	min-width: 456px;
	max-width: 456px;
	height: auto;
	min-height: 435px;
	max-height: 100%;
	background-color: #FFFFFF;
	border-radius: 54px;
	position: relative;
}

.box-img-oitaxismoto::before {
	content: "";
	position: absolute;
	width: 64px;
	height: 64px;
	background-image: url(../images/flecha-blue.png);
	background-size: 100% auto;
	left: -45px;
	top: 42%;
	background-repeat: no-repeat;
	background-position: center;
	/*     transform: rotate(270deg); */
	z-index: 1;
}

.box-img-oitaxismoto::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 536px;
	background-image: url(../images/img-motooitaxis-1.png);
	background-size: 100% auto;
	bottom: 0%;
	background-repeat: no-repeat;
	background-position: center;
}

.box-empty-oitaxismoto {
	background: #ffffff;
	border-radius: 54px 0px 0px 54px;
	width: 324px;
	height: auto;
	position: relative;
}

.box-empty-oitaxismoto::after {
	content: "";
	position: absolute;
	width: 100vw;
	min-width: auto;
	height: 100%;
	background: #ffffff;
	top: 0;
	left: 100%;
}

.container.container-2-chegou-oitaxismoto {
	display: flex;
	gap: 24px;
	justify-content: center;
	padding-bottom: 40px;
}

.money-txt{
	padding-top:20px;
}

.box-img-title-oitaxismoto {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.box-highlights-oitaxismoto {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	max-width: 300px;
	padding: 32px 22px;
}

.img-highlights-oitaxismoto {
	width: 64px;
	height: 64px;
	object-fit: none;
}

.highlights-title-oitaxismoto {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	color: #212121;
	min-height: 56px;
}

.highlights-text-oitaxismoto {
	width: 240px;
	text-align: center;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #1A1B1A;
}

.highlights-text-oitaxismoto b {
	font-weight: 700;
}

#carouseloitaxismoto, .img-oitaxismoto-mobile-after {
	display: none;
}
/* Fim Seção oitaxismoto */

/* TESTE */
.container {
	max-width: 1176px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}


/* Section Promotional Component */
.promotional-component {
	padding: 104px 0;
	background-image: url(../images/bg-component-section-desk.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.promotional-component .container {
	max-width: 1176px;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

.container-promotional-component {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.filter-component-fake {
	visibility: hidden;
	width: 100%;
	max-width: 360px;
}

.box-filter-component {
	width: 100%;
	display: flex;
	gap: 24px;
	align-items: flex-end;
	justify-content: center;
}

.box-filter-column {
	width: 100%;
	max-width: 360px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: relative;
}

.box-filter-column.column-3.active {
	position: relative;
}

.box-filter-column.column-1.active:after  {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../images/curva-component.png);
	top: 91%;
	right: -24px;
	transform: rotate(90deg);
}

.box-filter-column.column-2.active:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../images/curva-component.png);
	top: 96%;
	right: -24px;
	transform: rotate(90deg);
}

.box-filter-column.column-2.active:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../images/curva-component.png);
	top: 96%;
	left: -24px;
}

.box-filter-column.column-3.active:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../images/curva-component.png);
	top: 96%;
	left: -24px;
}

.box-filter-column.column-3.active.revert {
	flex-direction: column-reverse;
}

.filter-component {
	width: 100%;
	max-width: 360px;
	height: 44px;
	border-radius: 16px;
	background: var(--secundrias-2, #C4A300);
	padding: 8px 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.filter-white {
	width: 100%;
	max-width: 360px;
	height: auto;
	background-image: url(../images/arrow-filter-white.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 16px;
	background-color: var(--secundrias-400, #D6D6D6);
	padding: 8px 40px;
	height: 44px;
	cursor: default!important;
}

.filter-component span {
	font-family: Montserrat;
	font-style: normal;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 400;
	color: var(--primrias-cinza-escuro-99, #212121);
	position: relative;
	left: -12px;
}

.filter-component span:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-image:  url(../images/arrow-filter.png);
	top: 20%;
	left: calc(100% + 11px);
}

.filter-component.active span {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2rem;
	color: var(--primrias-cinza-escuro-99, #212121);
	top: 8px;
}

.filter-component.active span:after {
	transform: rotate(90deg);
}

.filter-component.active {
	border-radius: 24px 24px 0px 0px;
	background: var(--secundrias-1, #59fb47);
	position: relative;
}

.filter-component.active:after {
	content: "";
	position:absolute;
	width: 100%;
	height: 20px;
	background: var(--secundrias-1, #59fb47);
	top: 100%;
}

.filter-component:hover {
	background: var(--secundrias-1, #59fb47);
}

.container-content-component {
	width: 100%;
	height: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box-content-component {
	display: none;
	align-items: stretch;
	justify-content: space-between;
	gap: 32px;
	width: 100%;
	height: 100%;
	min-height: 585px;
	background: var(--secundrias-1, #59fb47);
	overflow: hidden;
}

.box-img-component {
	width: 100%;
	min-width: 310px;
	max-width: 491px;
}

.box-content-component[data-component="descontos"] .box-img-component {
	border-radius: 0px 0px 32px 0px;
	background-image: url(../images/bg-component-descontos-desk.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	max-width: 450px;
}

.box-content-component[data-component="seucarro"] .box-img-component {
	border-radius: 0px 0px 32px 0px;
	background-image: url(../images/bg-component-seucarro-desk.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	max-width: 491px;
}

.box-content-component[data-component="seguranca"] .box-img-component {
	border-radius: 0px 32px 32px 0px;
	background-image: url(../images/bg-component-seguranca-desk.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	max-width: 462px;
}

.box-content-component[data-component="shopping"] .box-img-component {
	border-radius: 0px 32px 32px 0px;
	background-image: url(../images/bg-component-shopping-desk.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	max-width: 447px;
}

.box-content-component.active {
	display: flex;
}

.box-content-component[data-component="descontos"], .box-content-component[data-component="seucarro"] {
	border-radius: 32px 0px 32px 32px;
}

.box-content-component[data-component="shopping"] {
	border-radius: 0 32px 32px 32px;
}

.box-content-component[data-component="seguranca"] {
	border-radius: 32px;
}

.container-text-btn-component {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 32px 0px 32px 104px;
	min-width: 310px;
	max-width: 560px;
	gap: 56px;
}

.box-text-component {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.title-component {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
	font-size: 2.25rem;
	line-height: 3rem;
	color: var(--primrias-cinza-escuro-99, #212121);
}

.text-component {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: var(--primrias-cinza-escuro-99, #212121);
}

.btn-component {
	border-radius: 16px;
	background: #3C8DBE;
	width: 100%;
	display: flex;
	padding: 16px 60px;
	justify-content: center;
	align-items: center;
	color: var(--Branco, #FFF);
	text-align: center;
	font-family: Work Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.125rem;
	cursor: pointer;
	text-decoration: none;
}

.btn-component:hover {
	background-color: #fff;
    color: #06a105;
	transition: 0.3s ease-in-out;
}

.box-filter-component-mobile:hover {
	background-color: #fff;
    color: #06a105;
	transition: 0.3s ease-in-out;
}

.box-filter-component-mobile {
	display: none;
}
/* End Section Promotional Component */

/* Seção Video */
.ear {
	padding: 72px 0px 72px 0px;
	background: #E5E5E5;
	height: max-content;
}



.container-ear {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
}

.box-title-ear {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	width: 100%;
	max-width: 648px;
}

.img-ear {
	width: 64px;
	height: 64px;
}

.title-ear {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #212121;
	text-align: center;
}

.subtile-ear {
	width: 100%;
	max-width: 502px;
	text-align: left;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #212121;
}

.video-ear {
	width: 100%;
	max-width: 600px;
	height: 500px;
	filter: blur(0.5px);
}

.video-ear > iframe {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	filter: blur(0.5px);
}
/* Fim Seção Video */

/* Seção Como Pedir oitaxis */
.como-pedir-oitaxis {
	padding: 72px 0px;
	/* 	background: #000000; */
	background-image: url(../images/bg-ceu.png);
	background-size:cover;
	background-position:center;
}

.container.container-como-pedir-oitaxis {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
}

.box-title-subtitle-como-pedir-oitaxis {
	display: flex;
	justify-content: center;
	gap: 24px;
}

.box-title-como-pedir-oitaxis, .box-subtitle-como-pedir-oitaxis {
	width: 100%;
	max-width: 360px;
	display: flex;
	height: max-content;
}

.box-title-como-pedir-oitaxis {
	height: max-content;
	min-height: 374px;
	background: #F6F6F6;
	border-radius: 20px;
	align-items: flex-end;
	gap: 8px;
	padding: 16px;
}

.img-pessoa-como-pedir-oitaxis {
	width: 95px;
	height: 95px;
}

.title-como-pedir-oitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #1A1B1A;
}

.box-subtitle-como-pedir-oitaxis {
	flex-direction: column;
	gap: 24px;
	align-items: center;
	justify-content: flex-start;
}

.subtitle-como-pedir-oitaxis {
	border: 2px solid #F6F6F6;
	border-radius: 16px;
	padding: 16px;
	width: 100%;
	text-align: center;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #F6F6F6;
}

.box-highlights-subtitle-como-pedir-oitaxis {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: 100%;
	background: #F6F6F6;
	border-radius: 20px;
	padding: 24px;
	height: auto;
}

.img-flecha-como-pedir-oitaxis {
	width: 59px;
	height: 59px;
	transform: rotate(90deg);
}

.text-como-pedir-oitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #1A1B1A;
}

.box-highlights-como-pedir-oitaxis {
	display: flex;
	gap: 24px;
	width: 100%;
	max-width: 744px;
	align-items: flex-start;
	justify-content: center;
	border: 2px solid #F6F6F6;
	border-radius: 16px;
	padding: 48px;
}

.img-highlights-como-pedir-oitaxis {
	width: 100%;
	height: 100%;
	max-width: 264px;
	max-height: 448px;
}

.img-print-como-pedir-oitaxis {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.box-highlights-text-como-pedir-oitaxis {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.box-highlights-text {
	background: #F6F6F6;
	border-radius: 20px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	height: max-content;
	min-height: 228px;
}

.title-highlights-como-pedir-oitaxis {
	background: #59fb47;
	border-radius: 20px;
	width: 100%;
	padding: 0px 16px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #1A1B1A;
}

.text-highlights-como-pedir-oitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #1A1B1A;
}

.img-print-como-pedir-oitaxis-mobile {
	display: none;
}
/* Fim Seção Como pedir oitaxis */

/* Seção Pague com oitaxispay */
.pay-oitaxis {
	padding: 72px 0px;
	background-color: #50E3C2;
	background-image: url(../images/bg-payoitaxis.png);
	background-repeat-y: no-repeat;
	background-repeat-x: repeat;
	background-position: top;
}

.container.container-payoitaxis {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.box-title-subtitle-payoitaxis {
	display: flex;
	gap: 24px;
}

.box-title-payoitaxis {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: center;
	width: 50%;
}

.logooitaxispay {
	width: 100%;
	height: 57px;
	max-width: 180px;
}

.minibox-payoitaxis {
	border: 4px solid #1CFD00;
	border-radius: 20px;
	width: 100%;
	max-width: 72px;
	height: 100%;
	min-height: 132px;
}

.container-titles-payoitaxis {
	display: flex;
	gap: 24px;
	border: 2px solid #1CFD00;
	border-radius: 20px;
	background: #1CFD00;
	padding: 24px;
	height: 100%;
	position: relative;
	align-items: center;
}

.container-titles-payoitaxis::after {
	content: "";
	position: absolute;
	background-image: url(../images/flecha-laranja.png);
	background-repeat: no-repeat;
	width: 59px;
	height: 59px;
	top: 32%;
	left: 96%;
	transform: rotate(270deg);
}

.title-payoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #1A1B1A;
	width: 55%;
}

.subtitle-payoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #1A1B1A;
	width: 54%;
}

.box-highlights-title-payoitaxis {
	width: 50%;
	/*     max-width: 556px; */
	background: #1CFD00;
	border-radius: 20px;
	padding: 24px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.highlights-title-payoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #1A1B1A;
}

.container-box-highlights-payoitaxis {
	display: grid;
	grid-template-columns: auto auto;
	gap: 24px;
	width: 100%;
}

.box-highlights-payoitaxis {
	background: #F6F6F6;
	border-radius: 20px;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 32px;
}

.container-highlights-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.title-highlights-payoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #1A1B1A;
}

.highlights-text-payoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.container-ctas-payoitaxis {
	gap: 24px;
	display: flex;
}

.box-ctas-payoitaxis {
	width: 100%;
	max-width: 360px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
}

.btn-default.btn-payoitaxis {
	width: 100%;
	display: none;
}

.container-title-highlights-payoitaxis {
	width: 100%;
	background: #1CFD00;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
}

.titles-highlights-payoitaxis {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	color: #1A1B1A;
	padding: 24px;
}

.subtitle-highlights-payoitaxis {
	background: #000000;
	border-radius: 0px 0px 20px 20px;
	width: 100%;
	text-align: center;
	padding: 16px 0px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #F6F6F6;
}

.container-btns-store {
	display: flex;
	gap: 8px;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.googleplay {
	width: 145px;
	height: 44px;
	background-image: url(../images/google-play.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.appstore {
	width: 145px;
	height: 44px;
	background-image: url(../images/app-store.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.box-empty-payoitaxis {
	width: 100%;
	max-width: 360px;
	height: auto;
	display: flex;
	gap: 24px;
}

.box-empty-medium-payoitaxis {
	width: 50%;
	height: 100%;
	border: 4px solid #1CFD00;
	border-radius: 20px;
}

.box-empty-payoitaxis.box-empty-payoitaxis-reverse {
	flex-direction: column;
}

.box-empty-large-payoitaxis {
	width: 100%;
	height: 50%;
	border: 4px solid #1CFD00;
	border-radius: 20px;
}

.btn-default.btn-payoitaxis:hover {
	background: transparent;
	color: #000000;
}

.container-caroucel {
	display: none;
}
/* Fim Seção Pague com oitaxispay */


/* Seção Como podemos ajudar */
.ajuda-pax {
	display: none;
	padding: 72px 0px;
	background: #F6F6F6;
}

.container.container-ajuda-pax {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	justify-content: center;
}

.search-form {
	display: flex;
	width: 100%;
	max-width: 548px;
}

#term {
	flex-grow: 1;
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #4A4B4A;
	background: #E5E5E5;
	border-radius: 0px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 1px solid #E5E5E5;
	padding: 16px;
}

#term:focus-visible {
	outline: transparent 1px;
}

.btn-search-ok {
	background: #000000;
	border-radius: 0px 20px 20px 0px;
	width: 100%;
	max-width: 127px;
	height: 58px;
	background-image: url(../images/search-help.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.container-title-help-pax {
	display: flex;
	gap: 16px;
	border: 1px solid #000000;
	border-radius: 20px;
	width: 100%;
	padding: 24px;
	align-items: center;
	justify-content: center;
}

.title-help-pax {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	color: #000000;
}

.example-help {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #1A1B1A;
}

/* Fim Seção Como podemos ajudar */


/* Seção FAQ*/
#faq-geral {
	padding: 84px 0px;
	background-color: #59fb47 !important;
}

#faq-geral .container {
	position: relative;
	max-width: 1120px;
	padding: 0px 32px;
}

.titulo-duvida{
	font-size: 28px;
	line-height: 40px;
	color: #000000;
	font-family: 'Montserrat';
	font-weight: 900;
	padding-bottom: 20px;
}

.subtitle-faq {
	padding-bottom: 30px;
	font-weight: 400;
}

.subtitle-faq a {
	color: #000000;
	font-weight: 600;
}



.title-container {
	padding-bottom: 20px;
}

.title-container p {
	font-family: 'Montserrat';
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	font-weight: 400;
	max-width: 797px;
	margin: auto;
}

.accordion-body {
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #000000;

	color: #000000 !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.accordion-body a {
	font-weight: 700;
	color: #000000;
}

.accordions {
	border-top: 1px solid #FFB400;
	border-radius: 0px solid transparent !important;
}

#faq-geral .accordion-item {
	margin-bottom: 10px;
	border-radius: 4px;
}

.accordion-item {
	border: none !important;
	border-radius: 4px;
}

.accordion-button {
	background-color: #ffffff !important;
	color: #000 !important;
	font-weight: 600;
	border: none !important;
	padding: 20px 20px !important;

	font-size: 24px !important;
	line-height: 29px;
	color: #000000;
	font-family: 'Montserrat';
	font-weight: 700;
}

.accordion-button:not(.collapsed) {
	box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:focus {
	box-shadow: none !important;
}

.accordion-body {
	overflow: hidden;
	font-size: 1rem;
	line-height: 1.65;
	font-weight: 400;
	color: #ffffff;
	border: none !important;

	background-color: #FEF2B2 !important;
	border: none !important;
	padding: 20px 20px !important;
}



/*.accordion-body p*/
.accordion-body p {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 18px !important;
	line-height: 32px;
	color: #000000;
	opacity: 1;
	max-width: 94%;
}

.goback {
	background-color: #59fb47;
	padding-bottom: 40px;
}

.container.container-flecha {
	width: 100%;
	height: 49px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.voltar-topo {
	width: 49px;
	height: 49px;
	background-image: url(../images/flecha-blue.png);
	background-size: contain;
	transform: rotate(270deg);
	cursor: pointer;
}
/* Fim Seção FAQ*/

/* Default */
.btn-default {
	background: #3C8DBE;
	border-radius: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 0px;
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	border: 2px solid #3C8DBE;
	transition: 0.2s ease-in-out;
}

.btn-default:hover {
	background: #06a105;
	border: 2px solid #06a105;
	border-radius: 16px;
	color: #06a105;
	transition: 0.2s ease-in-out;
	color:#F6F6F6;
}

.lm {
	display: none;
}

.ld {
	display: block;
}
/* Fim Default */

/* Tablet */
@media screen and (min-width: 681px) and (max-width: 1023px) {
	/* SubMenu Passageiros*/
	.ul-submenu {
		overflow-x: scroll;
		padding-left: 80px;
		position: relative;
		height: 80px;
	}

	.ul-submenu::after {
		content: "";
		position: absolute;
		width: 30px;
		height: 30px;
		left: 16px;
		background-image: url(../images/deslize.png);
		background-repeat: no-repeat;
		background-size: cover;

	}

	.container-new-hero>div{
		display:flex;
		justify-content:center;
	}
	.hero-guria{
		max-width: 505px;
		top: -10px;
		right:0px;

	}	

	.ul-submenu li a {
		width: max-content;
		max-width: 100%;
	}
	/* Fim SubMenu Passageiros*/

	.box-content{
		left:0px;
	}

	.box-content::after{
		display:none;
	}

	.money-txt{
		padding:0px;
	}

	/* Seção Hero passageiros */
	/* Fim Seção Hero passageiros */

	.container-new-hero{
		flex-direction:column-reverse;
		align-items:center;
	}

	.container-btns-store-one{
		display: flex;
		gap: 8px;
		width: 100%;
		align-items: center;
		justify-content: center;
		position: relative;
		/* top: 146px; */
		top: 280px;
		/* 		flex-direction: column; */
	}


	/* seção onde vmaos?	 */

	.box-video{
		padding: 0px 32px;
		/* background: red; */
		width: 100%;
		display: flex;
		justify-content:center;
	}

	.box-onde-vamos{
		flex-direction:column;
		padding: 88px 32px;
	}


	/*  fim onde vamos?	 */


	/* Seção Beneficios Pax */
	.box-img-title-benefits {
		flex-wrap: wrap;
		justify-content: flex-start;
		
	}

	.box-highlights {
		justify-content:flex-start;
		/* 		padding: 16px; */
	}
	/* Fim Seção Beneficios Pax */


	/* Seção Peça oitaxis */

	.box-container-steps, .steps-title {
		gap: 16px;
	}

	.title-pecaoitaxis {
		min-width: 240px; 
	}

	.steps-pecaoitaxis {
		padding: 16px;
	}
	/* Fim Seção Peça oitaxis */
	/* 	clube oitaxis */

	.content-club{
		gap: 20px;
	}

	.bloco-amarelo{
		align-items:flex-end;
	}

	.title-club{
		font-size: 28px;
		line-height: 40px;
	}

	.text-club{
		font-size: 16px;
		line-height: 21px;
	}

	/* 	fim clube oitaxis */

	/* --- Seção Categorias para Motoristas --- */
	.categoria-unica {
		display: flex;
		gap: 0px;
		align-items: center;
		justify-content: center;
		width: 50%;
		border: 2px solid #1A1B1A;
		border-radius: 20px;
		padding: 28px 0px;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 2.8vw;
		line-height: 48px;
		text-decoration: none;
		color: #1A1B1A;
	}

	/* --- Fim Seção Categorias para Motoristas --- */

	/* Seção oitaxismoto */
	.box-empty-oitaxismoto {
		display: none;
	}

	.box-title-oitaxismoto {
		background: #ffffff;
		border-radius: 0px 54px 54px 0px;
		width: 50%;
		max-width: 100%;
		/* 		height: max-content; */
		position: relative;
		padding: 44px 24px 44px 32px;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.box-img-oitaxismoto {
		width: 50%;
		min-width: 50%;
		max-width: 50%;
		height: auto;
		min-height: 435px;
		max-height: 100%;
		background-color: #FFFFFF;
		border-radius: 54px;
		position: relative;
	}

	.box-img-oitaxismoto::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 536px;
		background-image: url(../images/img-motooitaxis-1.png);
		background-size: contain;
		/* top: 0%; */
		bottom: 0px;
		background-repeat: no-repeat;
		background-position: bottom;
	}

	.highlights-text-oitaxismoto {
		width: 100%;
		max-width: 220px;
	}
	/* Fim Seção oitaxismoto */


	/* Seção Peça oitaxis */
	.box-title-como-pedir-oitaxis {
		height: auto;
		min-height: 374px;
		background: #F6F6F6;
		border-radius: 20px;
		align-items: flex-end;
		gap: 8px;
		padding: 16px;
	}

	.box-highlights-como-pedir-oitaxis {
		display: flex;
		gap: 24px;
		width: 100%;
		max-width: 744px;
		align-items: center;
		justify-content: center;
		border: 2px solid #F6F6F6;
		border-radius: 16px;
		padding: 16px;
	}

	.box-highlights-text {
		background: #F6F6F6;
		border-radius: 20px;
		padding: 16px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		height: max-content;
		min-height: 212px;
	}
	/* Fim Seção Peça oitaxis */

	/* Seção Pague com oitaxispay */
	/* Fim Seção Pague com oitaxispay */

	/*seção oitaxismoto 	 */

	.highlights-oitaxismoto{
		width:100%;
	}

	/* 	fim seção oitaxismoto */

	/* Seção Como podemos ajudar */
	/* Fim Seção Como podemos ajudar */


	/* Seção FAQ*/
	/* Fim Seção FAQ*/

	.lm, .ld {
		display: none;
	}

	.next-section-one{
		display:none;
	}

	/* 	 */
	.box-benefits-title{
		max-width:445px;
	}

	.title-benefits{
		font-size:28px;
		line-height:40px;
	}

	.container.container-beneficios{
		align-items:center;
	}


	.box-benefits-highlights{
		justify-content:center;
	}

	.container-options{
		width: 100%;
		display: flex;
		margin: auto;
		/* display: flex; */
		align-items: center;
		justify-content: center;
	}

	.box-highlights{
		flex-direction: column;
		gap: 24px;
		background: #F6F6F6;
		border-radius: 20px;
		padding: 32px 24px;
		display: none;
	}

	.box-highlights.active {
		display: flex;
		width: 100%;
		max-width: 456px;
	}

	.options-benefits {
		display: flex;
		align-items: center;
		justify-content: center;
		width: fit-content;
		gap: 8px;
		overflow: scroll;
		scrollbar-width: none;
	}

	.opt-benefits.active{
		background: #59fb47;
		color: #212121;
		border-color: #59fb47;
	}

	.opt-benefits{
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #1A1B1A;
		border: 2px solid #F6F6F6;
		padding: 16px;
		background: #F6F6F6;
		border-radius: 20px;
		cursor: pointer;
	}
	/* 	 */

	/*  oitaxismoto*/

	.highlights-title-oitaxismoto{
		font-size:20px;
		line-height:28px;
	}

	.highlights-text-oitaxismoto{
		font-size:16px;
		line-height:21px;
	}
	/* 	fim oitaxismoto */


	/* 	 peça um amigo*/
	.box-highlights-como-pedir-oitaxis{
		padding: 16px 16px 96px;
	}

	/* 	fim peça */

	/* 	oitaxispay */

	.container-titles-payoitaxis{
		flex-direction:column;
		align-items:center;
		gap:16px;
	}

	.logooitaxispay{
		height:auto;
		max-width:153px;
	}

	.subtitle-payoitaxis{
		line-height:24px;
		width: 71%;
	}

	.box-highlights-title-payoitaxis{
		padding-left: 32px;
	}

	.steps-title{
		align-items:flex-start;
	}

	.gapIpad{
		gap: 45px;
	}

	/* 	fim oitaxispay */

	/* Section Component */
	.container-text-btn-component {
		padding: 32px 0px 32px 32px;
		min-width: 50%;
	}

	.filter-component {
		width: 100%;
		max-width: 360px;
		min-height: 44px;
		border-radius: 16px;
		background: var(--secundrias-2, #C4A300);
		padding: 8px 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		height: max-content;
	}

	.box-img-component {
		min-width: 50%;
	}



	/* Section Component */


	.box-info-cat.active[data-cat="oitaxisluxo"] .btn-default.btn-cat {
		display: flex;
	}

}

@media screen and (min-width: 681px) and (max-width: 952px) {
	.box-content-component[data-component="seucarro"] .box-img-component {

	}

	.box-filter-column.column-3.active:before {
		top: 97%;
	}
}

/* Mobile */
@media screen and (max-width: 680px) {
	/* SubMenu Passageiros*/
	.sub-navbar {
		position: fixed; 
		top: 90px;
		background: #1CFD00;
		padding: 0;
		width: 100%;
		height: 70px;
		z-index: 154;
	}

	.ul-submenu {
		padding: 10px 10px;
	}

	.ul-submenu {
		overflow-x: scroll;
		padding-left: 80px;
		position: relative;
		height: 80px;
	}

	.ul-submenu::after {
		content: "";
		position: absolute;
		width: 30px;
		height: 30px;
		left: 24px;
		background-image: url(../images/deslize.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.testeMb{
		display:block !important;
	}

	.box-content::after{
		display:none;
	}

	.container-new-hero{
		flex-direction:column-reverse;
		margin-left:0px;
		padding: 0px 16px;
	}

	.hero-guria{
		position:relative;
		/* 		bottom:75px; */
		top:-90px;
		right:0px;
	}


	.next-section-one {
		display: flex;
		background-image: url(../images/ArrowDown.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 32px;
		height: 32px;
		margin: 16px 0px 0px 0px;

	}

	.ul-submenu li a {
		width: max-content;
		max-width: 100%;
	}
	/* Fim SubMenu Passageiros*/

	/* Seção Hero passageiros */
	.hero-pax {
		padding: 350px 0 46px 0;
		display: none;
	}

	.container.container-hero-pax {
		display: flex;
		gap: 24px;
		justify-content: center;
	}

	.box-title-hero {
		gap: 16px;
		width: 100%;
	}

	.box-image-hero {
		display: none;
	}

	.subtitle-img-wrapper {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
		display:none !important;
	}

	.subtitle-img {
		color: #FFF;
		font-size: 38px;
		font-family: Montserrat;
		font-weight: 800;
		line-height: 40px;
		display:block !important;
	}

	.logooitaxis{
		width:48px;
		height:auto;
	}

	.milhoes{
		line-height: 72px;
		font-size: 72px;
	}


	.container-title-hero::before {
		content: "";
		position: absolute;
		width: 100%;
		max-width: 456px;
		height: 200px;
		bottom: 95%;
		left: 0;
		z-index: -1;
		background-image: url(../images/img-hero-pax-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 20px 20px 0px 0px;
	}

	.container-title-hero::after {
		left: 42%;
	}

	.container-title-hero {
		gap: 16px;
	}

	.btn-default {
		width: 100%;
		max-width: 240px;
		margin: auto;
	}

	.ld {
		display: none;
	}

	.lm {
		display: block;
	}
	/* Fim Seção Hero passageiros */


	/* 	começo seção onde vamos */

	.title-vamos{
		font-size:28px;
		line-height:40px;
		display:flex;
		flex-direction:column
	}

	.vamos{
		font-size:56px;
		line-height:64px;
		max-width: 309px;
	}

	.box-onde-vamos{
		flex-direction:column;
		padding: 88px 23px 50px;
	}

	.box-gif{
		max-width:309px;
	}
	.gif-oitaxis{
		max-width:309px;
	}

	.todo-mundo{
		font-size: 28px;
		line-height:40px;
	}

	.paragrafo-todo-mundo{
		font-size:20px;
		line-height:28px;
		max-width: 321px;
	}

	.box-todo-mundo{
		padding: 20px 0px;
	}

	.box-todo-mundo::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-43%);
		width: 100%;
		height: 94%;
		border-left: none;
		border-bottom: 2px solid #fff;
	}


	.box-todo-mundo::after {
		content: url('../images/Arrow-3.png');
		position: absolute;
		top: 105%;
		left: 80%;
		transform: translate(-50%, -50%);
	}


	.box-video{
		padding: 88px 32px;
		/* background: red; */
		width: 100%;
		display: flex;
		justify-content:center
	}

	.video-passageiro{
		max-width:313px;
		max-height:176px;
	}

	/* 	fim onde vamos */

	/* New Hero	 */
	.new-hero {
		/* 		height: 696px; */
		/* 		height:1180px; */
		width: 100%;
		display: flex;
		background-image: url(../images/bg-ceu-mb.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding-bottom: 40px;
		margin-top:0px;
	}

	.large{
		font-size:72px;
		line-height:72px;
	}	

	.box-content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		height: 100%;
		gap: 16px;
		margin: 0;
		padding-top: 159px;
		position: relative;
		left: 0;
		/* 		margin-top: 120px; */
		width: 100%;
		max-width: 100%;
		top:0px;
	}

	.hat-pax {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		color: #59fb47;
		padding: 8px 16px;
		border: 1px solid #59fb47;
		border-radius: 24px;
	}

	.title-new-hero {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 38px;
		line-height: 40px;
		color: #FFFFFF;
		padding-top: 0px;
		max-width: 200px;
	}

	.subtitle-hero {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 300;
		font-size: 16px;
		line-height: 21px;
		color: #FFFFFF;
		max-width: 265px;
	}

	.container-btns-store-one {
		display: flex;
		gap: 8px;
		width: 100%;
		align-items: center;
		justify-content: flex-start !important;
		position: relative;
		/* 		top: 146px; */
		top:280px;
		flex-direction:column;
	}

	/* End New Hero	 */


	/* 	começo oitaxismoto */

	.container.container-2-chegou-oitaxismoto{
		margin-top:100px;
		padding-bottom:0px;
	}

	/* 	 fim oitaxismoto*/

	/* Seção Beneficios Pax */
	.beneficios {
		padding: 72px 0px;
	}

	.container.container-beneficios {
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: baseline;
		padding: 0;
	}

	.title-benefits {
		width: 100%;
		max-width: 456px;
		height: max-content;
		background: transparent;
		border-radius: 20px;
		font-size: 20px;
		line-height: 28px;
		text-align: left;
		padding-bottom: 0;
	}

	.quebra-mb{
		display:flex;
	}



	.box-highlights {
		display: flex;
		flex-direction: column;
		gap: 24px;
		background: #F6F6F6;
		border-radius: 20px;
		padding: 32px 24px;
		display: none;
	}

	.box-highlights.active {
		display: flex;
		width: 100%;
		max-width: 456px;

	}

	.box-highlights.active .subtitle-highlights {
		color: #000000;
		max-width: fit-content;
		font-weight: 700;
		/* 		padding: 0 12px; */
		/* 		color: #1A1B1A; */

		word-break: break-all;
		/* 		color: #000000; */
		font-size: 18px;
		line-height: 24px;
		color:#212121;
	}

	.box-img-title-benefits {
		display: flex;
		gap: 16px;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}

	.container-options {
		width: 100%;
		display: flex;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 40px 0;
	}

	.options-benefits {
		display: flex;
/* 		align-items: center;
		justify-content: center; */
		width: fit-content;
		gap: 8px;
		overflow: scroll;
		scrollbar-width: none;
	}

	.options-benefits::-webkit-scrollbar {
		display: none;
	}

	.opt-benefits  {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #1A1B1A;
		border: 2px solid #F6F6F6;
		padding: 16px;
		background: #F6F6F6;
		border-radius: 20px;
		cursor: pointer;
	}

	.opt-benefits.active {
		/* 		background: #000000; */
		background:#59fb47;
		color: #212121;
		border-color: #59fb47; 
	}

	.text-highlights-benefits {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
	}

	.btn-default.btn-benefits {
		border-radius: 16px;
	}

	.box-empty-benefits {
		display: none;
	}
	/* Fim Seção Beneficios Pax */

	/* Seção Peça oitaxis */
	.container.container-peca-oitaxis, .box-container-title-subtitle {
		flex-direction: column;
		align-items: center;
	}

	.box-title-pecaoitaxis {
		width: 100%;
		max-width: 456px;
	}

	.box-img-whats {
		width: 100%;
		max-width: 96px;
		height: 100%;
		min-height: 104px;
		max-height: 104px;
		border: none;
		border-radius: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 24px;
		background: #59fb47;
		border-radius: 20px;
	}

	.img-whats-pecaoitaxis-mobile {
		display: flex;
	}

	.title-pecaoitaxis {
		background: #59fb47;
		border-radius: 20px;
		width: 100%;
		min-width: auto;
		max-width: none;
		height: 100%;
		min-height: 104px;
		display: flex;
		align-items: center;
		padding: 24px;
		color: #1A1B1A;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 20px;
		line-height: 28px;
	}

	.title-pecaoitaxis::after {
		content: "";
		position: absolute;
		width: 59px;
		height: 59px;
		top: 80%;
		right: 16px;
		background-image: url(../images/flecha-blue.png);
		background-repeat: no-repeat;
		background-size: cover;
		transform: rotate(90deg);
	}

	.subtitle-pecaoitaxis, .highlights-pecaoitaxis {
		width: 100%;
		max-width: 456px;
	}

	.box-highlights-pecaoitaxis {
		border: none;
		border-radius: 16px;
		padding: 0px;
		display: flex;
		gap: 16px;
		flex-direction: column;
	}

	.btn-default.btn-pecaoitaxis {
		width: 100%;
		max-width: 100%;
		padding: 16px 8px;
		font-size:16px;
	}

	.box-container-steps {
		flex-direction: column;
		width: 100%;
		max-width: 456px;
	}

	.steps-pecaoitaxis {
		background: #59fb47;
		border: 0px solid #1A1B1A;
		border-radius: 20px;
		padding: 24px;
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: 100%;
		max-width: 100%;
	}

	.box-steps-text {
		background: #F6F6F6;
		border-radius: 16px;
		width: 100%;
		max-width: 100%;
		padding: 16px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.img-whats-pecaoitaxis-desktop {
		display: none;
	}
	/* Fim Seção Peça oitaxis */

	/* Seção Video */
	.box-title-ear {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 24px;
		width: 100%;
		max-width: 360px;
		padding: 0;
	}

	.container-ear {
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: flex-start;
	}

	.img-ear {
		width: 64px;
		height: auto;
	}

	.title-ear {
		font-size: 20px;
		line-height: 28px;
		text-align: left;
		width: 100%;
		max-width: 50%;
	}

	.subtile-ear {
		width: 100%;
		max-width: 314px;
		text-align: center;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #1A1B1A;
		/* padding: 0 12px; */
		text-align: left;
	}

	.video-ear {
		width: 100%;
		max-width: 360px;
		height: 330px;
		filter: blur(0.5px);
	}
	/* Fim Seção Video */

	/* 	 clube oitaxis*/
	.content-club{
		gap:40px;
		padding: 40px 24px
	}

	.bloco-amarelo{
		flex-direction:column-reverse;
	}

	.title-club{
		font-size: 28px;
		line-height: 40px;
		max-width: 264px;
	}

	.text-club{
		font-size: 18px;
		line-height: 24px;
	}

	.span-club{
		font-size: 8px;
		line-height: 16px;
	}

	.mulher-de-laranja{
		left: -16px;
	}

	/* fim clube oitaxis	 */

	/* --- Seção Categorias para Motoristas --- */
	.categorias {
		padding: 72px 0px;
		background: #fff;
	}

	.container-titulo-categorias {
		display: flex;
		gap: 24px;
		flex-direction: column;
	}

	.container-titulo-categorias::before {
		display: none;
	}

	.container.container-tipo-categorias {
		gap: 16px;
	}

	.title-categorias {
		width: 100%;
		max-width: 360px;
		background: #59fb47;
		padding: 32px 24px;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 28px;
		line-height: 40px;
		color: #1A1B1A;
		position: relative;
		border-radius: 20px;
	}

	.title-categorias::after {
		content: "";
		position: absolute;
		top: 88%;
		left: 14px;
		width: 56px;
		height: 56px;
		background-image: url(../images/flecha-circulo-laranja.png);
		background-size: cover;
		transform: rotate(90deg);
		display:none;
	}

	.descricao-categorias {
		padding: 32px;
		border-radius: 20px;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
		color: #1A1B1A;
		margin: auto;
		text-align: left;
		width: 100%;
		max-width: 360px;
	}

	.container-descricao-categorias {
		gap: 8px;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 456px;
		margin: auto;
	}

	.container-descricao-categorias-desktop, .img-flecha-categorias {
		display: none;
	}

	.container-descricao-categorias-mobile, .descricao-categorias-mobile {
		display: flex;
	}

	.container-titulo-categorias {
		display: flex;
		gap: 16px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: transparent;
		border-radius: 20px;
		width: 100%;
		max-width: 360px;
		margin: auto;
		position: relative;
		width: 100%;
		max-width: 456px;
	}

	.container-titulo-categorias::after {
		display: none;
	}

	.container-descricao-categorias {
		gap: 8px;
		display: flex;
		flex-direction: column;
		max-width: 360px;
		margin: auto;
	}

	.container-descricao-categorias-mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 456px;
		padding-top: 0px;
		gap: 24px;
		margin: auto;
	}

	.title-escolha {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		color: #1A1B1A;
	}

	.box-categorias-mobile {
		display: flex;
		width: 100%;
		gap: 8px;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}

	.categoria-unica-mobile {
		display: flex;
		flex-direction: column;
		gap: 16px;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 152px;
		max-width: 152px;
		border: 2px solid #1A1B1A;
		border-radius: 20px;
		padding: 0px;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		text-decoration: none;
		color: #1A1B1A;
		transition: 0.3s linear;
		cursor: pointer;
	}

	.empty-catoitaxis {
		min-width: 160px;
		max-width: 160px;
		border: 2px solid #1A1B1A;
		width: 160px;
		height: 146px;
		border-radius: 20px;
	}

	.categoria-unica-mobile.active-cat {
		max-width: 360px;
		transition: 0.3s linear;
		border: none;
		gap: 8px;
		background: transparent;
	}

	.container-name-img {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 40px;
		padding: 24px;
		width: 100%;
	}

	.box-img-name {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
	}

	.img-carro-categoria {
		width: auto;
		height: auto;
		object-fit: contain;
	}

	.title-categoria-unica {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		color: #1A1B1A;
	}

	.categoria-unica-mobile.active-cat .container-name-img {
		background: #1CFD00;
		border-radius: 20px;
	}

	.close-cat {
		background: #06a105;
		border-radius: 16px;
		padding: 8px;
		display: none;
		gap: 8px;
		justify-content: center;
		align-items: center;
		width: 106px;
		height: 40px;
	}

	.close {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		color: #F6F6F6;
	}

	.img-x {
		width: 24px;
		height: 24px;
	}

	.categoria-unica-mobile.active-cat .close-cat {
		display: flex;
	}

	.box-info-mobile-cat {
		width: 100%;
		max-width: 360px;
		display: none;
		flex-direction: column;
		gap: 16px;
		padding: 24px;
		background: #1CFD00;
		border-radius: 20px;
	}

	.box-info-mobile-cat li{
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		color: #1A1B1A;
	}

	.categoria-unica-mobile.active-cat .box-info-mobile-cat {
		display: flex;
	}

	.cta-mobile-all-cat {
		font-family: 'Work Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 18px;
		text-align: center;
		color: #F6F6F6;
		padding: 16px 27px;
		background: #06a105;
		border-radius: 16px;
		width: 100%;
		max-width: 320px;
		text-decoration: none;
	}

	.cta-mobile-all-cat:hover {
		color: #F6F6F6;
		color: #F6F6F6;
		opacity: 0.9;
	}

	.info-cat-mobile {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #1A1B1A;
	}

	.link-todas-categorias {
		text-align: center;
		padding: 0 15px;
		width: 100%;
		max-width: 160px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #06a105;
		opacity: 0.93;
		border-radius: 16px;
		font-family: 'Work Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 18px;
		color: #F6F6F6;
		text-decoration: none;
		transition: 0.4s ease-in-out;
		width: 100%;
		max-width: 160px;
		height: 146px;
	}

	.link-todas-categorias.changeColorCTA {
		background: transparent;
		border: 2px solid #1A1B1A;
		border-radius: 16px;
		max-width: 330px;
		padding: 16px;
		color: #1A1B1A;
		transition: 0.3s linear;
	}

	.cat-empty.btn-allcat {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #F6F6F6;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		padding: 28px 12px;
		background: #06a105;
		display: none;
	}

	.cat-empty {
		width: 100%;
		max-width: 160px;
		border: 2px solid #06a105;
		border-radius: 20px;
		background: #F6F6F6;
		min-width: 160px;
		max-width: 160px;
	}
	/* --- Fim Seção Categorias para Motoristas --- */

	/* Seção oitaxismoto */
	.chegou-oitaxismoto {
		padding: 0 0 27px 0;
		overflow-x: inherit;
		gap: 0;
	}
	.container.container-1-chegou-oitaxismoto {
		display: flex;
		gap: 24px;
		flex-direction: column;
		align-items: center;
	}

	.box-title-oitaxismoto {
		background: #ffffff;
		border-radius: 20px;
		width: 100%;
		max-width: 456px;
		height: max-content;
		position: relative;
		padding: 24px;
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: center;
		/* 		display: none; */
		display:flex;
	}

	.box-title-oitaxismoto::after {
		position: absolute;
		content: "";
		background-image: url(../images/flecha-blue.png);
		background-repeat: no-repeat;
		width: 60px;
		height: 60px;
		top: -47px;
		left: 42%;
		background-color: transparent;
		z-index: 13;
		transform: rotate(90deg);
	}

	.title-oitaxismoto {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 800;
		font-size: 28px;
		line-height: 38px;
		color: #1A1B1A;
	}

	.subtitle-oitaxismoto {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #1A1B1A;
		text-align: center;
	}

	.highlights-oitaxismoto {
		text-align: center;
		width:100%;
	}

	.btn-default {
		width: 100%;
		max-width: 100%;
		margin: auto;
	}

	.container.container-1-chegou-oitaxismoto {
		display: flex;
		gap: 21px;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: space-between;
	}

	.box-img-oitaxismoto {
		width: 100%;
		min-width: auto;
		max-width: 328px;
		height: auto;
		min-height: 400px;
		max-height: 400px;
		background-color: transparent;
		border-radius: 20px;
		position: relative;
		bottom: -20px;
	}

	.box-img-oitaxismoto::after {
		content: "";
		position: absolute;
		width: 100%;
		max-width: 328px;
		background-image: url(../images/img-motooitaxis-mobile-1.png);
		background-size: cover;
		bottom: 0%;
		height: 440px;
		/* 		border-radius: 54px; */
		display: none;
	}

	.img-oitaxismoto-mobile-after {
		display: block;
		position: absolute;
		top: -65px;
		width: 100%;
		max-width: 328px;
		height: auto;
	}

	.btn-default.btn-oitaxismoto {
		font-size: 14px;
		line-height: 18px;
	}

	#carouseloitaxismoto {
		display: flex;
		width: 100%;
		height: max-content;
		max-width: 328px;
		position: relative;
		top: -75px;
		background: #ffffff;
		border-radius: 20px;
	}

	#carouseloitaxismoto .carousel-item {
		height: 100%;
		background: #FFFFFF;
		border-radius: 20px;
	}

	.box-highlights-oitaxismoto-caroucel {
		width: 98%;
		max-width: 456px;
		height: 350px;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 24px;
		color: white;
		background: #ffffff;
		border-radius: 20px;
		padding: 32px 38px;
	}

	.img-highlights-oitaxismoto {
		width: 72px;
		height: 72px;
	}

	#carouseloitaxismoto .carousel-control-next, #carouseloitaxismoto .carousel-control-prev {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		padding: 0;
		color: #fff;
		text-align: center;
		background: 0 0;
		border: 0;
		opacity: 1;
		transition: opacity .15s ease;
	}

	#carouseloitaxismoto .carousel-control-next-icon {
		width: 48px;
		height: 48px;
		background-image: url(../images/Group-71.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	#carouseloitaxismoto .carousel-control-prev-icon {
		width: 48px;
		height: 48px;
		background-image: url(../images/Group-71.png);
		background-repeat: no-repeat;
		background-size: cover;
		transform: rotate(180deg)
	}

	#carouseloitaxismoto .carousel-control-next {
		right: calc(0% - 15px );
	}

	#carouseloitaxismoto .carousel-control-prev {
		left: calc(0% - 15px);
	}

	.box-img-title-oitaxismoto {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.highlights-title-oitaxismoto {
		text-align: center;
		min-height: 0px;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 20px;
		line-height: 28px;
		color: #1A1B1A;
	}

	.highlights-text-oitaxismoto {
		width: 92%;
		max-width: 240px;
		text-align: center;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 24px;
		color: #1A1B1A;
	}

	.container-2-chegou-oitaxismoto .box-highlights-oitaxismoto, .box-img-oitaxismoto::before {
		display: none;
	}
	/* Fim Seção oitaxismoto */

	/* Seção Como Pedir oitaxis */
	.box-title-subtitle-como-pedir-oitaxis {
		display: flex;
		justify-content: center;
		gap: 24px;
		flex-direction: column;
	}

	.box-title-como-pedir-oitaxis {
		height: max-content;
		min-height: auto;
		background: #F6F6F6;
		border-radius: 20px;
		align-items: center;
		gap: 8px;
		padding: 16px;
		width: 100%;
		max-width: 456px;
	}

	.box-subtitle-como-pedir-oitaxis {
		width: 100%;
		max-width: 456px;
	}

	.subtitle-como-pedir-oitaxis {
		border: none;
		font-size: 20px;
		line-height: 28px;
	}

	.box-highlights-como-pedir-oitaxis {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: 100%;
		max-width: 456px;
		align-items: center;
		justify-content: center;
		border: none;
		border-radius: 16px;
		padding: 0px;
	}

	.img-print-como-pedir-oitaxis-mobile {
		display: flex;
		width: 100%;
		height: auto;
	}

	.img-highlights-como-pedir-oitaxis {
		max-width: 328px;
		max-height: 100%;
	}
	/* Fim Seção Como Pedir oitaxis */


	/* Seção Pague com oitaxispay */
	.box-title-payoitaxis {
		width: 100%;
	}

	.logooitaxispay {
		width: 124px;
		height: 40px;
	}

	.box-title-subtitle-payoitaxis {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.container-titles-payoitaxis {
		width: 100%;
		max-width: 456px;
		position: relative;
		align-items: center;
	}

	.container-titles-payoitaxis::after {
		content: "";
		position: absolute;
		background-image: url(../images/flecha-laranja.png);
		background-repeat: no-repeat;
		width: 59px;
		height: 59px;
		top: 90%;
		left: 42%;
		transform: rotate(0deg);
	}

	.box-highlights-title-payoitaxis {
		width: 100%;
		max-width: 456px;
	}

	.highlights-title-payoitaxis {
		text-align: center;
	}

	.container-ctas-payoitaxis {
		justify-content: center;
	}

	.box-ctas-payoitaxis {
		max-width: 456px;
	}

	.container-caroucel {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	#carouseloitaxispay {
		display: flex;
		width: 100%;
		height: max-content;
	}

	#carouseloitaxispay .carousel-item {
		height: 100%;
	}

	#carouseloitaxispay .box-highlights-payoitaxis {
		width: 98%;
		max-width: 456px;
		height: 420px;
		margin: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 16px;
		background: #F6F6F6;
		border-radius: 20px;
		padding: 24px;
	}

	.container-highlights-text {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.title-highlights-payoitaxis {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 18px;
		line-height: 24px;
		color: #1A1B1A;
		width: 60%;
		text-align: center;
		margin: auto;
	}

	.highlights-text-payoitaxis {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #000000;
		text-align: center;
	}

	#carouseloitaxispay .carousel-control-next, #carouseloitaxispay .carousel-control-prev {
		position: absolute;
		top: calc(100% + 60px);
		bottom: 0%;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		padding: 0;
		color: #fff;
		text-align: center;
		background: 0 0;
		border: 0;
		opacity: 1;
		transition: opacity .15s ease;
	}

	#carouseloitaxispay .carousel-control-prev {
		left: calc(0% + 100px);
	}

	#carouseloitaxispay .carousel-control-next {
		right: calc(0% + 100px);
	}

	#carouseloitaxispay .carousel-control-next-icon {
		width: 48px;
		height: 48px;
		background-image: url(../images/flecha-caroucel.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	#carouseloitaxispay .carousel-control-prev-icon {
		width: 48px;
		height: 48px;
		background-image: url(../images/flecha-caroucel.png);
		background-repeat: no-repeat;
		background-size: cover;
		transform: rotate(180deg);
	}

	.box-cta-caroucel {
		width: 100%;
		max-width: 456px;
		height: 150px;
	}

	.minibox-payoitaxis, .box-empty-payoitaxis, .container-box-highlights-payoitaxis, .btn-default.btn-payoitaxis {
		display: none;
	}

	.btn-default.btn-payoitaxis-caroucel {
		display: none;
	}
	/* Fim Seção Pague com oitaxispay */


	/* Seção Como podemos ajudar */
	.title-help-pax {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 700;
		font-size: 20px;
		line-height: 28px;
		text-align: left;
		color: #000000;
	}

	.btn-search-ok {
		background: #000000;
		border-radius: 0px 20px 20px 0px;
		width: 100%;
		max-width: 68px;
		height: 58px;
		background-image: url(../images/search-help.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	#term {
		flex-grow: 1;
		font-family: 'Work Sans';
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #4A4B4A;
		background: #E5E5E5;
		border-radius: 0px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border: 1px solid #E5E5E5;
		padding: 16px 0 16px 16px;
	}

	.container-title-help-pax, .search-form {
		width: 100%;
		max-width: 456px;
	}
	/* Fim Seção Como podemos ajudar */


	/* Seção FAQ*/
	#faq-geral {
		padding: 80px 0 56px;
		background-color: #1CFD00 !important;
	}

	.titulo-duvida {
		padding-bottom: 0px;
		font-size: 20px;
		line-height: 28px;
	}

	.subtitle-faq   {
		padding-top: 16px;
	}

	.accordion-button {
		background-color: #ffffff !important;
		font-weight: 600;
		border: none !important;
		padding: 16px !important;
		font-size: 16px !important;
		line-height: 21px;
	}

	.accordion-body p {
		font-weight: 400;
		font-size: 16px !important;
		line-height: 21px !important;
		max-width: 94%;
	}
	/* Fim Seção FAQ*/

	.goback {
		display: none;
	}

	/* Section component	 */
	.promotional-component {
		padding: 48px 0;
		background-image: url(../images/bg-component-section-mob.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.container-promotional-component {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	.box-filter-component {
		display: none;
	}

	.box-filter-component-mobile {
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: flex-end;
		justify-content: center;
		gap: 24px;
		width: 232px;
		position: relative;
	}

	.box-filter-component-mobile:after {
		content: "";
		position: absolute;
		width: 24px;
		height: 24px;
		background-image: url(../images/curva-component.png);
		top: 91%;
		right: -24px;
		transform: rotate(90deg);
	}

	.filter-component-mobile {
		order: 1;
		width: 100%;
		height: 40px;
		border-radius: 16px;
		background: var(--secundrias-2, #C4A300);
		padding: 8px 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.filter-component-mobile span {
		font-family: Montserrat;
		font-style: normal;
		font-size: 1rem;
		line-height: 1.25rem;
		font-weight: 400;
		color: var(--primrias-cinza-escuro-99, #212121);
		position: relative;
	}

	.filter-component-mobile span:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		background-image: url(../images/arrow-filter.png);
		top: 7%;
		left: calc(100% + 24px);
	}

	.filter-component-mobile.active {
		border-radius: 24px 24px 0px 0px;
		background: var(--secundrias-1, #59fb47);
		position: relative;
		order: 4;
		padding-left: 8px;
		padding-right: 40px;
	}

	.filter-component-mobile.active span{
		font-family: Montserrat;
		font-size: 18px;
		line-height: 24px;
		font-style: normal;
		font-weight: 700;
		color: var(--primrias-cinza-escuro-99, #212121);
	}

	.filter-component-mobile.active span:after {
		transform: rotate(90deg);
	}

	.filter-component-mobile.active:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 20px;
		background: var(--secundrias-1, #59fb47);
		top: 100%;
	}

	.box-content-component {
		display: none;
		background: var(--secundrias-1, #59fb47);
		align-items: normal;
		flex-direction: column;
		width: 100%;
		height: 100%;
		border-radius: 0px 16px 16px 16px;
	}

	.box-content-component[data-component="descontos"], .box-content-component[data-component="seucarro"], .box-content-component[data-component="seguranca"], .box-content-component[data-component="seguranca"], .box-content-component[data-component="shopping"] {
		border-radius: 0px 16px 16px 16px;
	}

	.container-text-btn-component {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		padding: 56px 24px 24px 24px;
		min-width: 100%;
		max-width: 100%;
		gap: 40px;
	}
	
	.title-component {
		font-family: Montserrat;
		font-style: normal;
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2rem;
		color: var(--primrias-cinza-escuro-99, #212121);
	}

	.text-component {
		font-family: Montserrat;
		font-style: normal;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1.25rem;
		color: var(--primrias-cinza-escuro-99, #212121);
	}

	.box-content-component[data-component="descontos"] .box-img-component {
		border-radius: 0px 0px 16px 0px;
		background-image: url(../images/bg-component-descontos-mob.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		max-width: 100%;
		height: 400px;
		position: relative;
		left: 0%;
	}

	.box-content-component[data-component="shopping"] .box-img-component {
		border-radius: 0px 16px 16px 0px;
		background-image: url(../images/bg-component-shopping-mob.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		max-width: 100%;
		height: 466px;
	}
	
	.box-content-component[data-component="seguranca"] .box-img-component {
		border-radius: 0px 16px 16px 0px;
		background-image: url(../images/bg-component-seguranca-mob.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		max-width: 100%;
		height: 406px;
	}
	
	.box-content-component[data-component="seucarro"] .box-img-component {
		border-radius: 0px 0px 16px 0px;
		background-image: url(../images/bg-component-seucarro-mob.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-position-y: 1px;
		background-size: contain;
		max-width: 100%;
		height: 601px;
	}

	.filter-component-mobile.active:after {
		display: none;
	}
	
	
	.categoria-unica-mobile.cat-oitaxisluxo.active-cat .btn-default.btn-cat {
		display: flex;
	}
}

@media screen and (max-width: 300px) {
	.box-title-pecaoitaxis, .steps-title {
		flex-wrap: wrap;
	}
}