:root {
	--blue: #3fd0d4;
	--light-blue: #ddf6fa;
	--dark-blue: #1b3866 !important;
}

.bg-blue {
	background-color: var(--blue) !important;
	color: #fff !important;
	font-weight: bold !important;
}
.bg-charcoal{
	background-color: #fff;
}
.bg-dark-blue {
	background-color: var(--dark-blue) !important;
	color: #fff !important;
}
.bg-light-blue {
	background: var(--light-blue);
}

.bg-blue-outline {
	border: 2px solid var(--dark-blue) !important;
	background: #fff !important;
	font-weight: bold !important;
	transition: 1s;
}
.bg-blue-outline:hover {
	transition: 1s;
	border: 2px solid var(--dark-blue) !important;
	background-color: var(--dark-blue) !important;
	color: #fff !important;
}

.text-blue {
	color: var(--dark-blue);
	text-decoration: none;
}
.text-dark-blue {
	color: var(--dark-blue);
}

h1,
h2,
h3 {
	font-family: "poppins", sans-serif !important;
}

p {
	font-family: "Open sans", sans-serif !important;
	font-size: 1.1rem;
	text-align: justify;
}

/* Head */

.head {
	background: url("./assets/images/travel.jpg");
	background-size: cover;
	background-position: center;
	/* overflow-y: hidden; */
	min-height: 60vh;
}

.head .paragraph {
	position: relative;
	/* background-color: #2c5b7aaa; */
	z-index: 1;
	min-height: 60vh;
	max-width: 100vw;
}

.head .paragraph::after {
	content: "";
	background-color: #56ab5599;
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: -120px;
	z-index: -1;
	transform: skew(-20deg, 0deg); /* Standard syntax */
}
@media only screen and (max-width: 992px){
	.head .paragraph::after {
		right: 0 !important;
		left: 0;
		transform: unset;
	}
}
/* Footer */

#footer * a {
	text-decoration: none;
	color: #555;
	font-size: 1rem;
}

#footer * a:hover {
	text-decoration: underline;
}

#footer * li {
	margin: 0.5rem 0;
}

#inner-nav {
	display: flex !important;
	justify-content: space-between !important;
}

.navbar-nav {
	width: 100%;
	justify-content: flex-end;
}
.nav-link{
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.nav-link, .dropdown-item {
	/* margin-left: 1rem; */
	 background: #fff; 
	/* color: var(--dark-blue) !important; */
	font-family: "poppins", sans-serif;
	font-size: 1rem;
	border-radius: 30px;
	padding-left: 10px;
	color: #000	!important;
}
.nav-link:hover{
	color: #000 !important;
	background: #fff;
}
.dropdown-menu{
	/*background-color: #000 !important;*/
	padding-left: 0.9rem;
	padding-right: 0.9rem;
}
.dropdown-menu .dropdown-item:hover{
	color: #000 !important;
}
/* Stats */

.stats div {
	background: #fff;
	padding: 1rem 1.1rem;
	border-radius: 1rem;
	margin-bottom: 1rem !important;

	display: flex;
	align-items: center;
	border: 1px solid #eee;
	box-shadow: 0 0 5px #eee;
}
.stats div i {
	margin: 1rem;
	font-size: 1.4rem;
}

/* Services */

.services {
	background: url("./assets/images/services_bg.png");
	background-size: cover;
}

/* Characteristics */

.spec-image {
	border: 2px solid #b2afad;
	border-radius: 10px;
}
.characteristics h3{
	font-size: 1.25rem;
}
.characteristics p{
	font-size: 0.9rem !important;
}

/* Home: Inclusive tour */

.incluseive-tour-description{
	font-size: 1rem;
	font-weight: normal;
	padding: 0 0.6rem;
	text-align: center;
}

/* Partners */

.partners{
	padding: 1rem;
	background-color: #e3eefc;
}
.partners img{
	height: 50px;
}

/* Need help */

.need-help{
	background: url("./assets/images/need_help_bg.png");
	background-size: cover;
	background-position: center;
}

/* Travel */

.box_min {
    padding: 20px;
    background: #b3e1ff55;
    height: 100%;
}

.bg-dark{
	background: 555 !important;
}

/* B2b Benefits */
.benefit{
	margin-top: 20px;
	padding-left: 30px !important;
}
.feature{
	background: #fff;
	box-shadow: 0 0 5px #ccc, 0 0 20px #ddd;
	border-radius: 30px;
	height: 100%;
	padding: 2rem;
	position: relative;
	display: flex;
	align-items: center;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2rem;
}
.checkmark{
	position: absolute;
	top: -20px;
	left: -20px;
	background: linear-gradient(60deg, #003cbe, #001d5a);
	padding: 5px;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px 20px 0 20px;
}
.checkmark i{
	color: #fff;
}