html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
:root {
  --blue: #002C3F;
  --yellow: #C0AC69;
  --white: #FFFFFF;
  --whiteish: #FAFAFA;
  --black: #010205;
  --gray: #878C91;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html > div[style] {
  display: none !important;
}
body {
	background: var(--whiteish);
	line-height: 1rem;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body { 
	scroll-behavior: smooth;
}
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--text-color);
    line-height: 1.6rem;
}
.grecaptcha-badge{
	display: none;
}
form button:hover{
	cursor: pointer;
}
.mobile{
	display: none !important;
}
h1{
	color:var(--black);
	line-height: 6rem;
	font-size: 5rem;
	font-weight: 600;
}
a{
	text-decoration: none;
	color: var(--black);
}

p{
	font-size: 2rem;
	color: var(--black);
	line-height: 2.5rem;
}
.space_top{
	margin-top:5rem;
}
.space_bottom{
	margin-bottom:5rem;
}
main div{
	position: relative;
	scroll-margin-top: 12rem;
}
.shadow-block{
	background-color: #F7F7F7;
	position: absolute;
	z-index: -1;
}
.background-line{
	position: absolute;
	z-index: -2;
}
.circle{
	background-color: #1FAC15;
	border-radius: 50%;
	position: absolute;
	width: 2rem;
	height: 2rem;
}
.text-left, .text-right{
	padding: 4rem;
	width: 41%;
}
.text-left{
	float: left;
}
.text-right{
	float: right;
	text-align: right;
	padding: 3rem 2rem;
	width: 36%;
	margin-right: 13rem;
}

#Home{
	overflow: hidden;
}
#Home div{
	position: absolute;
	width: 100%;
}
.bold_heading{
	font-weight: 800;
	color: var(--yellow);
}
.bold_word{
	font-weight: 800;
	color: var(--yellow);
}
#Home h1{
	font-family: 'Poppins', sans-serif;
	font-size: 5rem;
	color:var(--white);
	padding-top: 15rem;
	padding-left: 4rem;
}
#Home p{
	font-family: 'Poppins', sans-serif;
	color: var(--white);
	padding-left: 4rem;
	font-weight: 600;
	margin-top: 0.5rem;
}

#Home img{
	width: 100%;
}

#About{
	margin-top:6rem;
}


#About img:nth-child(2){
	height: 33rem;
}
#About img:nth-child(3){
	height: 33rem;
	right: 0;
	position: absolute;
}
#About .background-line{
	border-top-left-radius: 3rem;
	border-left: 0.2rem solid #1FAC15;
	border-top: 0.2rem solid #1FAC15;
	width: 95rem;
	height: 15rem;
	right: 0;
	top: 22rem;

}
#About .circle{
	top: -1rem;
	left: 20rem;
}
#About .shadow-block{
	border-top-left-radius: 2rem;
	width: 30rem;
	height: 5rem;
	right: 0;
	top: -5rem;
}
#About img:nth-child(3){
	box-shadow: 5rem 2rem 4rem rgba(30, 30, 30, 0.2);
}




#Fleet{
	margin-top:5rem;
}
#Fleet #Our_fleet{
	width: 50%;
	float: right;
	text-align: right;
	padding-right: 4rem;
}
#Fleet #Our_fleet_left{
	width: 50%;
	padding-left: 4rem;
	padding-top: 6rem;
	font-weight: 600;
}


.carousel {
	margin: 5rem 4rem 4rem 4rem;
    display: flex;
    gap: 3rem;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-y;
  }
  .carousel::-webkit-scrollbar { display: none; }
  .slide_1, .slide_2, .slide_3, .slide_4 {
    flex: 0 0 calc(50% - 1.5rem);
    scroll-snap-align: center;
    background: #fff;
    border-radius: 10px;
    user-select: none;
	text-align: center;
  }
	#Fleet .arrow_left, #Fleet .arrow_right{
		height: 4rem;
		width: 4rem;
		position: absolute;
		margin-top: 12rem;
		z-index: 2;
	}
  .arrow_left{
	left: 2rem;
  }
  .arrow_right{
position: absolute;
	right: 2rem;
  }
.slide_1 p{
	margin-top: 0.5rem;
  }
.slide_2 p{
	margin-top: -1rem;;
  }
.slide_3 p{
	margin-top: 1rem;
  }
.slide p{
	text-align: center;
}

#Fleet img{
	width: 100%;
}
#Fleet .text-right{
	margin-top: 5rem;
}


#Clients{
	background: var(--blue);
	text-align: center;
	padding: 3rem 4rem;
}
#Clients h1{
	color: var(--white);
	margin-bottom: 3rem;
}
#Clients img{
	height: 3rem;
	float: left;
	margin-right: 4rem;
}
#Clients img.pfizer{
	height: 4rem;
}
#Clients div{
width:auto;
  display:flex;
  flex-direction:row;
  justify-content:space-around;
}
#Clients p{
	padding-top: 3rem;
	color: var(--white);
	clear: both;
	font-style: italic;
}


#Destinations{
	padding: 0 4rem;;
	margin-top: 8rem;
}
#Destinations img{
	width: calc(25% - 1.75rem);
	margin-right:2rem;
}
#Destinations img:nth-child(4){
	margin-right:0;
}
.destinations {
	margin-top: 2rem;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
}

#Destinations .destinations img{
	width: auto;
	height: 2.5rem;
	margin-right:1rem;
	margin-left: 0.5rem;
	float: left;
}
.destinations_grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem 3rem;
  margin-bottom: 4rem;
}
.destinations div{
	background: #F5F5F5C7;
	padding: 0.5rem;
}
.destinations P {
	font-size: 1rem;
}
.destinations.space_top {
	margin-top:5rem;
}


#Us{
	background: var(--blue);
	text-align: center;
	padding: 4rem;
}
#Us p, #Us h1{
	color: var(--white);
	font-weight: 600;
}
#Us h1{
	margin-bottom: 2rem;
}
#Us p{
	line-height: 3rem;
}
#Us img{
	width: 100%;
	margin-top: 3rem;
}


#Testimonials{
	padding: 3rem 4rem;
}
#Testimonials h1{
	font-size: 3.5rem;
  	text-align: center;
}
#Testimonials .service_used{
	color: var(--gray);
	font-size: 1.2rem;
}
.dot_1, .dot_2, .dot_3 {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  margin-top: 0.65rem;
}

.dot_1 {
	background-color: #45A7DE;
}
.dot_2 {
	background-color: #EA3323;
}
.dot_3 {
	background-color: #2FBA54;
}

#Testimonials p{
	font-size: 1.2rem;
	text-align: center;
	padding: 1rem 0 1rem 1.4rem;
	
}
#Testimonials div{
	width: 31.3%;
	float: left;
	margin-left: 3%;
}
#Testimonials .first_testimonial{
	margin-left: 0%;
}
#Testimonials  .testimonial_text{
	background: white;
	color: var(--gray);
	border-radius: 1.5rem;
  	padding: 1rem;
	font-size: 1.2rem;
	line-height: 1.8rem;
	height: 12rem;
}



#Contact{
	width: 100%;
	margin: 2rem 0;
  	color: #FAFAFA;
}
#Contact .contact_form{
	margin-top: 6rem;
	width: calc(50% - 6rem);
	padding: 2rem 3rem;
	float: left;
	background-image: url(../images/form_bg.webp);
	background-size: cover;
	background-position: 10%;
}
 #Contact .contact_form::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 44, 63, .8);
}
#Contact .get_in_touch{
	padding: 4rem;
	height: calc(100% - 8rem);
	width: calc(50% - 8rem);
	float: left;
	background-position: 65% 55%;
}
form{
position: relative;
}
form p{
	color: var(--white);
	font-size: 1.2rem;
	margin: 1rem 0 0 0;
}
.additional_message{
	float: left;
}

form div{
	width: calc(50% - 0.5rem);
	float: left;
	position: relative;
}
form div:nth-child(1){
	margin-right: 1rem;
}
form textarea{
	resize:none;
	height: 10rem;
	border-radius: 0.5rem;
}
#Contact h1{
	text-align: right;
	line-height: 3.5rem;
	font-size: 3.5rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	margin-bottom: 12rem;
}
#Contact h2{
	color: #002C3F3B;
	font-style: italic;
	font-weight: bold;
	font-size: 2.6rem;
	line-height: 2.6rem;
	text-align: right;
}
form input, form textarea{
    border: none;
	color: var(--black);
	width: calc(100% - 1rem);
	padding:0.5rem;
	font-size: 1.3rem;
}

form button{
	background-color: var(--yellow);
	padding: 0.4rem 1.2rem;
	color: #FAFAFA;
	border: none;
	border-radius: 0.5rem;
	font-size: 1.5rem;
	margin-top: 6rem;
	margin-bottom: 2rem;
	padding-right: 3.5rem;
}



.contact_text{
	margin-top: 14rem;
}

footer{
	clear: both;
	height: 22rem;
	padding: 3rem 4rem;
	background-color: #FAFAFA;
}
footer div{
	width: 70%;
	float: left;
}
footer div:nth-child(2){
	width: 255px;
	float: right;
	text-align: left;
}
footer p{
  font-size: 1.2rem;
  line-height: 1.5rem;
}
footer a{
	text-decoration: none;
	font-size: 1.2rem;
	color: var(--gray);
	line-height: 2.5rem;
	float: left;
}
footer .footer_contact a{
	width: 100%;
}
footer .space_bottom{
	font-weight: bold;
  	font-size: 1.5rem;
	margin-bottom: 3rem;
	margin-top: 5rem;
}
footer img{
	margin-top: 2rem;
	padding: 0.5rem;
	height: 3rem;
}
footer img.footer_logo{
	width: 15rem;
	margin-bottom: 2rem;
	height: auto;
}
footer img.icon {
	width: 1.5rem;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 0.2rem;
	margin-top: -0.2rem;
}
@media (max-width: 1500px) {

	#Testimonials .testimonial_text {
		height: 20rem;
	}

#Clients img.pfizer {
	height: 3rem;
}
#Clients img {
	margin-right: 2rem;
	height: 2rem;
}

}
@media (max-width: 1200px) {
.intro{
	display: none;
}
}

@media (max-width: 992px) {
	.desktop{
		display: none !important;
	}
	.mobile{
		display: block !important;
	}
	main div{
		scroll-margin-top: 5rem;
	}
	.navbar {
		height: 4rem;
	}
	.nav-brand {
		width: 10rem;
	}
	.logo {
		width: 6rem;
		padding: 1rem;
	}
	.hamburger {
		width: 1.5rem;
		height: 1rem;
	}
	.hamburger span {
		height: 0.2rem;
	}
	.hamburger span:nth-child(1) {
		top: 0;
	}
	.hamburger span:nth-child(2) {
		top: 0.4rem;
	}
	.hamburger span:nth-child(3) {
		top: 0.8rem;
	}
	.nav-menu {
		top:4rem;
	}
	.nav-active .hamburger span:first-child, .nav-active .hamburger span:last-child {
		top: 0.5rem;
	}
	.nav-link {
		padding: 1rem;
	}
	.nav-list {
		font-size: 2rem;
	}

	h1{
		padding:1rem 0;
		font-size: 2rem;
		line-height: 2.5rem;
	}
	p{
		font-size: 0.8rem;
		line-height: 1.2rem;
	}
	#Home h1{
		padding:1rem;
		padding-top: 24vw;
		font-size: 7vw;
		line-height: 8vw;
	}
	.intro{
		display: none;
	}
	#Fleet {
	margin-top: 0;
	}
	#Fleet #Our_fleet{
		width: 80%;
		padding-right: 1rem;
	}
	#Fleet #Our_fleet_left{
		width: 90%;
		padding-left: 1rem;
	}
#Our_fleet_left .text_float_left{
	padding: 1rem 0;
	margin-top: 2rem;
}
.mobile_fleet {
	height: 62vw;
}
.mobile_fleet div{
	width: calc(50% - 1.5rem);
	height: 32vw;
	margin-left: 1rem;
	float: left;

}
 #Fleet img {
    height: auto;
    margin-left: 0;
 }

 .slide_1 p, .slide_2 p, .slide_3 p, .slide_4 p {
	font-size: 0.6rem;
 }
 .slide_1 p {
    margin-top: 0rem;
  }
.slide_2 p {
    margin-top: -0.3rem;
  }
.slide_3 p {
  margin-top: 0;
}
.slide_4 p {
    margin-top: -0.2rem;
  }
  #Clients{
	padding: 2rem 1rem;
  }
  #Clients div.mobile {
	display: block;
  }
  
  #Clients h1 {
	font-size: 1.3rem;
	padding: 0;
	margin-bottom: 2rem;
  }
  #Clients img {
  height: 1rem;
  margin: 0;
  }
  #Clients #mobile_clients_row_2{
	width: 70%;
  	margin: 1rem auto;
  }
  #Clients img.pfizer{
	height: 1.5rem;
  }
#Clients p{
	padding-top: 0;
	font-size: 0.7rem;
}
#Destinations {
  padding: 0 1rem;
  margin-top: 1.5rem;
}
.destinations div {
	width: calc(100% - 1rem);
}
#Destinations img{
    width: calc(25% - 0.6rem);
    margin: 0;
    margin-right: 0.5rem;
	border-radius: 0.3rem;
}
#Destinations p{
	font-size: 0.7rem;
 }
#Destinations .destinations img {
	height: 1.2rem;
	margin-left: 0;
	margin-right: 0.7rem;
}

.destinations_grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem 1rem;
	margin-bottom: 3rem;
}

#Us{
	padding: 2rem 1rem;
}
#Us h1 {
margin-bottom: 1rem;
}
#Us p {
	line-height: 1.2rem;
	padding: 0 2rem;
}
#Testimonials {
  padding: 2rem 1rem;
}
#Testimonials h1 {
  font-size: 2rem;
}
#Testimonials p{
	padding: 1rem;
}
#Testimonials div {
  width: 100%;
  margin-left: 0;
  float: none;
}
.dot_1, .dot_2, .dot_3 {
	margin-top: 0;
	position: relative;
	height: 0.8rem;
	width: 0.8rem;
	margin-bottom: -0.1rem;
	margin-right: 0.2rem;
}

#Testimonials .testimonial_text, #Testimonials p, #Testimonials .service_used {
	font-size: 0.8rem;
    line-height: 1.2rem;
	height: auto
}





footer {
	height: auto;
    padding: 1rem;
}
footer div {
	width: 100%;
}
footer img.footer_logo {
	width: 7rem;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: 2rem;
	padding-bottom: 1rem;
}
footer p{
	font-size: 0.6rem;
  line-height: 0.8rem;
  margin-bottom: 2rem;
}
footer a{
	font-size: 0.8rem;
  	line-height: 1.3rem;
	float: left;
}
footer img {
	margin: 0;
	height: 2.2rem;
}
footer div:nth-child(2){
	width: 180px;
	margin-bottom: 2rem;
}
footer .space_bottom {
	margin: -2.4rem 0 1rem 0;

}
footer img.icon {
	height: auto;
    float: left;
    padding: 0;
    width: 1.2rem;
    margin-right: 0.5rem;
    margin-top: 0.2rem;
}

footer a h2{
	float: left;
}


	.text-left, .text-right {
	float: none;
	width: calc(100% - 12rem);
	text-align: left;
	padding: 6rem;
	}
	#About img:nth-child(2) {
	height: 40rem;
	margin-left: 18rem;
	}
	#About img:nth-child(3) {
	height: 40rem;
	right: auto;
	margin-left: 5rem;
	}
	#Platforma {
	height: 105rem;
	}
	#platform_1, #platform_2, #platform_3{
		display: none;
	}
	#platform_office{
		display: block;
		height: 40rem;
	margin-left: 20rem;
	}

	#Contact {
		margin: 0x	;
	width: 100%;
	border-radius: 0;
	}
	#Contact .contact_form {
	width: calc(100% - 2rem);
	float: none;
    padding: 1rem 1rem;
	margin-top: 0;
	}
	#Contact img{
		width: 100%;
		margin-bottom: -2px;
		z-index: 2;
		position: relative;
	}
	#Contact h1 {
	font-size: 5rem;
	}
	form input, form textarea {
	font-size: 1.2rem;
	height: 1rem;
	padding: 0.5rem;
	width: calc(100% - 1rem);
    margin-top: 0.5rem;
	border-radius: 0.3rem;
	}
	form button{
		font-size: 1.5rem;
		padding: 0.5rem 1rem;
		padding-right: 4rem;
		margin-top: 1rem;
	}
	form textarea {
	height: 8rem;
	}
	form div {
  width: 100%;
	}
	#Contact .get_in_touch {
	padding: 6rem;
	width: calc(100% - 12rem);
	height: 30rem;
	}
	#Contact h2 {
	font-size: 2rem;
    text-align: left;
    line-height: 2rem;
    padding: 0 1rem;
	}
	#Contact .contact_text {
	width: 33%;
	text-align: left;
	float: left;
	margin-top:2rem;
	}
	#Contact a:nth-child(3) {
		float: left;
		text-align: center;
		width: 33%;
		margin-top: 2rem;

	}
	#Contact a:nth-child(4) {
		float: right;
		text-align: right;
		width: 33%;
		margin-top: 2rem;
	}



	

	#About .background-line {
	height: 81rem;
	top: 1rem;
	border-bottom-left-radius: 3rem;
	border-bottom: 0.2rem solid #1FAC15;
	}
	#Fleet .background-line {
	width: 95rem;
	height: 170rem;
	right: 5rem;
	top: 4rem;
	}
	#Fleet .circle:nth-child(2) {
	left: 91rem;
	}
	#Destinations .background-line {
	width: 95rem;
	height: 131rem;
	}
	.mobile_space{
		margin-top:7rem;
	}
	.text-indent{
		text-indent: -3rem;
	padding-left: 3rem;
	}

	@media (orientation: landscape) {
.navbar {
		height: 4rem;
	}
	.logo {
		width: 6rem;
	}
	.hamburger {
		width: 3rem;
		height: 4rem;
	}
	.hamburger span {
		height: 0.3rem;
	}
	.hamburger span:nth-child(1) {
		top: 0.0;
	}
	.hamburger span:nth-child(2) {
		top: 0.8rem;
	}
	.hamburger span:nth-child(3) {
		top: 1.6rem;
	}
	.nav-toggle {
padding: 1rem;
	}
	.nav-menu {
		top: 4rem;
		padding: 0 1rem;
		height: 100%;
	}
	.nav-link {
		padding: 1rem;
		font-size: 1.5rem;
	}
	.nav-list {
padding: 0;
	}
}
}

@media (max-width: 400px) {
	#Destinations p{
font-size: 0.54rem;
	}

}