/* Shipping Map */

.shipping-map {
	margin: 3em 0;
	position: relative;
}

#shipping-map-image {
	width: 102%;
	/* TO FIX THE LEFT EMPTY SPACE IN IMAGE */
	object-fit: cover;
	object-position: center;
	margin-top: 5em;
}

/* End of  Shipping Map */

/* Delivery */

.delivery {
	margin: 3em 0;
}

.delivery__heading-content {
	margin-bottom: 0.3em;
	color: var(--main-color-blue);
}

.delivery__content {
	position: relative;
	height: 30em;
	margin-top: 3em;
}

.delivery__content--second {
	margin-top: 6em;
}

.delivery-port-image {
	position: absolute;
	bottom: 11vw;
	left: 0;
	height: 12vw;
	z-index: 99;
}

.delivery__content--second .delivery-port-image {
	left: -12.5vw;
}

.delivery-tugboat-image {
	position: absolute;
	bottom: 11vw;
	left: 27vw;
	height: 4vw;
	z-index: 99;
}

.delivery__content--second .delivery-tugboat-image {
	left: 15vw;
}

.delivery-ship-image {
	position: absolute;
	bottom: 11vw;
	right: 0;
	height: 7vw;
	z-index: 99;
}

.wave-bg-blue-delivery {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 102%;
	/* TO FIX THE LEFT EMPTY SPACE IN IMAGE */
}

.delivery__content--second .delivery-ship-image {
	height: 5vw;
}

/* End of Delivery */

.pattern-background {
	margin-top: -12vw;
	padding-top: calc(6vw + 2em);
	background-image: url(../../../assets/img/watter-pattern.png);
	background-position: 0;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Why Us */

.why-us__card {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 1em;
	color: var(--main-color-blue);
	margin-top: 3em;
}

.why-us__card h3 {
	margin-bottom: 0.5em;
}

.why-us__card__icon {
	height: 5em;
}

/* End of Why Us */

/* Our Fleet */

.our-fleet {
	font-family: 'Century Gothic';
	color: var(--main-color-blue);
	padding: 3em 0;
}

.our-fleet__buttons {
	margin-top: 3em;
	display: flex;
	flex-direction: column;
}

.our-fleet .table {
	background-color: #fafafa;
	padding: 1.5em;
}

.table thead {
	border-bottom: 2px solid var(--main-color-lighter_blue);
}

.table th,
.table td {
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: bold;
	color: var(--main-color-blue);
	text-align: center;
	padding: 0.8em;
}

.table td {
	font-weight: normal;
}
.tab-content > .table.active{
	display: table;
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
	.why-us__card {
		flex-direction: row;
	}

	.table th,
	.table td {
		font-size: 1.6rem;
	}

	.our-fleet {
		padding: 5em 0;
	}
}

@media screen and (min-width: 992px) {
	.pattern-background {
		padding-top: calc(6vw + 4em);
	}

	.delivery__content {
		height: 35em;
	}
}

@media screen and (min-width: 1200px) {
	.pattern-background {
		padding-top: calc(6vw + 5em);
	}
}

@media screen and (min-width: 1800px) {
}