main#content .page-header + .page-content, .home .page-content  {
	margin-top: -95px;
}
.get-in-touch a {
    background: #fff;
    color: #027381 !important;
	font-family: var(--e-global-typography-accent-font-family);
	font-size: 16px;
	font-weight: 600 !important;
	padding: 4px 20px !important;
    border-radius: 50px;
    transition: all 300ms linear !important;
}

.get-in-touch a:hover {
    background: var(--e-global-color-e91b355) !important;
    color: #fff !important;
}

.get-in-touch {
    padding-left: 20px !important;
}

.main-menu {
	display: inline-flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.custom-menu-item > .menu-primary > a, 
.custom-menu-item > .tab-left-wrapper > a {
	color: #fff;
	display: inline-flex;
	font-family: var(--e-global-typography-primary-font-family);
  	font-size: 20px;	
	font-weight: 600;	
	letter-spacing: 0;
	padding: 12px 24px;
}

.sl-menu nav ul li a, .sl-menu nav ul li, 
.custom-menu-item > .menu-primary > a, 
.custom-menu-item > .tab-left-wrapper > a {
	position: relative;
}

.sl-menu nav ul li a:after, 
.custom-menu-item > .menu-primary > a:after, 
.custom-menu-item > .tab-left-wrapper > a:after {
    background-color: var(--e-global-color-e91b355) !important;	
    content: "";
    height: 2px;	
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    text-align: center;
    width: 0;
	transition: 0.3s;
}

.custom-menu-item.get-in-touch > .menu-primary > a:after {
    display: none;
}

.sl-menu nav ul li a:hover:after,
.custom-menu-item > .menu-primary > a:hover:after, 
.custom-menu-item > .tab-left-wrapper > a:hover:after {
    width: 50%;
}

.sl-menu nav ul li.get-in-touch a:after {
    display: none;
}

/* Custom Menu - Megamenu */
.custom-menu-item {
	position: relative;
}

.custom-menu-item > a {
	color: #333;
	display: inline-block;
	font-weight: bold;
	padding: 10px 15px;
	text-decoration: none;
}

/* GRID MENU */
.main-nav-grid-menu, .tab-left-menu {
	background: #fff;
	display: none;	
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));		
	gap: 0 40px;
	padding: 20px;
	position: absolute;
	top: 100%;
	left: -100%;	
	border-radius: 10px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);	
}

.main-nav-grid-menu {
	grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));			
	max-width: 1120px;
	min-width: 300px;
	z-index: 100;
}

.tab-left-menu {
	grid-template-columns: 1fr calc(100% - 400px);
}

.custom-menu-item:hover .tab-left-menu, 
.custom-menu-item.has-grid:hover .main-nav-grid-menu {
	display: grid;
}

/* .custom-menu-item:hover .tab-left-menu {
	display: flex;
} */


.custom-menu-item .item {
	display: flex;
	gap: 20px;
	align-items: start;
	padding: 20px;
	border-radius: 10px;
	transition: 0.3s;
}
.custom-menu-item .item:hover, .custom-menu-item .item.active {
	background-color: #F3EAEA;
}
.custom-menu-item .item .item-pic {
	flex: 0 1 72px;
	line-height: 0;
}
.custom-menu-item .item img {
	height: 72px;
	object-fit: cover;
	width: 72px;
	border-radius: 5px;
}

.custom-menu-item .item .item-data {
	max-width: 230px;
}

.custom-menu-item .item .desc {
	color: var(--e-global-color-text);
	font-size: 16px;
	line-height: 1.4;
}

.custom-menu-item .item a {
	color: var(--e-global-color-primary);
	display: inherit;
	font-family: var(--e-global-typography-text-font-family);
  	font-size: 1rem;	
	font-weight: bold;
	line-height: 1.2;
	margin-top: -0.25em;
	padding-bottom: 5px;
	text-decoration: none;
}

/* TAB-LEFT MENU */
.tab-left-wrapper {
	position: relative;
	display: inline-block;
}

.tab-left-menu {
	max-width: 1120px;
	min-width: 560px;
	width: max-content;
	z-index: 200;
}

.tab-left-col {
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-width: 360px;
}

.tab-right-col {
	grid-area: 1/-2;
/* 	min-width: 480px; */
	opacity: 0;
	padding: 20px;
	visibility: hidden;
	transition: 0.3s;
}

.tab-right-col .item {
	background: none !important;
	max-width: 360px;
	padding: 0;
}
.tab-right-col .item:not(:last-child) {
	margin-bottom: 20px;
}

.tab-right-col.active {
	opacity: 1;
	visibility: visible;
}

.tab-right-col {
    height: 296px;
    overflow-y: scroll;
}
.tab-right-col.our-ship {
	display: flex;
	flex-wrap: wrap;
	gap: 0 30px;	
}
.tab-right-col.our-ship .item {
	flex: 1 1 calc(50% - 20px);
}

.tab-right-col::-webkit-scrollbar {
    width: 5px;
	height: 50%;
	max-height: 50%;
}

.tab-right-col::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
	height: 50p%;
	max-height: 50p%;
}

.tab-right-col::-webkit-scrollbar-thumb {
    background: #027381;
    background-clip: padding-box;
    border-radius: 10px;
	height: 50p%;
	max-height: 50p%;
}

.copyright {
    position: relative;
}

.copyright:before {
    position: absolute;
    content: "";
    top: 0;
    width: 9999px;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    left: -100%;
}

div[data-elementor-type="footer"] {
    overflow: hidden;
}

.list-hover ul li span.elementor-icon-list-text {
    position: relative;
}

.list-hover ul li span.elementor-icon-list-text:after {position: absolute;content: "";left: 5px;bottom: -3px;width: 0;height: 2px;background: var(--e-global-color-e91b355);transition: all 300ms linear;}

.list-hover ul li:hover span.elementor-icon-list-text:after {
    width: 100%;
}

/* Popup Style */
.dialog-widget svg.eicon-close {
    padding: 5px;
}

.elementor-popup-modal .dialog-close-button {
    border-radius: 8px;
}

/* Button Style  */
.sl-btn.elementor-widget-button .elementor-button {
    background-color: transparent !important;
}

.sl-btn a.elementor-button {
	line-height: 1.4em;
    position: relative;
    padding: 14px 20px;
}

.sl-btn a.elementor-button:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: #FE6F6180;
    left: 0;
    top: 0;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.sl-btn a.elementor-button span {
    z-index: 1;
}

.sl-btn a.elementor-button:hover:before {
    width: 100%;
		background-color: var(--e-global-color-e91b355);
}

/* Image Accordion */

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion::before {
    display: none;
}

.ekit-image-accordion-horizontal .ekit-wid-con .elementskit-btn {
    position: relative;
    padding: 17px 20px !important;
    border: none !important;
    background: transparent !important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: 16px;
    z-index: 9;
}

.ekit-image-accordion-horizontal .ekit-wid-con .elementskit-btn:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: #FE6F6180;
    left: 0;
    top: 0;
    border-radius: 50px;
    transition: all 300ms ease;
    opacity: 1;
}

.ekit-image-accordion-horizontal .ekit-wid-con .elementskit-btn:hover:before {
    width: 100%;
    background-color: var(--e-global-color-e91b355) !important;
}

.elementskit-single-image-accordion span.elementskit-accordion-content {
    padding: 0 8% 4%;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion .elementskit-accordion-title-wraper {
	max-width: 320px;
    opacity: 1 !important;
    top: 50px !important;
	visibility: visible !important;
}

.ekit-wid-con .elementskit-image-accordion-wraper .elementskit-single-image-accordion:hover .elementskit-accordion-title-wraper {
    top: 0 !important;
}

/* Home Tacking Form */
.tracking-form .elementkit-nav-link.active {
	font-weight: bold !important;
}
.tracking-form .tab-content h4 {
    font-size: 14px;
    font-family: var( --e-global-typography-text-font-family ), sans-serif;
    color: #545454;
	font-weight: normal;
}

.tracking-form .tab-content p {
    font-size: 16px;
}

.tracking-form .tab-content form > p:last-child {
	margin-bottom: 0;
}

.tracking-form .tab-content form button,
.tracking-form button.elementor-button a {
    width: 100%;
    font-size: 16px;
    background: #027381;
    border: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 10px;
    border-radius: 5px;
	    margin-top: 10px;
}

.tracking-form .tab-content form button:hover, 
.tracking-form button.elementor-button a:hover {
    background: var(--e-global-color-e91b355);
}

.tracking-form input,
.tracking-form .fluentform form select{
    border-color: #D9D9D9;
    border-radius: 5px;
}

.tracking-form input:focus, .tracking-form .fluentform form select:focus {border-color: #027381;}

.tracking-form .fluentform form select {
    margin-bottom: 10px;
}
.tracking-form .fluentform select.ff-el-form-control {
    background: #fff;
    appearance: none;
    background-size: 16px 16px;
    background-position: calc(100% - 0.75rem) center !important;
	color: #777474;
}

.tracking-form button.elementor-button a {
    float: left;
    width: 100%;
		transition: all 300ms linear;
}

.tracking-form button.elementor-button {
    width: 100%;
    border: none;
}

.tracking-form.elementor-widget-text-editor button.elementor-button {
    width: auto;
    color: var(--e-global-color-5ed3a5a);
    position: relative;
    padding: 17px 20px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    background: none;
    z-index: 9;
	margin-top: 26px;
}

.tracking-form.elementor-widget-text-editor button.elementor-button:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: #FE6F6180;
    left: 0;
    top: 0;
    border-radius: 50px;
    transition: all 300ms ease;
    z-index: -1;
}

.tracking-form.elementor-widget-text-editor button.elementor-button:hover:before {
    width: 100%;
    background: var(--e-global-color-e91b355);
}

.tracking-form.elementor-widget-text-editor button.elementor-button:hover {
    color: #fff;
}
.tracking-form.elementor-widget-text-editor .fluentform form select {
	font-size: 14px;
    padding: 8px 15px;
}

/* Track Shipment */

.single-container-main {
    max-width: 1280px;
    padding: 10px;
    margin: 0 auto;
}

p#breadcrumbs {
    font-size: 14px;
    margin: 10px 0px;
    color: #113d6c;
}

h1.heading-search {
    color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-secondary-font-family),Sans-serif !important;
    font-size: 40px;
    font-weight: 600;
	margin-top: 30px;
}

.page-template.page-template-route-search h1.heading-search {
    font-size: 36px !important;
    line-height: 1.5em;
}

.page-template-route-search .shipping-route .e-con-inner {
    padding-top: 30px;
}

@media (max-width: 767px) {
	.page-template-route-search .single-container-main .searchresult {
		display: block;
		margin-bottom: 30px;
	}

	.page-template-route-search .searchresult .col-span-6 img {
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 10px 10px 0 0;
		display: block;
	}

	.page-template-route-search .single-container-main {
		padding: 20px;
	}

	.page-template-route-search .searchresult .col-span-6.light_bg {
		border-radius: 0 0 10px 10px;
	}
}

p.track_ins {
    margin-top: 10px;
    margin-bottom: 20px;
}

.track-form-container .form-lebel-track {
    float: left;
    width: 34%;
    margin-right: 2%;
    margin-bottom: 1.5%;
}

.track-form-container .form-lebel-track input {
    border-color: #D9D9D9;
    border-radius: 5px;
}

.track-form-container .form-lebel-track input:focus {
    border-color: #027381;
}

.track-form-container .form-lebel-track button {
    width: 100px;
    font-size: 16px;
    background: #027381;
    border: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 10px;
    border-radius: 5px;
}

.track-form-container .form-lebel-track button:hover {
    background: var(--e-global-color-e91b355);
}

div#custom-table-track-full th {
    vertical-align: middle;
    background: #027381;
    color: #fff;
    padding: 16px 8px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 15px;
    border-color: rgba(217, 217, 217, .5);
}

div#custom-table-track-full td {
    text-align: left;
    background: #ffffff;
    border-color: rgba(217, 217, 217, .5);
    padding-left: 8px !important;
    border-right: 1px solid rgba(217, 217, 217, .5) !important;
    text-align: center;
}

div#custom-table-track-full table {
    table-layout: fixed;
}

div#custom-table-track-full {
    width: 100% !important;
}

table td a, p#breadcrumbs a {
    color: #027381;
}

table td a:hover, p#breadcrumbs a:hover {
    color: var(--e-global-color-e91b355);
}

div#custom-table-track th {
    vertical-align: middle;
    background: #027381;
    color: #fff;
    padding: 16px 8px;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    border-color: rgba(217, 217, 217, .5);
}

div#custom-table-track td {
    text-align: left;
    background: #ffffff;
    border-color: rgba(217, 217, 217, .5);
    padding-left: 8px !important;
    border: 1px solid rgba(217, 217, 217, .5) !important;
    text-align: center;
}

/* Image Cap List */

.img-cap-list ul {
    display: flex;
    flex-wrap: wrap;
	list-style: none;
    margin: 0;
	padding: 0;
    position: relative;	
}

.img-cap-list ul li {
	flex: 1 0 max-content;
	max-width: 225px;
    padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
}

.img-cap-list ul li:before {
    background-color: #FE6F61;
	content: "";
	display: inline-block;
	font-size: 8px;
	height: 1em;
	position: absolute;
	left: 0;
	top: 10px;
	width: 1em;
	border-radius: 50%;
}
.img-cap-list .elementor-image-box-description:empty {
	display: none;
}

@media only screen and (max-width: 767px) { 
	.img-cap-list ul li,
	.img-cap-list ul li:first-child, 
	.img-cap-list ul li:nth-child(3) {
		width: 100%;
	}	
}

/* Mobile Route Map */

.tabmaindiv {
	padding: 20px 30px 30px 30px !important;
}

.tabdesc {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	margin-bottom: 13px;
}

.tabdesc h4 {
    color: #027381;
}

.tabbtn a.elementor-button {
    position: relative;
    padding: 15px 25px;
    border-radius: 50px;
    color: #fff;
    background: #027381;
    font-weight: 600;
}

.tabbtn a.elementor-button:hover {
    background: var(--e-global-color-e91b355);
}

.tabbtn a.elementor-button br {
    display: none;
}

/* Timeline */

.timeline-sec .timeline-sec-title, .timeline-sec .timeline-sec-desc {
    padding-left: 50px;
    position: relative;
	padding-right: 40px;
}

.timeline-sec .timeline-sec-title:before {
    position: absolute;
    width: 30px;
    height: 1px;
    background: #000;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-100%);
	-webkit-transform: translateY(-100%); 
	-ms-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
}

.timeline-sec .timeline-sec-title.right:before {
    right: -20px;
    left: auto;
}

.timeline-last-circle {
    position: relative;
}

.timeline-last-circle:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #FE6F61;
    left: -5px;
    bottom: -3px;
    border-radius: 50%;
}

/* Custom Team */

.team-widget-wrapper {
    max-width: 400px;
    margin: 0 auto;
}

.team-heading {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #054f77;
    margin-bottom: 20px;
}

.team-card {
    position: relative;
    background: #F5F7F6;
    border-radius: 10px;
    text-align: left;
    overflow: hidden;
}

.team-image {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.team-content {
    margin-top: 0;
    padding: 5px 20px 20px;
}

.team-name, 
.overlay-content h3{
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #027381;
    margin-bottom: 5px;
}

.overlay-content h3 {
    margin-bottom: 15px;
    margin-top: 0;
}

.team-designation {
    font-size: 18px;
    color: #545454;
}

.team-info-icon {
    font-size: 20px;
    margin-top: 10px;
    cursor: pointer;
    color: #007172;
}

.no-content .team-info-icon {
    display: none;
}

.close-overlay {
	right: 10px !important;
}

/* Custom Fluentform Custom Style */

.ff-default .ff-el-form-control {
    font-size: 18px;
    border-width: 0;
    border-bottom: 2px solid #D9D9D9;
    border-radius: 0;
    background: transparent;
    padding-left: 0;
    color: #545454 !important;
}

.ff-default .ff-el-form-control:focus {
    background: transparent;
    border-color: #D9D9D9;
}

.fluentform .iti__selected-flag, .fluentform .iti__selected-flag:hover, .fluentform .iti__selected-flag:active, .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag, .fluentform .iti__selected-flag {
    background: transparent;
}

.fluentform .ff-el-input--label {
    font-size: 18px;
    color: #545454;
}

.fluentform .ff-el-form-check .ff_t_c p {
    font-size: 16px !important;
    line-height: 20px;
}

.fluentform .ff-el-group.first-item-m0 {
    margin-bottom: 0 !important;
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    top: -1px;
}

.fluentform .ff-el-group.form-custom-style button {
    border: none;
    width: auto;
    color: var(--e-global-color-5ed3a5a) !important;
    position: relative;
    padding: 14px 20px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
    background: none !important;
    z-index: 9;
	-webkit-transition: all 300ms linear; 
    transition: all 300ms linear;
}

.fluentform .ff-el-group.form-custom-style button:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: #FE6F6180;
    left: 0;
    top: 0;
    border-radius: 50px;
    transition: all 300ms ease;
    z-index: -1;
}

.fluentform .ff-el-group.form-custom-style button:hover:before {
    width: 100%;
    background: var(--e-global-color-e91b355);
}

.fluentform .ff-el-group.form-custom-style button:hover {
    color: #fff !important;
    opacity: 1;
}

.dark-bg-form .ff-default .ff-el-form-control,
.dark-bg-form .fluentform .ff-el-input--label,
.dark-bg-form .fluentform .ff-el-form-check .ff_t_c p,
.dark-bg-form .fluentform .ff-el-group.form-custom-style button,
.dark-bg-form .fluentform .ff-el-group.form-custom-style button:hover,
.dark-bg-form .ff-default .ff-el-form-control::placeholder {
    color: #fff !important;
}

.dark-bg-form .ff-default .ff-el-form-control:focus,
.dark-bg-form .ff-default .ff-el-form-control {
    border-color: #fff;
}

.dark-bg-form .ff-default .ff-el-form-control option {
    color: inherit;
}

.ff-default textarea {
    line-height: 28px !important;
}

.bg-fill-form .ff-default .ff-el-form-control {
    background: #F5F7F6;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    border-radius: 5px;
    color: #545454;
}

.bg-fill-form .ff-default .ff-el-form-control:focus {
    background-color: #F5F7F6;
}

.bg-fill-form .ff-default .ff-el-form-control::placeholder {
    color: #545454;
}

.bg-fill-form .fluentform .ff-el-group {
    margin-bottom: 15px;
}

.bg-fill-form form.fluent_form_7 .ff-btn-submit {
    width: 100%;
    font-size: 20px;
}

/* Mobile Timeline */

.mob-timeline-title .elementor-heading-title {
    position: relative;
    padding: 120px 0;
    z-index: 9;
}

.mob-timeline-title .elementor-heading-title:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 100px;
    background: #000;
    top: 0;
    z-index: -1;
}

.mob-timeline-title .elementor-heading-title:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100px;
    background: #000;
    left: 0;
    bottom: 0;
    z-index: 1;
    margin: 0 auto;
    right: 0;
}

/* Image Carousel */

.elementor-widget-n-carousel .swiper-pagination-bullet {
    background: #302d2b !important;
    opacity: 1 !important;
    position: relative;
}

.elementor-widget-n-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--e-global-color-e91b355) !important;
}

.elementor-widget-n-carousel .swiper-pagination-bullet:before {
    opacity: 0;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    z-index: -1;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    transform: translate(-10px, -10px);
    right: 0;
    margin: 0 auto;
    border: 2px solid #027381;
}

.elementor-widget-n-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 1;
}

/* Route Map Search Page */

.searchresult .col-span-6 h4 a {
    color: var( --e-global-color-primary );
    transition: all 300ms linear;
}

.searchresult .col-span-6 h4 a:hover {
    color: var(--e-global-color-5ed3a5a);
}

.searchresult {
    display: flex;
    margin-bottom: 15px;
}

.col-span-6 {
    flex-basis: 45%;
    flex-grow: 0;
}

.col-span-6.light_bg {
    background: #F5F7F6;
    padding: 30px;
}

.col-span-6 img {
    min-height: 100% !important;
    max-width: 100% !important;
}

.sl-img-cap .elementskit-info-image-box .btn-wraper a:hover:before, .sl-img-cap .elementskit-info-image-box:hover a.elementskit-btn:before {
    background-color: var(--e-global-color-e91b355) !important;
}

/*  */

#continent-list li {
    font-size: 16px !important;
}

/* Our Solutions */

.our-solutions label.elementskit-single-image-accordion span.elementskit-accordion-title {
    position: relative;
}

.our-solutions label.elementskit-single-image-accordion span.elementskit-accordion-title:after {
    content: "";
    display: block;
    font-size: 18px;
    font-family: 'Open Sans';
    line-height: 30px;
    font-weight: normal;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 500px;
    transition: all 300ms linear;
}

.our-solutions .elementskit-single-image-accordion:hover span.elementskit-accordion-title:after {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.our-solutions label.elementskit-single-image-accordion:nth-child(2) span.elementskit-accordion-title:after {
    content:"We have invested in modern equipment, ranging from 20′ or 40′ containers, dry, reefer, and special equipment to provide you with the options you require.";
}

.our-solutions label.elementskit-single-image-accordion:nth-child(4) span.elementskit-accordion-title:after {
    content:"Our aim is to keep providing superior service to our customers across the world. Therefore, we continuously invest in technology, digitalisation and our people.";
}

.our-solutions label.elementskit-single-image-accordion:nth-child(6) span.elementskit-accordion-title:after {
    content:"We operate a fleet of 50+ vessels and cover 77 ports to serve our customers with the movement of their goods between the Far East, South East Asia, the Indian subcontinent.";
}

/* Footer Subscribe Form */

.footer-subscribe-form {
    position: relative;
}

.form-submit-inline-icon .ff-el-group {
	margin-bottom: 0;
}

.form-submit-inline-icon .ff-el-group.ff_submit_btn_wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.form-submit-inline-icon .ff-el-group.ff_submit_btn_wrapper button {
	background-color: currentColor !important;
    border-width: 0;
    margin: 0;
	min-height: 1.25em;
	min-width: 1.25em;
	padding: 0;
	text-indent: -9999px;
	-webkit-mask-image: url("https://qx-demos.com/sealead/wp-content/uploads/2025/06/submit-btn.svg");
	mask-image: url("https://qx-demos.com/sealead/wp-content/uploads/2025/06/submit-btn.svg");
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 1.25em auto;
	mask-size: 1.25em auto;
}

.footer-subscribe-form .ff-el-form-control {
    color: #fff !important;	
}
.footer-subscribe-form .ff-el-form-control::placeholder {
    color: currentcolor !important;
}

/* .footer-subscribe-form .ff-el-form-control {
    border-color: #fff !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #DCDCDC !important;
    border-radius: 0 !important;
    padding-left: 2px !important;
}

.footer-subscribe-form .ff-el-form-control:focus {background: transparent !important; border-color: #fff !important;}
 */

/* Custom table - Service single */

@media only screen and (max-width: 767px) {
	.custom-scroll-table {
		width: 480px !important;
		overflow-x: scroll;
	}

	.custom-scroll-table::-webkit-scrollbar {
		height: 10px;
	}

	.custom-scroll-table::-webkit-scrollbar-track {
		background-color: #fff;
		border-radius: 10px;
	}

	.custom-scroll-table::-webkit-scrollbar-thumb {
		background: #027381;
		background-clip: padding-box;
		border-radius: 10px;
	}


	table.route-table tbody tr th,
	table.route-table tbody tr td {
		font-size: 14px !important;
	}

}

/* Office Locations */

.office-location-section .e-n-tabs .e-n-tabs-heading button:first-child {
    border-radius: 10px 0 0 0;
}

.office-location-section.elementor-widget-n-tabs .e-n-tabs-content > div {
    border-radius: 0 10px 10px  0;
}

div#agency-main-wrapper #parent-tabs {
    text-align: center;
    margin-bottom: 0;
}

div#agency-main-wrapper #parent-tabs button.parent-tab {
    font-size: 24px;
    padding: 20px 15px;
    border: none;
    border-bottom: 4px solid transparent;
    color: #302D2B;
    font-weight: 600;
    margin-right: 30px;
}

div#agency-main-wrapper #parent-tabs button.parent-tab.active {
    border-color: #027381;
    background: transparent;
    color: #027381;
}

div#agency-main-wrapper .accordion-header {
    background: none !important;
    padding: 15px 15px 15px 0px;
    font-size: 20px;
    font-family: 'Poppins';
    color: #302D2B;
    font-weight: 600;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 0;
}

div#agency-main-wrapper .accordion-header:first-child {
    border-top: 1px solid #D9D9D9;
}

div#agency-main-wrapper .accordion-body {
    background: #F5F7F6 !important;
    border: 1px solid #E9E9E9;
    padding: 0;
    border-radius: 10px;
}

div#agency-main-wrapper .accordion-header.active {
    border-bottom: none;
}

div#agency-main-wrapper .agency-list button.active {background: #027381;border-color: #027381;color: #fff;}

div#agency-main-wrapper .agency-list button {
    padding: 15px 15px 15px 20px;
    border: none;
    border-bottom: 1px solid #E9E9E9;
    font-size: 18px;
    background: transparent;
    margin-bottom: 0;
    font-weight: 600;
    color: #302D2B;
}

div#agency-main-wrapper .agency-details {
    border-radius: 10px;
    background: #F5F7F6 !important;
    padding-top: 20px;
    padding-bottom: 20px;
	max-height: 600px;
}

div#agency-main-wrapper .agency-list button:last-child {
    border-bottom: none;
}

div#agency-main-wrapper .agency-list button:first-child {
    border-radius: 10px 0 0 0;
}

div#agency-main-wrapper .agency-list {
    flex: 2;
    border-right: 1px solid #E9E9E9;
    padding-right: 0;
}

div#agency-main-wrapper .ag-group .ag-name {
    font-size: 20px;
    font-weight: 600;
    color: #027381;
    margin-bottom: 10px;
	width: 70%;
}

div#agency-main-wrapper .ag-group p.ag-tagline {
    font-weight: 600;
    font-size: 16px;
    font-family: 'Open Sans';
    color: #302D2B;
	width: 70%;
}

div#agency-main-wrapper .ag-group p.ag-description {
    font-family: 'Open Sans';
    font-size: 16px;
    margin: 5px 0;
	width: 70%;
}

div#agency-main-wrapper .ag-group p.ag-phone, div#agency-main-wrapper .ag-group p.ag-mobile, div#agency-main-wrapper .ag-group p.ag-email {
    font-family: 'Open Sans';
    font-size: 16px;
}

div#agency-main-wrapper .ag-group {
    font-family: 'Poppins';
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E9E9E9;
}

div#agency-main-wrapper .agency-details > div:last-child .ag-group {
    margin: 0;
    padding: 0;
    border: none;
}

div#agency-main-wrapper .ag-group p.ag-phone strong, div#agency-main-wrapper .ag-group p.ag-mobile strong, div#agency-main-wrapper .ag-group p.ag-email strong {
    color: #027381;
	padding-right: 10px;
}

div#agency-main-wrapper p.ag-member {margin-bottom: 5px;font-family: 'Open Sans';font-size: 16px;font-weight: 600;}

.elementor-widget-n-tabs .e-n-tabs .e-n-tabs-heading button span.e-n-tab-title-text {
    font-weight: 600 !important;
}

.elementor-widget-n-tabs .e-n-tabs-content .elementor-widget-container a {
    color: #545454;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.elementor-widget-n-tabs .e-n-tabs-content .elementor-widget-container a:hover {
	color: var( --e-global-color-5ed3a5a );
}

div#agency-main-wrapper .ag-group p.ag-phone a, 
div#agency-main-wrapper .ag-group p.ag-mobile a, 
div#agency-main-wrapper .ag-group p.ag-email a {
    color: #545454;
}


div#agency-main-wrapper .ag-group p.ag-phone a:hover, 
div#agency-main-wrapper .ag-group p.ag-mobile a:hover, 
div#agency-main-wrapper .ag-group p.ag-email a:hover {
    color: #027381;
}

div#agency-main-wrapper .accordion-header {
    position: relative;
}

div#agency-main-wrapper .accordion-header:after {
    position: absolute;
    content: "+";
    right: 0;
    font-size: 22px;
    font-weight: normal;
    background: #027381;
    border-radius: 50px;
    padding: 0px 6px 7px;
    width: 26px;
    height: 26px;
    color: #fff;
    text-align: center;
    line-height: 1.3em;
}

div#agency-main-wrapper .accordion-header.active:after {
    content: "-";
    padding: 0 8px;
}

/* Table */

 table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid rgba(217, 217, 217, .5);
    border-radius: 12px;
    overflow: hidden;
  }

table td:last-child, table th:last-child {
    border-right: none;
}

table td, table th {
	border: none;
    border-top: 1px solid hsla(0, 0%, 50.2%, .5019607843);
    border-right: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}

/* Weather */

@media only screen and (max-width: 767px) {
	.weather-content, .weekly-forecast {
		width: 96% !important; 
		box-sizing: border-box;
	}

	.day-card {
		margin: 0 !important;
	}
	.current-temp-box {
		margin-right: 10px !important;
	}
	.office-location-section.elementor-widget-n-tabs .e-n-tabs-content > div {
		padding: 20px !important;
	}
	div#agency-main-wrapper #parent-tabs button.parent-tab {
		font-size: 20px;
		margin-right: 10px;
	}

	div#agency-main-wrapper div#parent-content {
		padding: 0 20px;
	}

	div#agency-main-wrapper .accordion-body {
		display: block;
	}
	div#agency-main-wrapper .agency-details {
		padding: 5px 20px;
	}

	div#agency-main-wrapper .ag-group .ag-name {
		font-size: 20px;
	}
}


.current-temp-box, .weather-tabs button.active {
    background: #027381 !important;
    border-color: #027381 !important;
}

.height-adj {
    height: 400px;
    overflow-y: scroll;
}

.height-adj::-webkit-scrollbar-track {
	background-color: #F5F5F5;
	border-radius: 10px;
}

.height-adj::-webkit-scrollbar {
	width: 6px;
	background-color: #f7f7f7;
	border-radius: 10px;
}

.height-adj::-webkit-scrollbar-thumb {
	background-color: #027381;
	border-radius: 10px;
}

.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid {
	overflow-x: auto;
	white-space: nowrap;
}
.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid::-webkit-scrollbar {
	height: 3px;
}

.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 10px;
}

.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid::-webkit-scrollbar-thumb {
	background: #ccc;
	background-clip: padding-box;
	border-radius: 10px;
}

.faq-tab-with-toggle .tab-pane div[data-elementor-post-type="ae_global_templates"] > .e-con > .e-con-inner {
	max-width: 875px;
}
.faq-tab-with-toggle .ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link {
	background-color: transparent !important;
	border-width: 0;
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 20px;
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: 24px;
	color: var( --e-global-color-primary );
	padding: 10px 45px 10px 0 !important;
}
.faq-tab-with-toggle .ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link .ekit-accordion-title {
	padding-right: 0 !important;
}
.faq-tab-with-toggle .ekit-wid-con .ekit_accordion_icon_group {
	margin-right: 8px !important;
    margin-top: 0.6em !important;	
	top: 0;
}

.faq-tab-with-toggle .ekit-wid-con .elementskit-accordion .elementskit-card-body {
	font-family: var(--e-global-typography-text-font-family);
	font-size: 18px;
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: 1.6em;
	padding: 10px 0;
}

@media (max-width: 767px) {
	.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid .elementkit-nav-link .elementskit-tab-icon {
		font-size: 50px !important;
	}
	.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid .elementkit-nav-link .elementskit-tab-icon svg {
		max-width: 50px !important;
	}
	.faq-tab-with-toggle .ekit-wid-con .tab-nav-fluid .elementkit-nav-link .elementskit-tab-title,
	.faq-tab-with-toggle .ekit-wid-con .elementskit-accordion .elementskit-card-header > .elementskit-btn-link {
		font-size: 18px !important;
	}
	.faq-tab-with-toggle .ekit-wid-con .elementkit-tab-nav .elementkit-nav-item:not(:last-child) {
		margin-right: 15px !important;
	}
}

.custom_form_text > div { 
	display: grid; 
	grid-template-columns: repeat(auto-fill, minmax(calc(50% - 20px), 1fr)); 
	gap: 20px; 
}

.custom_form_text select, .job-filter-form .searchwrap #selectsearch select {
	background-color: #fff;	
  	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>");
  	background-size: 12px;
  	background-repeat: no-repeat;
  	background-position: center right 15px;	
	border-color: #d9d9d9;
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family);
  	line-height: 26px;		
	min-height: 50px;
	padding: 12px 20px;
	padding-right: 40px;
  	position: relative;
	border-radius: 10px;
	-webkit-appearance: none;
	appearance: none;	
}

/* Careers - Jobs Listing */

.crsearch {
	display: block;
	margin: 0 auto 50px;
	max-width: 904px;
}

.job-filter-form .searchwrap { 
	display: flex;
	gap: 20px;
}

.job-filter-form .searchwrap #selectsearch {
	flex: 1 0 calc(320px - 10px);
  	max-width: 320px;
}


#filter-jobs-button {
	border-color: currentcolor;
	color: var(--e-global-color-primary);
	max-width: 160px;
	padding: 12px 30px;
  	width: 100%;
	border-radius: 10px;
}
#filter-jobs-button svg {
	vertical-align: middle;
}
#filter-jobs-button svg, #filter-jobs-button svg path {
	stroke: currentcolor;
}

#filter-jobs-button:focus, #filter-jobs-button:hover {
	background-color: #027381;
	border-color: transparent;
	color: #fff;
}

.qx-job-card-group {
	max-height: 830px;	
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
}

.qx-job-card {
	background: #fff;
	border: 1px solid #d9d9d9;	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;	
	margin-bottom: 20px;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.06);	
}
.qx-job-left {
	display: inline-grid;
	flex: 1 1 0;
}
.qx-job-right {
	flex: 0 1 auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;	
	align-content: stretch;
	align-items: flex-end;
	gap: 30px;
	justify-content: space-around;	
	max-width: 305px;
}
.qx-job-left > p {
	margin-top: auto;
}
.qx-job-card h3 {
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 24px;
	font-weight: 600;
	margin-top: -5px;
	margin-bottom: 10px;
	align-self: start;
}
.qx-job-card p {
	font-size: 16px;
	margin-bottom: 0;
}
.qx-job-meta {
	color var(--e-global-color-text);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px 35px;
	font-size: 16px;	
}
.qx-job-meta span {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 0 1 auto;
}
.qx-job-meta span svg {
    flex: 0 0 16px;
    align-self: start;
    line-height: 1;
    position: relative;
    top: 5px;
}
.qx-apply-link {
	color: #FE6F61;
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}
.qx-apply-link svg {
	vertical-align: middle;
}
.qx-apply-link svg, .qx-apply-link svg path {
	fill: currentcolor;
}
.qx-apply-link:hover {
	color: #027381;
}

.btn-job-apply-now {
	display: inline-block;
	background-color: #008080;  
	color: #ffffff;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	text-decoration: none;
	transition: background-color 0.3s ease, transform 0.2s ease;
	cursor: pointer;
}

.btn-job-apply-now:hover {
	background-color: var(--e-global-color-e91b355); 
	transform: translateY(-2px); 
	color:#ffffff;
}

@media (max-width: 767px) {
	.qx-job-card {
		flex-direction: column;
	}
	.qx-job-right {
		flex-direction: column-reverse;
		align-items: flex-start;
		max-width: 100%;
	}
}

/* Careers - Job Detail  */
.job-single-page {
    overflow-x: hidden;
}

.job-single-page .page-header {
    display: none;
}

.qx-job-banner {
    background: #F5F7F6;
    position: relative;
    padding: 0 0 75px 0;
    z-index: 9;
}

.qx-job-banner:before {
    position: absolute;
    content: "";
    left: -100%;
    height: 100%;
    width: 9999px;
    background: #F5F7F6;
    top: 0;
    z-index: -1;
}

.job-single-page #div_custom_header {
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.09);
}
.qx-job-banner {
	margin-bottom: 50px;
}
.qx-job-banner .blog_single_breadcrumbs {
	margin-bottom: 15px !important;
	padding: 15px 0;
}
.short-job-group { 
	display: flex;
	gap: 30px;
}
.short-job-info {
	display: inline-grid;
	gap: 35px;
	flex: 1;
}
.short-job-info > * {
	max-width: 640px;
}

.short-job-info h1 {
	color: var(--e-global-color-primary);
	font-size: 40px;
	margin: 0;
}
.short-job-info .job-meta {
	font-weight: 600;
}
.short-job-group .short-apply-btn {
	flex: 0 1 250px;
}

.job-single-page .sl-btn {
	font-weight: 600;
}
.job-single-page .sl-btn .elementor-button:hover {
	color: #fff;
}

.short-job-group, .qx-job-description-table, .qx-job-btn-apply {
	margin-left: auto;
	margin-right: auto;
	max-width: 1140px;
}
.qx-job-btn-apply {
	margin-top: 75px;
}
.qx-job-btn-apply + .elementor[data-elementor-post-type="elementor_library"] {
	border-top: 1px solid rgba(217, 217, 217, 0.58);
	margin-top: 90px;
	padding-top: 90px;
	padding-bottom: 90px;
}
.job-details-all {
  margin-bottom: 35px;
}
.job-details-all p, .job-description p {
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-indent: 0 !important;
}

.job-description > table {
	border-collapse: collapse;
}

.job-description table, .job-description tr, .job-description td {
	background: none !important;
	border-color: rgba(217, 217, 217, .5) !important;
	border-collapse: collapse;
	font-family: var(--e-global-typography-text-font-family);
  	font-size: var(--e-global-typography-text-font-size);
  	line-height: var(--e-global-typography-text-line-height);
	border-radius: 0;
}
.job-description table tbody  {
	border-width: 0 !important;
}
.job-description table tr, .job-description td {
	border-color: rgba(217, 217, 217, .5) !important;	
	border-style: solid !important;
	border-width: 1px !important;
}

.job-description td {
	padding: 10px 15px !important;
}

.job-description table, .job-description .Table {
	margin-left: 0 !important;
	margin-right: 0 !important;
	table-layout: fixed !important;
}
.job-description > table[style*="width"], .job-description .Table[style*="width"] {
	width: 100% !important;
}
.job-description .Table td {
	border-style: solid !important;
	border-width: 1px !important;
}

.job-description .Table td *[style*="font-family"] {
	font-family: var(--e-global-typography-text-font-family) !important;
  	font-size: var(--e-global-typography-text-font-size) !important;
  	line-height: var(--e-global-typography-text-line-height) !important;	
}

.job-description > .OutlineElement > p, .job-description > .OutlineElement > p *[style] {
	color: var(--e-global-color-primary) !important;
	font-family: var(--e-global-typography-primary-font-family) !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1.25;
  	margin-bottom: 1rem;
}

.job-description > .OutlineElement {
	color: var(--e-global-color-text) !important;
}

.job-description > .OutlineElement b {
	font-weight: 600 !important;
}
.job-description .ListContainerWrapper, .job-description .ListContainerWrapper *[style*="font-family"], .job-description .ListContainerWrapper *[style*="font-size"],
.job-description .MsoNormal, .job-description .MsoNormal *[style*="font-family"], .job-description .MsoNormal *[style*="font-size"] {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

/* .job-description .TableRow .TableCellContent > .OutlineElement  {
  	color: var(--e-global-color-primary) !important;
	font-family: var(--e-global-typography-primary-font-family) !important;
	font-weight: 600 !important;
} 
.job-description table td font, .job-description > p > font, .job-description > p > b[style*="font-family"], .job-description *[align="left"] b {
	font-family: var(--e-global-typography-primary-font-family) !important;
}
.job-details-all p, .job-description p, .job-description table table li p, .job-description tr[valign="top"] td li p {
	margin-bottom: 0.9rem !important;	
}
*/

.job-description table table p {
	margin-bottom: 0 !important;
}

.job-description > p {
	margin-bottom: 1rem !important;	
}
.job-description > p > b, .job-description > p b, .job-description li b {
	font-weight: 600;
}
.job-description > p > b > *, .job-description *[style*="color"], .job-description *[color] {
	color: inherit !important;
}

.job-description table td p *[style*="color"], .job-description table td p *[color], .job-description .ListContainerWrapper *[style*="color"], .job-description table td *[style*="color"] , .job-description table td *[color] {
	color: var(--e-global-color-text) !important;
}

.job-description table td font, .job-description table td font[size], .job-description table td *[style*="font-size"], .job-description > p > font font {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}
/* 
.job-description > p:first-child > b, 
.job-description > p:first-child b {
	font-family: var(--e-global-typography-primary-font-family) !important;
	font-size: 24px;	
}

.job-description > p > b[style*="font-family"], .job-description table td b, .job-description table td *[style*="font-weight"], .job-description > p > font, .job-description > p > font font b {
	font-weight: 600 !important;
} 

.job-description table table td font, .job-description table table td font[size], .job-description table table td *[style*="font-size"] {
	font-size: 16px !important;
}
.job-description table tr[valign="top"] td b, .job-description table tr[valign="top"] td *[style*="font-weight"] {
	font-size: inherit !important;
}*/
.job-description table table td {
	min-width: 150px;
}

.job-description tr[valign="top"] td p {
  	margin-bottom: 0 !important;
}

.job-description table ul {
	list-style: none;
	padding: 0 !important;
}
.job-description table ul li {
	padding-left: 20px;
	position: relative;
}
.job-description table ul li:before {
    background-color: #FE6F61;
	content: "";
	display: inline-block;
	font-size: 8px;
	height: 1em;
	position: absolute;
	left: 0;
	top: 10px;
	width: 1em;
	border-radius: 50%;
}

/* .job-description div[title="footer"], .job-description div[title="footer"] > p, .job-description div[title="footer"] > p span {
	display: inherit;
	font-size: 16px !important;
	line-height: 1.5em;
	width: 100%;
} */

.job-single-page .page-content > div[data-elementor-post-type="page"] > div[data-element_type="container"] {
  	margin: 0;
}
.job-single-page .page-content > div[data-elementor-post-type="page"] > div[data-element_type="container"] > div {
	padding: 0;
}

.mega-div.tab-left-menu.our-ship-group {
    left: -493.5px;
}

/**contac page mobile open issue**/
@media only screen and (max-width: 767px) {
    div#parent-content .accordion-body {
        display: none !important;
    }
    div#parent-content .accordion-body.active {
        display: block !important;
    }
}