.svg-g path { transition: fill 0.3s; }
.svg-g.yellow path { fill: #FFF5A0; }
.svg-g.red path { fill: #F75C7B; }
.svg-g:hover path{ cursor: pointer; }
.svg-g.yellow.active path, .svg-g.yellow:hover path { fill: #FEF200 !important; }
.svg-g.red.active path, .svg-g.red:hover path { fill: #CC183C !important; }
.map-wrapper svg { width: 100%; height: auto; }

/* Search Page */
.elementor-posts .elementor-post__excerpt p { color: black !important; font-size: 16px !important; padding-top: 8px; }
.elementor-posts .elementor-post__excerpt p::after { content: "..."; }
.elementor-widget-container .elementor-post__title a:not(#info-btn) { font-family: 'Anton', sans-serif; font-size: 26px !important; color: var(--msc-blue); }
a.elementor-post__read-more, .elementor-post__title a { opacity: 1; transition: all 0.3s ease; }
a.elementor-post__read-more:hover { color: var(--msc-yellow) !important; }
.elementor-post__title a:hover { opacity: 0.85; }

.e-search-form .e-search-label svg { cursor: pointer; }

/* Find Your Local Offices - Map */
.pin-container { cursor: pointer; }
.pin-header h3 { background: #000066; border-radius: 100px !important; color: white !important;  }
.pin-base { opacity: 0; max-width: 0; transition: all 1s ease; }
.pin-container:hover .pin-base, .pin-container.active .pin-base { opacity: 0.15; max-width: 16px; }
@media only screen and (max-width: 500px) { .pin-container { transform: translatey(7%); } }

.ds-tab-loader{
    background: white;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    z-index: 999;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 99px;
}

.pin {
  position: relative;
  display: block;
}

.pin::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  width: 16px;
  height: 4px;
  background: #000066;
  border-radius: 50%;
  opacity: 0.7;
  pointer-events: none;
  z-index: 0;
  animation: pulse1 2.5s ease-in-out infinite;
}

.pin::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  width: 16px;
  height: 4px;
  background: #000066;
  border-radius: 50%;
  opacity: 0.7;
  pointer-events: none;
  z-index: 0;
  animation: pulse2 2.5s ease-in-out 0.5s infinite;
}

.pin img {
  position: relative;
  z-index: 1;
}

.pin-container:hover .pin::before,
.pin-container:hover .pin::after,
.pin-container.active .pin::before,
.pin-container.active .pin::after
{
  animation-play-state: paused;
  opacity: 0 !important;
}

@keyframes pulse1 {
  0% {
    opacity: 0.6;
    transform: translateX(-50%) scale(0);
  }
  80% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}

@keyframes pulse2 {
  0% {
    opacity: 0.8;
    transform: translateX(-50%) scale(0);
  }
  60% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(1.5);
  }
}

/* Form dropdown */
.select2-selection .select2-selection--single { position: relative; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 21px;
	height: 13px;
	background-color: transparent;
	background-image: url('../images/msc-blue-dropdown-arrow.svg');
	background-repeat: no-repeat;
	background-position: center center;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
#select2-mobile-dropdown.select2-container--default .select2-selection--single .select2-selection__arrow {
	position: relative;
	width: 21px;
	height: 13px;
	top: auto;
	right: auto;
	margin-right: 0;
	margin-left: auto;
	display: flex;
	align-items: center; 
	justify-content: center;
	background-color: transparent;
	background-image: url('../images/msc-blue-dropdown-arrow.svg');
	background-repeat: no-repeat;
	background-position: center center;
	transform: none;
}

/* Find Your Local Offices (fylo) - Detail Page */
.fylo-detail-wrapper * { font-family: 'Rubik', sans-serif; font-size: 16px !important; line-height: 150% !important; padding: 0; margin: 0; }
.fylo-detail-wrapper h2, .fylo-detail-wrapper h6, .fylo-detail-wrapper h5 { 
	font-family: 'Anton', sans-serif; color: var(--msc-blue) !important; font-size: 36px !important; text-transform: uppercase;
}
.fy-sub-txt, .depa-info .contact-name { color: var(--msc-blue) !important; }
.fylo-detail-wrapper .info-name { font-weight: 700; }
.fylo-map-wrapper {	
	width: 100%;
	padding: 80px 6vw; 
	display: flex;
	justify-content: center;
}
.fylo-map-inner-wrapper { 
	width: 100%;
	display: flex;
	gap: 24px;
    justify-content: space-between;
    align-items: center;
	max-width: 1224px;
}
.fylo-map-wrapper .left-wrapper, .fylo-map-wrapper .right-wrapper {	position: relative;	width: 50%; }
.fylo-map-wrapper .right-wrapper { display: flex; gap: 12px; flex-direction: column; }
.fylo-map-wrapper #map { min-height: 400px; border-radius: 8px; }

.fylo-map-wrapper a, .depa-info a { color: inherit !important; text-decoration: underline !important; }
.elementor-widget-container .fylo-detail-wrapper a:not(#info-btn) { font-size: 16px !important; }

.fylo-map-wrapper .info-item:not(.office), .depa-info div:not(.contact-name), .depa-info a { position: relative; padding-left: 44px; }
.fylo-map-wrapper .info-item:not(.office)::before, .depa-info div:not(.contact-name)::before, .depa-info a::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 28px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
}
.fylo-map-wrapper .info-item.email::before, .depa-info a::before { width: 28px; background-image: url('../images/msc-fylo-email-icon.svg'); }
.fylo-map-wrapper .info-item.pic::before { width: 22px; background-image: url('../images/icon-user.svg'); }
.fylo-map-wrapper .info-item.tel::before, .depa-info div:not(.contact-name)::before { width: 27.8px; background-image: url('../images/msc-fylo-tel-icon.svg'); }
.fylo-map-wrapper .info-item.fax::before { width: 32.2px; background-image: url('../images/msc-fylo-fax-icon.svg'); }
.fylo-map-wrapper .info-item.address::before { width: 21.9px; background-image: url('../images/msc-fylo-loc-icon.svg'); }
.depa-info .contact-number::before { top: -5% !important; }

.fylo-content-wrapper {
	width: 100%;
	background: #F6F6F6; 
/* 	padding: 80px 6vw; */
	display: flex;
	flex-direction: column;
	align-items: center;
/* 	gap: 80px; */
}
.fylo-content-inner-wrapper { 
	width: 100%;
    max-width: calc(1224px + 12vw);
    padding: 80px 6vw;
}
.fylo-content-wrapper hr { margin: 48px 0 !important; border: none; border-top: solid 1px #DCDCDC; }
.depa-header { margin-bottom: 12px; }
.depa-info-wrapper { 
	width: 100%;
    display: flex;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
}
.depa-info { 
	width: calc((100% - 48px)/3);
	min-width: fit-content;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.fylo-other-local-wrapper {
	width: 100%;
    background: var(--msc-blue);
    padding: 60px 6vw 75px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
.fylo-other-local-wrapper h5 { color: white !important; width: 600px; max-width: 100%; }
.fylo-other-local-wrapper .btn-grp-wrapper { 
	width: 600px; 
	max-width: 100%; 
	display: flex; 
	column-gap: 24px;
    row-gap: 40px;
    flex-wrap: wrap;
}
.fylo-other-local-wrapper .btn-grp-wrapper .btn-msc { display: block; }
.fylo-other-local-wrapper .btn-grp-wrapper .btn-msc-content { line-height: 100% !important; }

@media only screen and (max-width: 767px) { 
	.fylo-map-inner-wrapper { flex-direction: column; }
	.fylo-map-wrapper .left-wrapper, .fylo-map-wrapper .right-wrapper {	width: 100%; }
	.fylo-detail-wrapper h2, .fylo-detail-wrapper h6, .fylo-detail-wrapper h5 { font-size: 28px !important; }
}


/* Service Routes */
#service-tabs button span { display: flex; margin: auto; text-align: center; justify-content: center; }
#service-tabs button span.e-n-tab-title-text { width: 200px; height: 38px; }
.route-item p { 
	font-family: "Rubik", sans-serif; 
	font-size: 20px; 
	color: black; 
}
.route-item {
	display: flex;
    align-items: center;
	gap: 12px;
	transition: all 0.5s ease;
}
.route-shortcode .elementor-shortcode {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.route-icon {
	width: 38px;
	aspect-ratio: 1 / 1;
}
.route-item:hover { opacity: 0.8; }
@media only screen and (max-width: 767px) { .route-item p { font-size: 16px; } .route-icon { width: 32px; } }


/* Cargo Solution - Container Specifications & Find Your Local Offices - Search */
#cargo-search-btn .btn-msc-content, #local-offices-btn .btn-msc-content { min-width: 0; width: 160px; }
@media only screen and (max-width: 1024px) { #cargo-search-btn .btn-msc-content, #local-offices-btn .btn-msc-content { width: 100%; } }
#containerSpecs_form .elementor-form-fields-wrapper, #localOffices_form .elementor-form-fields-wrapper { height: 48px !important; }
#containerSpecs_form input[type=text], #localOffices_form input[type=text] { height: 48px !important; background: #F6F6F6 !important; margin-left: 50px !important; }
#containerSpecs_form input[type=text]:focus, #localOffices_form input[type=text]:focus { box-shadow: none !important; }
@media only screen and (max-width: 767px) { #containerSpecs_form input[type=text], #localOffices_form input[type=text] { font-size: 12px !important; } }
.elementor-field-group-containerSpecs, .elementor-field-group-localOffices {
	position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 0;
    background-color: #f6f6f6;
    padding: 0px 26px;
    width: 100%;
}
.elementor-field-group-containerSpecs::before, .elementor-field-group-localOffices::before {
    content: '';
    background: url(../images/api-search-ic.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    background-size: contain;
	position: absolute;
	top: 50%;
	left: 26px;
	transform: translatey(-50%);
}
.cargo.msc-loading-spinner {
	right: auto;
	bottom: auto;
	top: 10px;
	left: calc(50% - 10px);
}

.cargo-list-result {
    position: relative;
    padding-top: 24px;
    overflow-x: auto;
    max-width: 1100px;
    margin: 0 auto;
}

.cargo-list-result::-webkit-scrollbar {
  height: 4px; /* Make scrollbar thinner */
}

.cargo-list-result::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 10px; /* Rounded edges */
}

.cargo-list-result::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar thumb color */
  border-radius: 10px; /* Rounded edges */
}

.cargo-list-result::-webkit-scrollbar-thumb:hover {
  background: #555; /* Thumb color on hover */
}

.cargo-table{
    min-width: 1095px;
	font-family: 'Rubik', sans-serif !important;
}

.cargo-table thead {
    background: #00AEE6;
    color: white;
}

.cargo-table thead th {
	font-weight: 400;
    width: 8%;
    vertical-align: middle;
    text-align: unset;
    padding: 0.5rem;
    position: relative;
}

table.cargo-table td, table.cargo-table th {
    border: unset !important;
}

table.cargo-table th:not(:last-child) {
    border-right: 1px solid white !important;
}

.cargo-table thead th span {
    position: relative;
}

.cargo-table tbody tr {
    background: white;
	border-bottom: 1px solid #80808080 !important;
}

.cargo-table tbody td {
    color: black;
    padding: 0.5rem;
}

table.cargo-table td:not(:last-child) {
    border-right: 1px solid #F0F0F0 !important;
}

table.cargo-table tbody>tr:nth-child(odd)>td, table.cargo-table tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}

/* Digital Solutions */
#carbon-tab { display: none !important; }
#print-logo { display: none; }
#digital-mod input {background: white !important; height: 50px;}
#digital-mod .btn-msc { margin-left: 0; margin-right: auto; }
#digital-mod .inner-tabs button span { display: flex; margin: auto; text-align: center; justify-content: center; }
#digital-mod .inner-tabs button span.e-n-tab-title-text { width: 160px; height: 38px; }
#digital-mod .inner-tabs button:hover span.e-n-tab-title-text { color: white !important; }
#digital-mod .inner-tabs .elementor-field-type-submit { width: fit-content; display: none !important; }
#digital-mod select option[value="default"] { display: none !important; }
#digital-mod select { color: gray !important; }
#digital-mod select option { color: black !important; }
#digital-mod .select-caret-down-wrapper { display: none; }
 .flatpickr-calendar.animate.open { margin-top: -32px !important; }
 .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-size: 16px !important; }
 .flatpickr-current-month { justify-content: space-around !important; }
	/* Select2 */
	.select2 * { line-height: 24px !important; border: none !important; outline: 0 !important; }
	.select2-selection__placeholder { color: gray !important; }
	.select2-selection--single {
		height: 50px !important;
		border-radius: 3px;
		transition-duration: 0.3s;
		display: flex;
		align-content: center;
		padding: 0 1rem !important;
		box-sizing: border-box;
	}
	.select2-selection__rendered {
		color: black !important;
		padding: 0 !important;
		flex: 1;
	}
	.select2-results__option { padding: 13px 1rem; max-height: 50px; }
	.select2-search__field { outline: none !important; border: 1px solid lightgray !important; }
	.select2-search__field:focus { border: 1px solid gray !important; }
#digital-mod .inner-tabs {max-width:1100px; margin:auto;}
#digital-mod form {background-color:#F6F6F6; padding: 24px;}
#digital-mod .elementor-form-fields-wrapper {flex-wrap: nowrap; flex-direction: row;}

/* Digital Mod - Mobile Dropdown */
@media only screen and (max-width: 1024px) {
	#digital-mod #select2-mobile-dropdown, #select2-mobile-options-digital {font-family: "Rubik", Sans-serif !important;}
	#digital-mod #select2-mobile-dropdown .select2-selection__rendered {
        color: #00AEE6 !important;
        padding: 0 !important;
        font-weight: bold;
	}
	#select2-mobile-options-digital .select2-results__option {
		min-height: 50px !important;
        padding: 0 !important;
		display: flex;
  		align-items: center;
	}
	#select2-mobile-options-digital .select2-results__options { max-height: none !important; padding: 0 6vw; }
	#digital-mod #select2-mobile-dropdown .select2-selection--single {
		display: flex;
		align-items: center;  
		position: relative;
		background-color: transparent;
		padding: 0 6vw !important;
	}
}

@media only screen and (max-width: 767px) {
	#digital-mod .elementor-form-fields-wrapper {flex-wrap: wrap;}
	.elementor-field-group-module label { padding-bottom: 20px !important; }
	#info-btn .elementor-button-content-wrapper { padding-top: 20px; }
}


/* Tariffs and Charges */
.tariff-form {max-width:1100px; margin:auto;}
.tariff-form button span { display: flex; margin: auto; text-align: center; justify-content: center; }
.tariff-form button span.e-n-tab-title-text { width: 160px; height: 38px; }
.tariff-form button:hover span.e-n-tab-title-text { color: white !important; }
.tariff-form .elementor-field-type-submit { width: fit-content; display: none !important; }
.rates-and-tariff-noresultfound a, .tariffs-footnote-custom a { color: #DD1F26; }
.rates-and-tariff-noresultfound a:hover, .tariffs-footnote-custom a:hover { color: var(--e-global-color-accent); }

/* Tariffs and Charges - Mobile Dropdown */
@media only screen and (max-width: 1600px) {
	#tariff-wrapper #select2-mobile-dropdown, #select2-mobile-options-tariff {font-family: "Rubik", Sans-serif !important;}
	#tariff-wrapper #select2-mobile-dropdown .select2-selection__rendered {
        color: #00AEE6 !important;
        padding: 0 !important;
        font-weight: bold;
	}
	#select2-mobile-options-tariff .select2-results__option {
		min-height: 50px !important;
        padding: 0 !important;
		display: flex;
  		align-items: center;
	}
	#select2-mobile-options-tariff .select2-results__options { max-height: none !important; padding: 0 6vw; }
	#select2-mobile-dropdown .select2-selection--single {
		display: flex;
		align-items: center;  
		position: relative;
		background-color: transparent;
		padding: 0 6vw !important;
	}
}

@media only screen and (max-width: 500px) {
	.tariff-form form * { font-size: 14px; }
}

#select2-form-field-portCodeTariffAndCharges-results li:first-child{
    position: relative !important;
    z-index: 999 !important;
}
.error-label-dropdown {
    color: #DD1F26;
    padding-left: 12px;
}

.srd-result-wrapper {
    position: relative;
    display: none;
    font-family: 'Rubik', sans-serif !important;
    overflow-x: hidden;
}
.up-title {
    color: #04246A;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}
.selected-port-name {
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    font-family: 'Anton', sans-serif;
    color: #04246A;
}
.tab-and-download-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}
.sd-tabs {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    gap: 20px;
    padding-block: 10px 15px;
}
.sd-tabs li {
    float: left;
}
.sd-tabs li a {
    display: block;
    color: #434343;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s all;
    border-radius: 20px;
    padding: 6px 14px;
}
.sd-tabs li a:hover, .sd-tabs li a.active {
    color: white;
    font-weight: 700;
    background: var(--msc-blue);
    border-radius: 20px;
    padding: 6px 14px;
}
.d-d-download-wrapper {
	margin-bottom: unset;
}
.sd-tabs-container {
    position: relative;
}
.sd-tabs-container {
	overflow-x: auto;
}

.sd-tabs-container > div {
    display: none;
}
.sd-tabs-container > div.active {
    display: block;
}

.surcharge-result-wrapper table {
    margin-bottom: 40px !important;
}
.surcharges-table thead {
    background: var(--msc-blue) !important;
    color: white;
    font-family: 'Rubik', sans-serif;
    font-family: 12px!important;
    font-weight: 500 !important;
}
.surcharge-result-wrapper table.surcharges-table th {
    border: unset !important;
    font-family: 'Rubik', sans-serif;
    font-family: 12px!important;
    font-weight: 500 !important;
    padding: 7px 10px;
    text-align: left !important;
}
.surcharge-result-wrapper table.surcharges-table th.surcharge-th-general {
    text-align: center !important;
}
.surcharge-result-wrapper tbody tr:nth-child(odd) {
    border-bottom: 1px solid #80808080 !important;
}
.surcharge-result-wrapper tbody tr:nth-child(even) {
    border-bottom: 2px solid #80808080 !important;
    background: #FAFAFA !important;
}
.surcharge-result-wrapper table.surcharges-table td {
    border: unset !important;
    font-family: 'Rubik', sans-serif;
    font-size: 12px !important;
    background: unset !important;
    color: #808080;
    padding: 7px 10px;
}
.autorate-n {
    padding-left: 19px;
    position: relative;
}
.autorate-n:before {
    content: '';
    background: url(../images/warning-icon.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    margin: 0 auto;
    display: block;
    background-size: contain;
    position: absolute;
    top: -1px;
}
.surcharge-table-footnote {
    display: block;
    position: relative;
    margin-bottom: 40px;
}
.surcharge-table-footnote .scr-tb-txt {
    color: black;
    font-family: 'Rubik', sans-serif !important;
    font-size: 12px;
    line-height: 110%;
    font-weight: 400;
    position: relative;
    margin-bottom: 8px;
    padding-left: 20px;
}
.surcharge-table-footnote .scr-tb-txt:before {
    content: '';
    background: url(../images/warning-icon.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    margin: 0 auto;
    display: block;
    background-size: contain;
    position: absolute;
    top: -1px;
    left: 0px;
}

.rates-and-tariff-noresultfound{
	margin-top: 8px;
}

.tariffs-footnote-custom {
    color: black;
    font-size: 11px;
    margin-top: 5px;
}

.demurrage-result-wrapper table.detention-and-demurrage-table thead {
    background: var(--msc-blue) !important;
    color: white;
    font-family: 'Rubik', sans-serif;
    font-family: 12px !important;
    font-weight: 500 !important;
}
.demurrage-result-wrapper table.detention-and-demurrage-table thead td {
    border: unset !important;
    font-family: 'Rubik', sans-serif;
    font-size: 12px !important;
    line-height: 14px;
    font-weight: 500;
    color: white;
    padding: 7px 10px;
}
.demurrage-result-wrapper table.detention-and-demurrage-table thead tr td:nth-child(6) {
    text-align: center;
}
.demurrage-result-wrapper table.detention-and-demurrage-table thead tr:nth-child(2) td {
    text-align: center;
}
.demurrage-result-wrapper table.detention-and-demurrage-table tbody #result td:nth-child(2), .demurrage-result-wrapper table.detention-and-demurrage-table tbody #result td:nth-child(3), .demurrage-result-wrapper table.detention-and-demurrage-table tbody #result td:nth-child(4) {
    text-align: center;
}
.dd-tb-txt {
    color: #A6A6A6;
    font-family: 'Rubik', sans-serif !important;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.detention-and-demurrage-table.small thead tr td, .detention-and-demurrage-table.small tbody tr td {
    text-align: center;
}

.concurrent-header-txt {
    margin-bottom: 8px;
    margin-top: 26px;
}
.demurrage-result-wrapper table.detention-and-demurrage-table.custom-bg-yellow thead {
    background: #F99C1C !important;
    color: white;
    font-family: 'Rubik', sans-serif;
    font-family: 12px !important;
    font-weight: 500 !important;
}
.detention-and-demurrage-table.small.custom-bg-yellow thead tr td, .detention-and-demurrage-table.small.custom-bg-yellow tbody tr td {
    text-align: left;
}
.detention-and-demurrage-table.small tbody tr {
    border-bottom: 1px solid #80808080 !important;
}
.demurrage-result-wrapper table.detention-and-demurrage-table tbody td {
    border: unset !important;
    font-family: 'Rubik', sans-serif;
    font-size: 12px !important;
    background: unset !important;
    color: #808080;
    padding: 7px 10px;
}
.demurrage-result-wrapper table.detention-and-demurrage-table tbody tr.resultrow1, .demurrage-result-wrapper table.detention-and-demurrage-table tbody tr.resultrow2 {
    border-bottom: 2px solid #80808080 !important;
}
.demurrage-result-wrapper table.detention-and-demurrage-table tbody tr.resultrow3 {
    border-bottom: 1px solid #80808080 !important;
}

.surcharge-button {
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    border: 1px solid var(--msc-blue);
    color: var(--msc-blue);
    padding: 10px 20px;
    transition: 0.3s all;
    font-size: 14px;
}

.surcharge-button:hover{
	border: 1px solid var(--msc-blue);
	color: white;
	background: var(--msc-blue);
}

/* End of tc */

/* Shipping Guide - Mobile Dropdown */
@media only screen and (max-width: 767px) {
	.tab-and-download-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 32px;
	}	
	.d-d-download-wrapper{
		margin-top: 10px;
	}
	.sd-tabs li a {
		border: 1px solid #00aee6;
	}	
	
	#shipping-wrapper #select2-mobile-dropdown, #select2-mobile-options-shipping {font-family: "Rubik", Sans-serif !important;}
	#shipping-wrapper #select2-mobile-dropdown .select2-selection__rendered {
        color: #00AEE6 !important;
        padding: 0 !important;
        font-weight: bold;
	}
	#select2-mobile-options-shipping .select2-results__option {
		min-height: 50px !important;
        padding: 0 !important;
		display: flex;
  		align-items: center;
	}
	#select2-mobile-options-shipping .select2-results__options { max-height: none !important; padding: 0 6vw; }
	#shipping-wrapper #select2-mobile-dropdown .select2-selection--single {
		display: flex;
		align-items: center;  
		position: relative;
		background-color: transparent;
		padding: 0 6vw !important;
	}
}

/* Elementor Button */
.elementor-form-fields-wrapper button[type="submit"]{
	display:none!important;
}


/* Digital Solutions - Results */
.byport-result-wrapper, .tracktrace-result-wrapper { overflow-x: auto; }
.byport-result-wrapper *, .tracktrace-result-wrapper * { font-family: 'Rubik', sans-serif; font-size: 14px; }
#digital-mod .button-wrapper p { color: var(--msc-blue); font-weight: bold; }
#digital-mod th { text-align: left; }

#digital-mod table { border-style: hidden;}
#digital-mod td, #digital-mod th { border: 1px solid white; }
#digital-mod tr:first-child th { border-top: none; }
#digital-mod tr:last-child td { border-bottom: none; }
#digital-mod td:first-child, #digital-mod th:first-child { border-left: none; }
#digital-mod td:last-child, #digital-mod th:last-child { border-right: none; }

#digital-mod thead, #digital-mod .table-header, #digital-mod tbody.bg-darkblue { background-color: var(--msc-blue); }
#digital-mod tbody > tr.table-header > td,
#digital-mod tbody > tr.table-header > th,
#digital-mod thead td, #digital-mod td.tb-sub-header {
    background-color: var(--msc-blue) !important;
    color: white;
    font-weight: normal !important;
}

#digital-mod tbody > tr:not(.table-header):nth-child(odd) > td,
#digital-mod tbody > tr:not(.table-header):nth-child(odd) > th {
    background-color: white;
}

#digital-mod tbody > tr:not(.table-header):nth-child(even) > td,
#digital-mod tbody > tr:not(.table-header):nth-child(even) > th {
    background-color: #F6F6F6;
}

#digital-mod tbody > tr:hover > td,
#digital-mod tbody > tr:hover > th,
#digital-mod thead:hover td {
    background-color: hsla(0, 0%, 50.2%, .1019607843) !important;
}

#digital-mod table tbody+tbody { border-block-start: none !important; }

#digital-mod .tracktrace-result-wrapper .button-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 55px;
    padding-bottom: 12px;
    position: relative;
}
#digital-mod #results.tracktrace-result-wrapper .button-wrapper {
	justify-content: space-between;
}
#digital-mod .tracktrace-result-wrapper .printButton {
    color: #505050;
    font-weight: 500;
    position: relative;
	padding: 0;
	border: none;
	background-color: transparent !important;
}
#digital-mod .tracktrace-result-wrapper .printButton::before {
    content: '';
    background: url(../images/sapi-print-icon.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}




.api-input-error {
    color: #C02B0B;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-top: 4px;
    position: absolute;
    margin-left: 15px;
    bottom: -26px;
}

a.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

/* Digital Solutions Schedule */
.s-parent-result-wrapper {
    padding: 20px;
    background: #F0F0F0;
    display: none;
    overflow: hidden;
}

.s-action-wrapperparent {
    display: none;
    position: relative;
}

.s-action-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 55px;
    padding-bottom: 12px;
    position: relative;
}

.schdownload, .schprint {
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    color: #505050;
    font-weight: 500;
    position: relative;
}

.schdownload span:first-child {
    content: '';
    background: url(../images/sapi-download-icon.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}

.schprint span:first-child {
    content: '';
    background: url(../images/sapi-print-icon.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}

#table_byport .byport-detail-btt {
    position: relative;
}

#table_byport .dropdown-arrow {
    content: '';
    background: url(../images/customdropdown-arrow.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 5px;
    margin: 0 auto;
    transition: transform 0.3s;
}

  /* Prevent Chrome autofill */
  #form-field-dateFrom input {
    autocomplete: off !important;
  }

  /* Optional: visually show it's readonly */
  #form-field-dateFrom input[readonly] {
    background-color: #fff;
    cursor: pointer;
  }

/* API table styling for BP */
#table_byport thead {
    background: #00AEE6;
    color: white;
}
#table_byport td, #table_byport th {
    border: unset !important;
}
#table_byport thead td {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
}
#table_byport tbody tr {
    border-bottom: 1px solid #80808080 !important;
}
#table_byport tbody>tr:nth-child(odd)>td, #table_byport tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}

#table_byport tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}


/* Sub Table */
#table_byport tbody.byport_schedule_info tr {
    border-bottom: 1px solid transparent !important;
}
#table_byport tbody+tbody {
    border-block-start: unset;
}
#table_byport tbody.byport_schedule_info>tr:nth-child(odd)>td, #table_byport tbody.byport_schedule_info>tr:nth-child(even)>td {
    background: #F0F0F0 !important;
}
#table_byport tbody.byport_schedule_info td.text-fc-black.text-fw-bold {
    font-weight: 700 !important;
    color: #505050 !important;
}
#table_byport tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}
.subtable-sr-txt-for-print {
    display: none;
}

.text-fc-darkblue a{
	    font-size: 11px !important;
}


/* End of API table styling for BP */



/* API table for P2P */
#table_p2p thead {
    background: #00AEE6;
    color: white;
}
#table_p2p thead th {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
}
#table_p2p td, #table_p2p th {
    border: unset !important;
}
#table_p2p thead:first-child tr:first-child th {
    border-block-start: 1px solid transparent !important;
}
#table_p2p tbody tr {
    background: white;
}
#table_p2p tbody tr {
    border-bottom: 1px solid #80808080 !important;
}

#table_p2p tbody>tr:nth-child(odd)>td, #table_p2p tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}
#table_p2p tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}
#table_p2p .dropdown-arrow {
    content: '';
    background: url(../images/customdropdown-arrow.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 5px;
    margin: 0 auto;
    transition: transform 0.3s;
}
/* Sub table */
.p2p-result-cnt .not-display {
    display: none;
}
#table_p2p tbody.schedule_info tr {
    border-bottom: 1px solid transparent !important;
}
.bg-lightblue.text-fc-black {
    background: #F0F0F0 !important;
}
#table_p2p tbody.schedule_info>tr:nth-child(odd)>td, #table_p2p tbody.schedule_info>tr:nth-child(even)>td {
    background: #F0F0F0 !important;
}
#table_p2p tbody.schedule_info td.p2p-sub-tb-header {
    font-weight: 700 !important;
    color: #505050 !important;
}
.fa.fa-ship{
	display: inline-block;
}

.fa.fa-ship:before {
    content: '';
    background: url(../images/ship-solid.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 13px;
    margin: 0 auto;
    display: inline-block;
}
#table_p2p tbody.schedule_info>tr:nth-child(odd)>td.mypil-circle-number {
    /* background: #0C1D57 !important; */
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.9em;
    color: black;
    display: inline-block;
    line-height: 30%;
    width: 15px;
    padding-bottom: 6px;
    font-size: 9px;
    font-weight: 700;
    vertical-align: middle;
    padding: 6px 5px 7px 5px;
    margin-left: -11px;
    margin-top: 2px;
}
/* End of API table styling for p2p */


/* API table for ByVessel */
#table_byvessel thead {
    background: #00AEE6;
    color: white;
}
#table_byvessel thead td {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
}
#table_byvessel tbody tr {
    background: white;
}
#table_byvessel tbody tr {
    border-bottom: 1px solid #80808080 !important;
}
#table_byvessel tbody>tr:nth-child(odd)>td, #table_byvessel tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}
#table_byvessel tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}
#table_byvessel td, #table_p2p th {
    border: unset !important;
}

/* End of API table styling for pBV */
#edetailP2P form .elementor-form-fields-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

@media (min-width: 768px) {
  #edetailP2P form .elementor-form-fields-wrapper > div { width: calc((100% - 20px)/2); }
}

/* End of DS Schedule */

.schdownload:hover, .schprint:hover{
	cursor: pointer!important;
}


.sp-title-shortcode .elementor-shortcode{
	margin: 0 auto;
}

.sp-title{
	color: white;
	text-align: center;
	margin: 0;
}

.sp-sub-text p{
	max-width: 800px;
}

.pdf-wrapper p{	transition: 0.3s all; }
.pdf-wrapper:hover p{ color: #5d5d5d; }
.pdf-wrapper { gap: 12px !important; }
.pdf-wrapper .elementor-widget-text-editor { width: calc(100% - 44px); }
@media screen and (max-width: 767px) {
	.pdf-wrapper img { width: 32px !important; }
	.pdf-wrapper p { font-size: 16px; }
}

/* Table Press Styling */
.content-accordion-container {
	width: 100%;
	max-width: 900px;
	display: block;
	margin: 0 auto;
}
table.tablepress {
	font-family: 'Rubik', sans-serif!important;
    table-layout: auto !important;
    width: auto !important;
    min-width: 100% !important;
}
table.tablepress thead:first-child tr:first-child th{
	border-block-start: 0px solid transparent!important;
}
table.tablepress>:where(thead,tfoot)>tr>* {
    background-color: #00AEE6!important;
    color: white!important;
    font-weight: 400!important;
}
table.tablepress th:not(:last-child) { border-right: 1px solid white !important; }
table.tablepress tbody.row-striping tr:nth-child(even) td{ background-color: #F6F6F6!important; }
.tablepress>:where(thead)+tbody>:where(:not(.child))>*, .tablepress>tbody>*~:where(:not(.child))>*{ border-top: 0px solid transparent!important; }
/* table.tablepress tr.row-1 th.column-1{
	width: 320px;
} */

.table-press-custom .elementor-shortcode, .elementor-widget-tablepress-table { width: 100%; overflow-x: auto; }
/*below scrollbar styling doesn't seem to work*/
.table-press-custom .elementor-shortcode::webkit-scrollbar, .elementor-widget-tablepress-table::webkit-scrollbar { height: 4px!important; }
.table-press-custom .elementor-shortcode::-webkit-scrollbar-track, .elementor-widget-tablepress-table::-webkit-scrollbar-track { background: #f1f1f1!important; border-radius: 10px!important;}
.table-press-custom .elementor-shortcode::-webkit-scrollbar-thumb, .elementor-widget-tablepress-table::-webkit-scrollbar-thumb { background: #888!important; border-radius: 10px!important; }
.table-press-custom .elementor-shortcode::-webkit-scrollbar-thumb:hover, .elementor-widget-tablepress-table::-webkit-scrollbar-thumb:hover { background: #555!important; }	

/* Special tables */
.policies table th, .policies table td { width: 50% !important; min-width: 240px; }
.cookies table th, .cookies table td { min-width: 200px; }
table.tablepress ol[type="a"]>li, table.tablepress ol[type="i"]>li { margin-top: -22px; }
table.tablepress ol[type="a"], table.tablepress ol[type="i"] { margin-bottom: -33px; }










@media screen and (max-width: 1610px) {
	.red-section-wrapper{
		margin-top: 315px!important;
	}	
	.floating-image .elementor-widget-container{
		margin: -390px 0px 0px 0px!important;
	}
}



@media screen and (max-width: 1541px) {
	.red-section-wrapper{
		margin-top: 315px!important;
	}	
	
	.floating-image .elementor-widget-container{
		margin: -390px 0px 0px 0px!important;
	}
}

@media screen and (max-width: 1366px) {
    .red-section-wrapper {
        margin-top: 240px !important;
    }	
	.floating-image .elementor-widget-container{
		margin: -320px 0px 0px 0px!important;
	}
}

@media screen and (max-width: 1280px) {
    .red-section-wrapper {
        margin-top: 140px !important;
    }	
	.floating-image .elementor-widget-container{
		
		margin: -225px 0px 0px 0px!important;
	}
}

@media screen and (max-width: 1024px) {
    .red-section-wrapper {
        margin-top: 220px !important;
    }		
	.floating-image .elementor-widget-container{
		margin: -380px 0px 0px 0px!important;
	}
	
}

@media screen and (max-width: 767px) {
	.sp-title{
		text-align: left;
	}
	
	
	
	.red-section-wrapper {
        margin-top: 140px !important;
    }
	
	.rw-mob-txt .elementor-widget-container{
    	margin-top: 80px!important;		
	}
	.floating-image .elementor-widget-container{
		margin: -220px 0px 0px 0px!important;
	}
	
	
}

@media screen and (max-width: 767px) {
	.red-section-wrapper {
        margin-top: 140px !important;
    }
	
	.rw-mob-txt .elementor-widget-container{
    	margin-top: 5vh!important;		
	}
	.floating-image .elementor-widget-container{
		margin: -220px 0px 0px 0px!important;
	}
}