/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

/* Fuentes
***********************/

/* --------------------

OVERPASS

font-family: 'Overpass', sans-serif;
Thin 100 / Extra-light 200 / Light 300

-------------------- */

/* Font size
***********************/

:root {
	--title-section: 32px;
	/* */
	--text-general: clamp(16px, 2vw, 20px);
	/* */
	--text-subtitle: clamp(22px, 2vw, 26px);
	/* */
	--text-small: 18px;
	/* */
	--text-button: 24px;
	/* */
	--text-button-small: 20px;
}

/* Font family
***********************/

:root {
	--overpass: "Overpass", sans-serif;
}

/* Colores
***********************/

:root {
	--champagne: #ffdf9e;
	/*  */
	--champagne-light: #fffae5;
	/*  */
	--champagne-light-10: rgba(255, 250, 229, 0.1);
	/*  */
	--champagne-light-20: rgba(255, 250, 229, 0.2);
	/*  */
	--champagne-light-70: rgba(255, 250, 229, 0.7);
	/*  */
	--blue: #030f2a;
	/*  */
	--blue-secondary: #0b1e3a;
	/*  */
	--blue-gradient: linear-gradient(0deg, rgba(3, 15, 42, 1) 0%, rgba(19, 43, 64, 1) 50%, rgba(3, 15, 42, 1) 100%);
	/*  */
	--blue-gradient-dark-light: linear-gradient(#030f2a 0%, #132b40 100%);
	/*  */
	--blue-gradient-light-dark: linear-gradient(#030f2a 0%, #132b40 100%);
	/*  */
	--blue-gradient-radial: radial-gradient(circle, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0.3253676470588235) 0%, rgba(3, 15, 42, 1) 100%);
	/*  */
	--blue-gradient-linear-top: linear-gradient(0deg, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
	/*  */
	--blue-gradient-linear-bottom: linear-gradient(180deg, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
	/*  */
	--blue-gradient-light-linear-top: linear-gradient(180deg, rgba(3, 15, 42, 0.4) 0%, rgba(3, 15, 42, 0) 100%);
	/*  */
	--blue-gradient-light-linear-bottom: linear-gradient(0deg, rgba(3, 15, 42, 0.4) 0%, rgba(3, 15, 42, 0) 100%);
}

/* Padding & Margin
***********************/

:root {
	--pm-block: clamp(30px, 9vw, 50px) clamp(20px, 9vw, 100px);
	/* */
	--pm-block-xy: clamp(15px, 5vw, 50px);
}

/* Reset Styles
***********************/

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
div,
span,
h1,
p,
a,
dl,
dt,
dd,
ol,
ul,
li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* Ocultar scroll */

#wrap-content::-webkit-scrollbar,
#group-select-car::-webkit-scrollbar,
#destination-list::-webkit-scrollbar {
	display: none;
}

#wrap-content,
#group-select-car,
#destination-list {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* Base */

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--overpass);
	background: var(--blue);
	color: var(--champagne);
	font-weight: 100;
	line-height: 1em;
	font-size: var(--text-general);
}

h1,
h2,
h3 {
	font-weight: 100;
	font-family: var(--overpass);
	line-height: 1.3em;
}

h1 {
	font-size: clamp(32px, 3vw, 42px);
	color: var(--champagne-light);
}

h2 {
	font-size: clamp(24px, 3vw, 32px);
	margin: 0;
}

p {
	font-size: var(--text-general);
	line-height: 1.4em;
}

a {
	color: var(--champagne);
	text-decoration: none;
	transition: all 0.2s;
}

a:hover {
	text-decoration: underline;
}

img {
	width: 100%;
	height: auto;
}

/* General */

.image-bg {
	background-color: var(--blue);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.section-header {
	text-align: center;
	padding: 0 3em;
	margin-bottom: 3em;
	position: relative;
	z-index: 9;
}

.section-header h2 {
	text-align: center;
	font-size: var(--title-section);
	line-height: 1.2em;
	color: var(--champagne-light);
	margin-bottom: 15px;
	text-transform: uppercase;
}

.section-content {
	width: 90%;
	margin: auto;
}

/* Form - Checkbox */

.check-list-item input[type="radio"],
.check-list-item input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

.check-list-item {
	display: block;
	width: 100%;
	position: relative;
	transition: all 0.2s;
	border-bottom: 1px solid var(--champagne-light-20);
	background-position: 2px 22px;
	background-size: 30px auto;
	background-repeat: no-repeat;
	background-color: transparent;
}

ul.ks-cboxtags div {
	border-bottom: 1px solid var(--champagne-light-20);
}

.check-list-item:last-child {
	border-bottom: 0;
}

.check-list-item label {
	display: block;
	color: var(--champagne-light-70);
	margin-bottom: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: all 0.2s;
	padding: 25px 25px 25px 50px;
	cursor: pointer;
	transition: all 0.2s;
	font-size: var(--text-general);
	/* text-overflow: ellipsis; */
	white-space: nowrap;
	overflow: hidden;
	width: calc(100vw - 30px);
}

.check-list-item input[type="radio"]:checked + label,
.check-list-item input[type="checkbox"]:checked + label {
	color: var(--champagne);
}

.check-list-item label::before {
	display: inline-block;
	text-decoration: inherit;
	content: "";
	width: 22px;
	height: 22px;
	background: var(--champagne-light-10);
	border-radius: 50%;
	border: 1px solid var(--champagne-light-20);
	position: absolute;
	top: 50%;
	left: 16px;
	transform: translateY(calc(-50% - 2px));
	transition: all 0.2s;
}

.check-list-item label:hover::before {
	background: var(--champagne-light-10);
	border-radius: 50%;
	border: 1px solid var(--champagne);
}

.check-list-item input[type="radio"]:checked + label::before,
.check-list-item input[type="checkbox"]:checked + label::before {
	border-radius: 0;
	transform: translateY(calc(-50% - 4px)) rotate(45deg);
	border: 0;
	width: 8px;
	height: 18px;
	border-bottom: 1px solid var(--champagne);
	border-right: 1px solid var(--champagne);
	background: transparent;
	left: 24px;
}

.check-list-item label::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	z-index: 2;
	content: "";
	background: linear-gradient(90deg, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
}

/* Form - Checkbox buttons */

.check-buttons > li,
.check-buttons > div {
	position: relative;
}

.check-buttons input[type="checkbox"],
.check-buttons input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.check-buttons label {
	display: inline-block;
	background-color: var(--champagne-light-20);
	border: 1px solid var(--champagne-light-20);
	color: var(--champagne);
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: all 0.2s;
	padding: 1em;
	font-size: var(--text-general);
	cursor: pointer;
	width: 100%;
	height: 100%;
	text-align: center;
}

.check-buttons label:hover {
	display: inline-block;
	background-color: var(--champagne-light-20);
}

.check-buttons input[type="checkbox"]:checked + label,
.check-buttons input[type="radio"]:checked + label {
	background-color: var(--champagne);
	color: var(--blue);
	transition: all 0.2s;
}

.check-buttons.check-buttons-blocks input[type="checkbox"]:checked + label,
.check-buttons.check-buttons-blocks input[type="radio"]:checked + label {
	background-color: var(--blue-secondary);
	border-color: var(--champagne);
	color: inherit;
	transition: all 0.2s;
}

/* Enlaces, iconos y botones */

.btn {
	display: inline-block;
	color: var(--champagne);
	background-color: transparent;
	text-decoration: none;
	transition: all 0.2s;
	text-align: center;
	font-size: var(--text-button);
	font-family: var(--overpass) !important;
	line-height: 60px;
	border: 1px solid var(--champagne);
	padding: auto 1em;
	cursor: pointer;
	margin: 0;
	text-shadow: none;
	box-shadow: none;
	border-radius: 60px !important;
	height: 60px;
	-webkit-appearance: none;
	width: auto;
	padding-left: 2em;
	padding-right: 2em;
}

.btn:hover {
	background-color: var(--champagne);
	color: var(--blue);
	text-decoration: none !important;
}

.btn-slim {
	height: 40px;
	line-height: 40px;
	color: var(--champagne-light-70);
	font-size: var(--text-small);
}

.btn-slim::placeholder {
	color: var(--champagne-light-70);
}

.btn-light {
	background-color: var(--champagne-light-10);
	border-color: var(--champagne-light-10);
}

.btn-light:hover {
	background-color: var(--champagne-light-20);
	border-color: var(--champagne-light-20);
	color: var(--champagne);
}

.btn-icon {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	font-size: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--blue);
}

.btn-icon:hover {
	background: var(--blue-secondary);
}

.btn-icon img {
	width: 28px;
	height: 28px;
}

.icon-svg {
	width: 40px;
	height: 40px;
}

.icon-svg path,
.icon-svg polygon,
.icon-svg rect {
	fill: var(--champagne);
	transition: all 0.2s;
}

.icon-svg circle {
	stroke: var(--champagne);
	stroke-width: 1;
	transition: all 0.2s;
}

.icon-svg:hover path,
.icon-svg:hover polygon,
.icon-svg:hover rect {
	fill: var(--champagne);
}

.icon-svg:hover circle {
	stroke: var(--champagne);
}

/* Iconos personalizados */

.icon,
.bg-icon {
	background-size: auto 24px;
	background-repeat: no-repeat;
	background-position: 20px center;
}

.bg-icon {
	text-align: center;
	padding-left: 15px;
	background-position: calc(100% - 10px) center;
	background-size: auto 20px;
	width: 100%;
}

.form-item-grid .icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-item-grid .icon img {
	width: auto;
	height: 28px;
}

.user {
	background-image: url(../images/icons/icon-user.svg);
	text-align: center !important;
	padding: 0 10px 0 55px !important;
}

.password {
	background-image: url(../images/icons/icon-password.svg);
	background-size: auto 30px;
	text-align: center !important;
	padding: 0 10px 0 55px !important;
}

.email {
	background-image: url(../images/icons/icon-email.svg);
	background-size: auto 18px;
	text-align: center !important;
	padding: 0 10px 0 55px !important;
}

.phone {
	background-image: url(../images/icons/icon-phone.svg);
	background-size: auto 30px;
	text-align: center !important;
	padding: 0 10px 0 55px !important;
}

.username {
	background-image: url(../images/icons/icon-username.svg);
	background-size: auto 22px;
	text-align: center !important;
	padding: 0 10px 0 55px !important;
}

.google {
	background-image: url(../images/icons/icon-google.svg);
	text-align: center;
	background-position: 20px center;
	padding-left: 0;
	background-size: auto 24px;
}

.apple {
	background-image: url(../images/icons/icon-apple.svg);
	text-align: center;
	background-position: 20px center;
	padding-left: 0;
	background-size: auto 24px;
}

.close {
	background-image: url(../images/icons/icon-close.svg);
}

/* Menú principal */

.hidden-scroll {
	overflow: hidden;
}

#toggle {
	display: none;
}

.toggle-button {
	cursor: pointer;
	z-index: 999;
	position: absolute;
	top: clamp(30px, 5vw, 100px);
	right: 5%;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid var(--champagne);
	background: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}

.toggle-button.toggle-active {
	position: fixed;
	z-index: 999999;
}

.bar {
	background-color: var(--champagne);
	display: block;
	width: 50%;
	height: 1px;
	border: 0;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.toggle-button:hover .bar {
	background: var(--champagne);
}

.toggle-active .bar {
	background-color: var(--champagne);
}

.toggle-active .top {
	-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
}

.toggle-active .middle {
	opacity: 0;
}

.toggle-active .bottom {
	-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
}

.overlay {
	position: fixed;
	background: var(--blue);
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh !important;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
	overflow: auto;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transition: all 0.2s;
}

.overlay.nav-active {
	opacity: 1;
	visibility: visible;
	height: 100vh !important;
	transform: translateX(0%);
	transition: all 0.2s;
	z-index: 99999 !important;
}

.overlay a {
	pointer-events: none;
}

.overlay.nav-active a {
	pointer-events: auto;
}

/* .overlay>ul {
    position: relative;
    list-style: none;
    padding: 0;
    height: calc(100vh - 200px);
    width: 100vw;
}

.overlay>ul li {
    margin: 0;
    padding: 0;
    margin: 0 auto;
}

.overlay>ul li ul {
    padding: 0 !important;
}

.overlay ul li a {
    color: var(--negro) !important;
    text-decoration: none;
    margin: 0 !important;
    transition: all .2s;
}


.overlay ul li a:hover {
    color: white !important;
} */

/* Nav */

#main-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}

#main-nav-left,
#main-nav-right {
	display: flex;
	align-items: center;
	gap: 2em;
	list-style: none;
}

#main-nav-left {
	justify-content: flex-start;
}

#main-nav-right {
	justify-content: flex-end;
}

#main-nav a {
	text-decoration: none;
}

#main-nav a:hover {
	color: var(--champagne-light);
}

.main-nav-active {
	color: var(--champagne-light);
}

/* Slick */

.slick-prev,
.slick-next,
.slick-prev::before,
.slick-next::before {
	width: 45px !important;
	height: 45px !important;
	content: "" !important;
	z-index: 999;
	transition: all 0.2s;
}

.slick-prev {
	left: 0 !important;
}

.slick-next {
	right: 0 !important;
}

.slick-prev::before,
.slick-next::before {
	display: inline-block;
	font-size: 0;
}

.slick-prev::before {
	background: url(../images/icons/arrow-back.svg) transparent center / contain no-repeat;
}

.slick-next::before {
	background: url(../images/icons/arrow-next.svg) transparent center / contain no-repeat;
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
	opacity: 0 !important;
}

/* Header */

header {
	position: absolute;
	top: clamp(30px, 5vw, 100px);
	z-index: 999999 !important;
	width: 90%;
	left: 50%;
	transform: translateX(-50%);
}

#logo {
	position: absolute;
	height: 80px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999999 !important;
}

#logo img {
	width: auto;
	height: 100%;
}

.header-interior {
	height: 600px;
	background: url("../images/img/bg-home.jpg") transparent center / cover no-repeat;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.header-interior::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	z-index: 1;
	background: rgb(3, 15, 42);
	background: linear-gradient(0deg, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0) 100%);
}

#header-content {
	position: relative;
	z-index: 9;
	text-align: center;
	margin-bottom: 5em;
}

.wrap-content {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: clamp(30px, 6vw, 80px) 0;
}

.wrap-content.fullwidth {
	width: 100%;
	max-width: 100%;
	padding: clamp(30px, 6vw, 80px) 0;
}

.wrap-content h2,
.wrap-content h3 {
	margin: 3em 0 1em;
	color: var(--champagne-light-70);
}

.wrap-content p + h2,
.wrap-content p + h3 {
	margin: 0 0 1em;
}

.wrap-content h2 + h3,
.wrap-content h3 + h2,
.wrap-content h3 + h3 {
	margin-top: 0;
}

.wrap-content p {
	margin-bottom: 1.5em;
}

.wrap-content ul,
.wrap-content ol {
	padding: 0 0 0 2em;
}

.wrap-content li {
	margin-bottom: 0.5em;
	line-height: 1.4em;
}

#services-page .wrap-content,
#services-page .wrap-content p {
	text-align: center;
}

.wrap-content p:last-child {
	margin-bottom: 0;
}

/* Home */

#home {
	width: 100%;
	height: 110vh;
	background: url("../images/img/bg-home.jpg") transparent center / cover no-repeat;
}

#home::before,
.header-interior::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 110vh;
	z-index: 1;
	background: rgb(3, 15, 42);
	background: -moz-radial-gradient(circle, rgba(3, 15, 42, 0.33) 0%, rgba(3, 15, 42, 0.9) 100%);
	background: -webkit-radial-gradient(circle, rgba(3, 15, 42, 0.33) 0%, rgba(3, 15, 42, 0.9) 100%);
	background: radial-gradient(circle, rgba(3, 15, 42, 0.33) 0%, rgba(3, 15, 42, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030f2a", endColorstr="#030f2a", GradientType=1);
}

.header-interior::before {
	height: 100%;
}

#home-content {
	position: absolute;
	width: 90%;
	max-width: 960px;
	bottom: clamp(100px, 7vw, 200px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	text-align: center;
}

#home-content p {
	margin: clamp(20px, 2vw, 30px) 0 clamp(50px, 2vw, 50px);
}

#home-content span {
	display: block;
}

/* About us */

#about-us {
	padding-top: 15vh;
	padding-bottom: 15vh;
	position: relative;
	margin-top: -20vh;
}

.page-interior #about-us {
	margin-top: 0;
}

.page-interior #about-us.gradient-blue {
	background: var(--blue-gradient-dark-light);
}

.page-interior #about-us.gradient-blue::before {
	display: none;
}

#about-us::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20vh;
	background: rgb(3, 15, 42);
	background: -moz-linear-gradient(180deg, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
	background: linear-gradient(180deg, rgba(3, 15, 42, 0) 0%, rgba(3, 15, 42, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030f2a", endColorstr="#030f2a", GradientType=1);
	z-index: 2;
}

#about-quote {
	margin: 0;
	position: relative;
	background: url("../images/img/gallery/1-s3.jpg") transparent center / cover no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 10vh 0;
}

#about-quote::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: radial-gradient(ellipse at center, rgba(3, 15, 42, 0.6) 0%, rgba(3, 15, 42, 1) 60%);
}

.text-quote {
	width: 80%;
	max-width: 960px;
	z-index: 999;
}

.text-quote p {
	font-size: clamp(22px, 2vw, 34px);
	text-align: center;
	line-height: 1.2em;
}

#featured {
	width: 90%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	grid-gap: clamp(50px, 3vw, 80px);
	position: relative;
	z-index: 9;
}

.featured-item {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.featured-item-text {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 80%;
}

.featured-item-text h2 {
	color: var(--champagne-light);
	font-size: clamp(24px, 2.5vw, 42px);
}

.featured-item-image {
	width: 70%;
	padding-top: 70%;
	overflow: hidden;
	position: relative;
}

.featured-item-image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--blue-gradient-dark-light);
	z-index: 2;
	opacity: 0.75;
}

.featured-item-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.fleet-slider-item-image {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

/* Fleet */

#fleet {
	background: var(--blue-gradient);
	padding: 3em 0;
}

#fleet-slider-nav {
	width: 90%;
	max-width: 700px;
	margin: 1em auto 3em;
}

#fleet-slider-nav .slick-slide {
	cursor: pointer;
}

.fleet-slider-item-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.fleet-slider-item-content-left h2 {
	color: var(--champagne-light);
	font-size: clamp(24px, 2.5vw, 42px);
}

.fleet-slider-item-content-right ul {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1em 4em;
}

.fleet-slider-item-content-right ul li {
	line-height: 1.3em;
}

#fleet-gallery {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: var(--pm-block-xy) 0;
	max-height: 90vh;
}

#fleet-gallery .slick-list,
#fleet-gallery .slick-list .slick-track,
#fleet-gallery .slick-list .slick-track .slick-slide,
#fleet-gallery .slick-list .slick-track .slick-slide > div,
.slider-base-image {
	position: relative;
	width: 100%;
	height: 80vh;
	overflow: hidden;
}

.slider-base-image {
	border-radius: 10px;
}

.slider-base-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.slick-dots li button::before {
	color: var(--champagne) !important;
}

/* Fleet Grid */

.fleet-grid {
	display: flex;
	flex-flow: row nowrap;
}

.fleet-grid-item {
	position: relative;
	width: calc(100% / 3);
	padding: 0 clamp(10px, 1.3vw, 30px);
}

.fleet-grid-item-wrap {
	border: 1px solid var(--champagne-light-20);
	background: var(--blue-secondary);
	border-radius: 10px;
	height: 100%;
}

.fleet-grid-slider-image {
	height: 400px;
	border-radius: 10px 10px 0 0;
}

.fleet-grid-item-header {
	padding: 30px 30px 20px;
}

.fleet-grid-item-header::after {
	content: "";
	width: 50%;
	height: 1px;
	background: var(--champagne);
	display: inline-block;
}

.fleet-grid-item-header h2 {
	font-size: clamp(22px, 2.4vw, 28px);
	color: var(--champagne-light);
}

.fleet-grid-item-header h3 {
	margin: 10px 0;
}

.fleet-grid-item-content {
	padding: 0 30px 40px;
}

.car-person {
	text-align: left;
	display: flex;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.3em !important;
	line-height: 1em;
}

.car-person::before {
	content: url(../images/icons/icon-person.svg);
	font-size: 1em;
}

.car-person::after {
	content: url(../images/icons/icon-person.svg);
	font-size: 1em;
}

.fleet-grid .slick-prev,
.fleet-grid .slick-next,
.fleet-grid .slick-prev::before,
.fleet-grid .slick-next::before {
	width: 30px !important;
	height: 30px !important;
}

.fleet-grid .slick-prev {
	left: 15px !important;
}

.fleet-grid .slick-next {
	right: 15px !important;
}

/* Exclusive services */

#exclusive-services {
	margin: 15vh 0;
	position: relative;
	background: url("../images/img/bg-services.jpg") transparent center / cover no-repeat;
}

#exclusive-services .section-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: clamp(100px, 6vw, 150px) clamp(50px, 3vw, 80px);
	position: relative;
	padding: 13vh 0;
	width: 90%;
	margin: auto;
}

#exclusive-services::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: radial-gradient(ellipse at center, rgba(3, 15, 42, 0.4) 0, rgba(3, 15, 42, 1) 80%);
}

#exclusive-services::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	box-shadow: 0 0 80px 92px rgba(3, 15, 42, 1) inset;
}

/* #exclusive-services .section-content::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(3, 15, 42);
    background: -moz-linear-gradient(90deg, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0.2) 50%, rgba(3, 15, 42, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0.2) 50%, rgba(3, 15, 42, 1) 100%);
    background: linear-gradient(90deg, rgba(3, 15, 42, 1) 0%, rgba(3, 15, 42, 0.2) 50%, rgba(3, 15, 42, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#030f2a", endColorstr="#030f2a", GradientType=1);
} */

.exclusive-services-item {
	text-align: center;
	position: relative;
	z-index: 9;
}

.exclusive-services-image {
	height: clamp(100px, 5vw, 210px);
	margin-bottom: 2em;
}

.exclusive-services-image img {
	height: 100%;
}

.exclusive-services-item p {
	color: var(--champagne-light);
	font-size: var(--text-subtitle);
}

/* App */

#app {
	background: var(--blue-gradient-dark-light);
	padding-top: 6vw;
}

.page-interior #app {
	padding-top: 5vw;
}

#app-block {
	margin: auto;
	display: flex;
	justify-content: center;
	gap: clamp(60px, 7vw, 150px);
}

#app-block-left img {
	width: auto !important;
	height: clamp(300px, 30vw, 650px);
}

#app-block-right {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 60px;
	grid-gap: 2em;
}

#app-block-features {
	display: flex;
	justify-content: flex-start;
	gap: 1.8em;
	flex-direction: column;
}

.app-block-features-item h2 {
	margin-bottom: 0.2em;
	color: var(--champagne-light);
}

#app-block-apps {
	display: flex;
	justify-content: flex-start;
	gap: 2em;
}

#app-block-apps > div {
	width: auto;
	background: transparent;
}

#app-block-apps > div a {
	display: inline-block;
	height: 60px;
	background: transparent;
}

#app-block-apps > div img {
	width: auto;
	height: 100%;
	background: transparent;
	transition: all 0.2s;
}

#app-block-apps > div img:hover {
	box-shadow: 0 0 20px var(--blue);
	background: transparent;
}

/* Footer */

footer {
	padding: 8em 5% 4em;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	justify-content: space-between;
	grid-gap: 0 2em;
	background: #132b40;
}

#footer-left {
	display: flex;
}

#logo-footer img {
	height: 80px;
}

#rrss,
#nav-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 2em;
}

#rrss {
	margin-bottom: 3em;
}

#nav-footer {
	list-style: none;
	text-align: center;
}

#nav-footer a:hover {
	color: var(--champagne-light);
	text-decoration: none;
}

#footer-bottom {
	grid-column: span 3;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
}

.logos-footer {
	width: 180px;
}

.logos-footer img {
	width: 100%;
}

.logos-footer a {
	display: block;
	text-decoration: none;
}

@media all and (max-width: 1320px) {
	#fleet-gallery {
		margin-bottom: 100px;
	}

	footer {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 4em 0;
	}

	#footer-center {
		justify-content: flex-end !important;
	}

	#footer-right {
		grid-column: span 2;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	#footer-bottom {
		grid-column: span 2;
	}
}

@media all and (max-width: 780px) {
	#toggle {
		display: flex;
	}

	.fleet-slider-item-content {
		grid-template-columns: 1fr;
	}

	#about-us {
		padding-bottom: 10vh;
	}

	.page-interior #about-us {
		padding-top: 6vh;
		padding-bottom: 6vh;
	}

	#exclusive-services {
		margin: 10vh 0;
	}

	#main-nav {
		flex-direction: column;
	}

	#main-nav a {
		font-size: var(--text-subtitle);
	}

	#main-nav-left {
		padding-top: 200px;
		flex-direction: column;
		gap: 4em;
	}

	#main-nav-right {
		padding-bottom: 15vh;
	}

	footer {
		grid-template-columns: 1fr;
	}

	#footer-bottom,
	#footer-right {
		grid-column: span 1;
	}

	#footer-center {
		justify-content: center !important;
	}

	#footer-left {
		justify-content: center;
	}

	.fleet-grid {
		flex-flow: column nowrap;
	}

	.fleet-grid-item {
		width: 100%;
		padding: clamp(10px, 1.3vw, 30px) 0;
	}
}

@media all and (max-width: 480px) {
	header {
		width: 100%;
		top: 0;
	}

	#logo {
		top: clamp(30px, 5vw, 100px);
		height: 60px;
	}

	#featured,
	.fleet-slider-item-content-right ul {
		grid-template-columns: 1fr;
	}

	.fleet-slider-item-content {
		grid-gap: 2em;
		text-align: center;
	}

	.fleet-slider-item-content-right h3 {
		margin-top: 0;
	}

	#exclusive-services .section-content {
		grid-template-columns: repeat(2, 1fr);
	}

	.slick .slick-prev,
	.slick .slick-next {
		top: 10% !important;
	}

	.slick-prev,
	.slick-next,
	.slick-prev::before,
	.slick-next::before {
		width: 25px !important;
		height: 25px !important;
	}

	#app-block,
	#app-block-apps {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#app-block-right {
		grid-template-rows: auto;
	}

	.app-block-features-item {
		text-align: center;
	}

	#app-block-left img {
		width: auto;
	}

	footer {
		flex-direction: column;
		gap: 3em;
	}

	#rrss,
	#nav-footer {
		justify-content: center;
	}
}

#footer-center {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
}

.pay-method {
	font-size: 0;
	width: auto;
	height: 40px;
}

.pay-method img {
	width: auto;
	height: 100%;
}

#visa,
#visa img {
	height: 30px;
}