/* css tai day */
/*----------------------------chung---------------------------*/
.badge-overlay {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: #22c55e;
  color: #fff;
  padding: 6px 14px;
  border-radius: 58px;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.doi-tau-chien-luoc-phat-trien-doi-tau .row:last-child > div {
	margin-bottom: 24px;
}
.van-tai-dau-tinh-nang .row:last-child > div {
	margin-bottom: 24px;
}
.dai-ly-tau-bien-loai-tau .row:last-child > div {
	margin-bottom: 24px;
}
.ban-dieu-hanh-triet-ly .row:last-child > div {
	margin-bottom: 24px;
}
/*----------------------kinh-doanh-thuong-mai----------------------*/
.kinh-doanh-thuong-mai-hang-hoa .row:last-child > div {
	margin-bottom: 24px;
}
.kinh-doanh-thuong-mai-why .row:last-child > div {
	margin-bottom: 24px;
}
/*----------------------tam nhin su menh----------------------*/
.tam-nhin-su-menh-gia-tri-cot-loi .ge-content i.fas {
	font-size: 24px;
	padding: 15px 18px;
	background-color: var(--main-10);
	color: var(--heading-color);
	border-radius: 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.tam-nhin-su-menh-gia-tri-cot-loi .column {
  margin-bottom: 18px;
}
.tam-nhin-su-menh-gia-tri-cot-loi .row:last-child > div > div {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.tam-nhin-su-menh-gia-tri-cot-loi .row:last-child > div > div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red-gradient);
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);;
}
.tam-nhin-su-menh-gia-tri-cot-loi .row:last-child > div > div:hover:before {
	opacity: 1;
}
.tam-nhin-su-menh-gia-tri-cot-loi .row:last-child > div > div:hover i.fas {
	background-color: var(--heading-color);
  color: #fff;
}
.tam-nhin-su-menh-gia-tri-cot-loi .row:last-child > div > div:hover {
	box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
/*----------------------ve chung toi----------------------*/
.ve-chung-toi-tam-nhin .row:last-child > div {
	margin-bottom: 24px;
}
/*----------------------ve chung toi the manh----------------------*/
.ve-chung-toi-the-manh .ge-content i.fas {
	font-size: 24px;
	padding: 15px 13px;
	background-color: var(--main-10);
	color: var(--heading-color);
	border-radius: 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.ve-chung-toi-the-manh .column {
  margin-bottom: 24px;
}
.ve-chung-toi-the-manh .ge-content {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.ve-chung-toi-the-manh .col-lg-6 .row .ge-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red-gradient);
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);;
}
.ve-chung-toi-the-manh .col-lg-6 .row .ge-content:hover:before {
	opacity: 1;
}
.ve-chung-toi-the-manh .ge-content:hover i.fas {
	background-color: var(--heading-color);
  color: #fff;
}
.ve-chung-toi-the-manh .col-lg-6 .row .ge-content:hover {
	box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
/*----------------------ve chung toi con so an tuong----------------------*/
.ve-chung-toi-con-so-an-tuong .ge-content i.fas {
	font-size: 24px;
	padding: 15px 13px;
	background-color: var(--main-10);
	color: var(--heading-color);
	border-radius: 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.ve-chung-toi-con-so-an-tuong .column {
  margin-bottom: 18px;
}
.ve-chung-toi-con-so-an-tuong .row:last-child > div > div {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.ve-chung-toi-con-so-an-tuong .row:last-child > div > div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red-gradient);
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);;
}
.ve-chung-toi-con-so-an-tuong .row:last-child > div > div:hover:before {
	opacity: 1;
}
.ve-chung-toi-con-so-an-tuong .row:last-child > div > div:hover i.fas {
	background-color: var(--heading-color);
  color: #fff;
}
.ve-chung-toi-con-so-an-tuong .row:last-child > div > div:hover {
	box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
/*----------------------trang chu doi tau slider lam mo 2 ben----------------------*/
.trangchu-doitau .owl-stage-outer {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
}
/*----------------------hoi dong quan tri----------------------*/
.hoi-dong-quan-tri .ge-content {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.hoi-dong-quan-tri .row .card-item .ge-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red-gradient);
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);;
}
.hoi-dong-quan-tri .row .card-item .ge-content:hover:before {
	opacity: 1;
}
.hoi-dong-quan-tri .row .card-item .ge-content:hover {
	box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
/*----------------------ban dieu hanh----------------------*/
.ban-dieu-hanh .card-item {
	position: relative;
	overflow: hidden;
	transition: all 0.3s linear;
}

.ban-dieu-hanh .card-item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red-gradient);
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ban-dieu-hanh .card-item:hover:before {
	opacity: 1;
}

.ban-dieu-hanh .card-item:hover {
	box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),
	            0 8px 10px -6px rgba(0,0,0,0.1);
}
/*----------------------doi tau----------------------*/
.fleets .card-item i.fas,
.doi-tau .card-item i.fas {
	font-size: 25px;
	padding: 10px 10px;
	background-color: var(--main-10);
	color: var(--heading-color);
	border-radius: 8px;
	transition: all 0.2s linear;
}
.fleets .card-item,
.doi-tau .card-item {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.fleets .card-item:before,
.doi-tau .card-item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red-gradient);
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);;
}
.fleets .card-item:hover:before,
.doi-tau .card-item:hover:before {
	opacity: 1;
}
.doi-tau .card-item:hover {
	box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
}
.doi-tau table {
  width: 100% !important;
}
.doi-tau .hover-card i.fas {
	font-size: 15px;
	padding: 10px 10px;
	background-color: var(--background-color);
	color: var(--heading-color);
	border-radius: 8px;
	transition: all 0.2s linear;
}
.doi-tau .hover-card {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 16px;
  border: 2px solid #e5e7eb;
  background: #eef6f2;
  transition: all 0.3s ease;
}
.doi-tau .hover-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}
.doi-tau .hover-card .image-wrap {
  flex: 1 1 50%;
  min-height: 280px;
}
.doi-tau .hover-card .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.doi-tau .hover-card > .col-md-6 {
  display: flex;
}
.doi-tau .hover-card > .col-md-6:first-child .ge-content{
  display: flex;
  flex: 1;
  padding: 0;
}
.doi-tau .hover-card .image-wrap {
  flex: 1;
  position: relative;
}
.doi-tau .hover-card .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.doi-tau-tuyen-khai-thac-quoc-te .row {
    display: flex;
    flex-wrap: wrap;
}

.doi-tau-tuyen-khai-thac-quoc-te .row > div {
    display: flex;
}

.doi-tau-tuyen-khai-thac-quoc-te .card-item,
.doi-tau-tuyen-khai-thac-quoc-te .ge-content {
    	width: 100%;
}
.doi-tau-tuyen-khai-thac-quoc-te .row:last-child > div {
	margin-bottom: 24px;
}
/*----------------------doi tau tieu chuan an toan hang hai quoc te----------------------*/
.doi-tau-tieu-chuan-an-toan-hang-hai-quoc-te .card-item span.bi {
	font-size: 25px;
	padding: 10px 13px;
	background-color: var(--main-10);
	color: var(--heading-color);
	border-radius: 8px;
	transition: all 0.2s linear;
}
.doi-tau-tieu-chuan-an-toan-hang-hai-quoc-te .card-item {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.doi-tau-tieu-chuan-an-toan-hang-hai-quoc-te .card-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}
.doi-tau-tieu-chuan-an-toan-hang-hai-quoc-te .row:last-child > div {
	margin-bottom: 24px;
}