/* Form */
form{
	font-family: 'Rubik', sans-serif;
}

/* ---------------------------- Home Widget - Track & Trace ---------------------------- */
.form-wrapper {
	position: relative;
	width: 100%;
}
.form-wrapper form#trackTraceFormHome,
.form-wrapper form#emptyReleaseFormHome,
.form-wrapper form#storingOrderFormHome {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding-top: 15px;
}
.form-wrapper .field-wrapper {
	width: 100%;
	position: relative;
}
.form-wrapper .field-wrapper:last-child {
	max-width: 185px;
}
.form-wrapper .label-caption {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.form-wrapper .label-caption .caption-text {
	color: #00AEE6;
	font-size: 10px;
	line-height: 12px;
	display: flex;
	align-items: center;
	gap: 3px;
}
.form-wrapper .label-caption .caption-text:before {
	content: '';
    background: url(../images/info-circle.png) no-repeat;
	background-size: contain;
	display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
}
.form-wrapper .field-wrapper label {
	width: auto;
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	font-family: "Rubik", sans-serif;
}
.form-wrapper .field-wrapper .custom-dropdown-selected,
.form-wrapper .field-wrapper input {
	padding: 10px 15px;
	color: #6D6D6D;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	font-family: "Rubik", sans-serif;
	width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0;
	outline: none;
    transition: all .3s;
}
.form-wrapper .custom-dropdown {
    position: relative;
	width: 100%;
    display: flex;
	align-items: center;
    cursor: pointer;
}
.form-wrapper .custom-dropdown-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #cccccc;
    border-top: none;
    background-color: #fff;
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
}
.form-wrapper .custom-dropdown-options li {
    padding: 10px 15px;
	color: #6D6D6D;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	font-family: "Rubik", sans-serif;
}
.form-wrapper .custom-dropdown-options li:hover {
    background-color: #F0F0F0;
}
.form-wrapper .custom-dropdown .dropdown-arrow {
    content: '';
    background: url(../images/customdropdown-arrow.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 5px;
    position: absolute;
    right: 15px;
    transition: transform 0.3s;
}
.form-wrapper .custom-dropdown.open .dropdown-arrow {
	transform: rotate(180deg);
}
.form-wrapper .custom-dropdown.open .custom-dropdown-options {
    display: block;
}
.form-wrapper .tt-submit {
	color: #ffffff;
	background-color: #ED1C24;
	width: 100%;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	font-family: "Rubik", sans-serif;
	outline: none;
}
.form-wrapper .tt-submit:hover,
.form-wrapper .tt-submit:focus {
	background-color: #C41016;
}
/* ---------------------------- Home Widget - Track & Trace ---------------------------- */



/* form#surchargeRatesDemmurage{
	display: flex;
	gap: 16px;
	flex-direction: column;
} */
form#schedulesByPort{
	display: flex;
	gap: 16px;
	flex-direction: column;	
}
form .form-field-split{
	position: relative;
}

.api-g-dd label{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #808080;
}
.api-g-dd label.label-title{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;
	color: #001B3F;
}

.api-g-dd .dropdown-title{
	color: #434343;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 10px 15px;
}

.api-g-dd .ddsc{
	position: relative;
	display: flex;
    justify-content: space-between;
	align-items: center;
}

.api-g-dd .ddsc.disabled{
    background: #b5b5b5;
    opacity: 0.8;
}

.api-g-dd .ddsc:hover{
	cursor: pointer;
}
.api-g-dd .ddsc.disabled:hover{
	cursor: default;
}

.api-g-dd .dropdown-title{
	color: #434343;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	width: 100%;
}

.api-g-dd .dropdown-arrow{
	content: '';
	background: url('../images/customdropdown-arrow.svg');
	background-repeat: no-repeat;
	width: 9px;
	height: 5px;
	position: absolute;
	right: 15px;
	transition: transform 0.3s;;
}
.api-g-dd .dropdown-arrow.active{
	transform: rotate(180deg);
}

.api-g-dd .ddsw{
	display: none;
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px 15px;
    background: white;
    width: 100%;
    left: 0px;
	z-index: 3;
	max-height: 220px;
    overflow-y: scroll;
}

.api-g-dd .ddsw.ddcalendar{

	max-height: unset;
    overflow-y: unset;
}

.api-g-dd .calendar-icon {
    content: '';
    background: url(../images/dropdown-calendar-icon.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    position: absolute;
    right: 15px;
    transition: transform 0.3s;
}

.api-g-dd .checkbox-port-text .highlight{
	font-weight: 700;
	color: black;
}

.api-g-dd .label-title-wrapper{
	display: flex;
	justify-content: space-between;
}

.api-g-dd .label-title-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 4px;
	position: relative;
}

.api-g-dd .label-title{
	color: #5A5A5A!important;
	font-size: 12px;
	font-family: 'Rubik', sans-serif!important;
	font-weight: 500;	
	line-height: 14px;
	position: relative;
}

.api-g-dd .label-title-link{
	color: #00AEE6!important;
	font-size: 8px;
	font-family: 'Rubik', sans-serif!important;
	font-weight: 400;
	position: relative;
}


.api-g-dd .label-title-link:before{
	content: '';
	background: url('../../../../../uploads/2024/07/home-api-popup-icon.svg');
	width: 10px;
	height: 10px;
	position: absolute;
	left: -12px;
}

.api-g-dd .outer-search-field{
	padding: 10px 15px 12px;
    border: 1px solid #ccc;
    width: 100%;
    line-height: 0;
    font-size: 12px;
}

.api-g-dd input.outer-search-field:active,
.api-g-dd input.outer-search-field:focus-visible,
.api-g-dd input.outer-search-field:focus{
	color: black!important;
	border: 1px solid #ccc!important;
	outline: none!important;
}

/* For Normal Dropdown Styling */
.dd-options-container{
	position: relative;
	display: flex;
	flex-direction: column;
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
	gap: 10px;
}

.dd-options-container a:hover{
	cursor: pointer;
}


/* For Port Dropdown with Search Styling */
.api-g-dd input.search-field{
	font-size: 12px;
	font-family: 'Rubik',sans-serif;
}

.api-g-dd .home-api-sroutes-options-container{
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}


.api-g-dd input[type="submit"]{
	background-color: #ED1C24;
	color: white;
	padding: 9px 50px;
	width: 100%;
    max-width: 185px;
}

.api-g-dd input[type="submit"]:hover{
	background-color: #c41016;
	color: white;
}

.api-g-dd input[type="submit"]:active,
.api-g-dd input[type="submit"]:focus-visible,
.api-g-dd input[type="submit"]:focus{
	background-color: #c41016!important;
	color: white!important;
	border: 0px solid transparent!important;
	outline: none!important;
}

.api-g-dd .search-bar {
	display: flex;
	background: #ffffff;
	justify-content: space-between;
	padding: 8px 15px;
	border: 1px solid #ccc;
	margin-bottom: 12px;
}

.api-g-dd .search-bar input.search-field {
	border: 0px!important;
	width: 100%;
	line-height: 0;
	font-size: 12px;
}
.api-g-dd .search-bar input:focus.search-field {
	border: 0px!important;
	width: 100%;
	line-height: 0;
	font-size: 12px;
}

/* .search-bar input#sr-search-field {
	border: 0px!important;
	width: 100%;
} */

.api-g-dd .search-bar input::placeholder {
  color: #DADADA;
  opacity: 1; /* Firefox */
}

.api-g-dd .search-bar input::-ms-input-placeholder { /* Edge 12-18 */
  color: #DADADA;
}
.api-g-dd .search-bar input:focus{
	border: 1px solid #ffffff!important;
	outline: none!important;
	border-radius: 0px!impportant;
}

.api-g-dd .search-bar .search-icon-cnt {
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 20px;
}
.api-g-dd .search-bar .search-icon {
	content: '';
	background: url(../images/grey-search-icon.svg) no-repeat !important;
	width: 14px;
	height: 16px;
	display: block;
}

/* For dropdown with search styling */
.api-g-dd


/* Home API */

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

ul li:hover{
	cursor: pointer!important;
}

ul.gabs-tabs{
	list-style-type: none !important;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex;
    gap: 40px;
    padding-block: 10px 15px;
    justify-content: center;
}

ul.gabs-tabs li a{
	font-family: 'Anton', sans-serif!important;
	font-size: 18px;
	line-height: 21px;
	color: #ccc;
	transition: 0.3s all;
}

ul.gabs-tabs li a.active{
	color: #0072BC;
}

.gabs-container{
	position: relative;
    display: flex;
    flex-direction: column;
}

.gabs-square-box{
    position: relative;
    display: none;
    border: 1px solid rgb(204 204 204 / 80%);
	min-height: 300px;
}

.gabs-square-box.active{
	display: block
}

ul.home-yellow-tab{
	list-style-type: none !important;
    margin: 0;
    display: flex;
    justify-content: center;
	background:white;
	padding: 0;
	transition: 0.3s all;
}

ul.home-yellow-tab li{
	padding: 4px 19px 8px;
	width: 100%;
	text-align: center;
	position: relative;
	line-height: 18px;
	align-content: center;
}

ul.home-yellow-tab li.active{
	background: #F99C1C;
}

ul.home-yellow-tab li.active:after{
    content: '';
    background: url(../images/home-api-arrow.svg) no-repeat;
    width: 24px;
    height: 32px;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}


ul.home-yellow-tab li a{
	font-family: 'Rubik', sans-serif!important;
	font-size: 12px;
/* 	line-height: 18px; */
	color: #808080;
	font-weight: 500;
	position: relative;
}

ul.home-yellow-tab li.active a{
	color: white;
}

.sign-in-child-container.active{
	position: relative;
	display: block;
}
.child-tab-square{
	position: relative;
	padding: 10px 15px 50px;
	display: none;
}

.child-tab-square.active{
	display: block;
}

.gabs-title{
	font-family: 'Anton', sans-serif!important;
	font-size: 19px;
	line-height: 21px;
	color: #04246A;	
	font-weight: 400;
	padding-bottom: 20px;
}

.home-logintopil-box,
.home-api-gen-box{
	position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;	
	gap: 10px;
}

/* .home-logintopil-box-inner{
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
} */

.api-single-btn-wrapper{
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	align-items: center;
}

.home-sn-api-dropdowns-wrapper{
	flex-wrap: wrap;
	flex-direction: row;
	gap: 20px;
	width: 100%;
}

.home-sn-api-dropdowns-wrapper .form-field-split{
	width: 100%;
}
.home-sn-api-dropdowns-wrapper .form-field-split:last-child{
	width: 100%;
	text-align: center;
}

.home-api-red-btn{
    font-family: 'Rubik', sans-serif !important;
    background: #ED1C24;
    color: white;
    width: 200px;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
	transition: 0.3s all;
	width: 100%;
	max-width: 185px;
}

.home-api-red-btn:hover{
	color: white!important;
	 background: #C41016;
}

.api-footnote{
	font-size: 12px;
    font-family: 'Rubik', sans-serif;
    color: #808080;
	text-align: center;
}

.light-blue-link{
	color: #00AEE6;
	text-decoration: none!important;
}

ul.eservice-pp-tabs{
	list-style-type: none !important;
    margin: 0;
    display: flex;
    background: white;
    padding: 0;
	flex-wrap: wrap;
    transition: 0.3s all;
	gap: 10px;
	justify-content: center;
}


ul.eservice-pp-tabs li{
	    width: calc((100% - 10px) / 3);
	text-align: center;
	line-height: 12px;
}

ul.eservice-pp-tabs li a{
	color: #808080;
	font-size: 10px;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}

ul.eservice-pp-tabs li.active a{
	color: #ED1C24;
}


.siblings-tab-square{
	display: none;
}

.siblings-tab-square.active{
	display: block;
}

.occ-siblings-tab-square{
	display: none;
}

.occ-siblings-tab-square.active{
	display: block;
}

.logintopil-box-children{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 24px 0 0;
	gap: 10px;
}


ul.asm-search-tabs.home-yellow-tab {
    gap: 10px;
}
ul.asm-search-tabs.home-yellow-tab li {
    padding: 4px 6px 8px;
}

.child-tab-inner-imgwtext{
	display: flex;
    flex-direction: column;
    align-items: center;
}

/* API Blue Button Tabs styling */
ul.serviceschedule-tabs,
ul.trackandtrace-tabs{
    list-style-type: none !important;
    margin: 0;
    display: flex;
    justify-content: center;
    background: white;
    padding: 0;
    transition: 0.3s all;	
	gap: 5px;
}

ul.serviceschedule-tabs li,
ul.trackandtrace-tabs li{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0px 5px 5px;
    background: white;
    border-radius: 10px;
    border: 1px solid rgb(204 204 204 / 80%);
	transition: 0.3s all;
}

ul.serviceschedule-tabs li.active,
ul.trackandtrace-tabs li.active{
    background: #00AEE6;
}

ul.serviceschedule-tabs li a,
ul.trackandtrace-tabs li a{
    font-family: 'Rubik', sans-serif !important;
    font-size: 10px;
    line-height: 14px;
    color: #808080;
    font-weight: 400;
    position: relative;
	left: 10px;
}

ul.serviceschedule-tabs li.active a,
ul.trackandtrace-tabs li.active a{
    color: white;
}



ul.serviceschedule-tabs li:nth-child(1) a:before {
    content: '';
    background: url(../images/home-byport.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.serviceschedule-tabs li:nth-child(2) a:before {
    content: '';
    background: url(../images/home-p2p.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.serviceschedule-tabs li:nth-child(3) a:before {
    content: '';
    background: url(../images/home-byvessel.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.serviceschedule-tabs li.active:nth-child(1) a:before {
	background: url(../images/home-byport-active.svg);
	background-repeat: no-repeat;
}
ul.serviceschedule-tabs li.active:nth-child(2) a:before {
	background: url(../images/home-p2p-active.svg);
	background-repeat: no-repeat;
}
ul.serviceschedule-tabs li.active:nth-child(3) a:before {
	background: url(../images/home-byvessel-active.svg);
	background-repeat: no-repeat;
}


ul.trackandtrace-tabs li:nth-child(1) a:before {
    content: '';
    background: url(../images/home-container.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.trackandtrace-tabs li:nth-child(2) a:before {
    content: '';
    background: url(../images/home-emptyvessel.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.trackandtrace-tabs li:nth-child(3) a:before {
    content: '';
    background: url(../images/home-storingorder.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.trackandtrace-tabs li.active:nth-child(1) a:before {
	background: url(../images/home-container-active.svg);
	background-repeat: no-repeat;
}
ul.trackandtrace-tabs li.active:nth-child(2) a:before {
	background: url(../images/home-emptyvessel-active.svg);
	background-repeat: no-repeat;
}
ul.trackandtrace-tabs li.active:nth-child(3) a:before {
	background: url(../images/home-storingorder-active.svg);
	background-repeat: no-repeat;
}


/* Home API Dropdown Styling */
.home-api-dropdown-wrapper{
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
	gap: 15px;
}

.home-api-dropdown-wrapper div.form-field-split{
	width: 100%;
}

#byPort .home-api-dropdown-wrapper div.form-field-split:nth-child(2),
#byPort .home-api-dropdown-wrapper div.form-field-split:nth-child(3){
	width: calc((100% - 15px)/2);
}

#pointToPoint .home-api-dropdown-wrapper div.form-field-split:nth-child(3),
#pointToPoint .home-api-dropdown-wrapper div.form-field-split:nth-child(4){
	width: calc((100% - 15px)/2);
}

#byVessel .home-api-dropdown-wrapper div.form-field-split:nth-child(2),
#byVessel .home-api-dropdown-wrapper div.form-field-split:nth-child(3){
	width: calc((100% - 15px)/2);
}


.form-field-split{
	position: relative;
}
.dropdown-title{
	color: #434343;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 10px 15px;
}
.ddsc{
	position: relative;
}
.ddsc:hover{
	cursor: pointer;
}
.ddsw{
	display: none;
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px 15px;
    background: white;
    width: 100%;
    left: 0px;
	z-index: 1;
}

.dddp{
	display: none;
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px 15px;
    background: white;
    width: 100%;
    left: 0px;
	z-index: 1;
}

/* For Normal Dropdown Styling */
.dd-options-container{
	position: relative;
	display: flex;
	flex-direction: column;
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
	gap: 10px;
}

.dd-options-container a:hover{
	cursor: pointer;
}


/* Track Trace APi */
#containerTandT div.form-field-split{
	width: 100%;
}



/* End of Home API */



/* Newsroom */
.newsroom-listing{
	display: flex;
	gap: 24px;
	flex-direction: column;
}

.newsroom-listing .newsroom-post{
	border: 1px solid #D9D9D9;
}
.newsroom-listing .newsroom-post .newsroom-post-image {
    object-fit: cover;
    width: 100%;
	aspect-ratio: 16 / 9;
}

.newsroom-listing .newsroom-post-body{
	padding: 20px;
}

.newsroom-listing .newsroom-post-date{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
}

.newsroom-listing .newsroom-post-date{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
}

.newsroom-listing .newsroom-post-title{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	color: #363636;	
	margin-top: 8px;
	min-height: 60px
}

.newsroom-post-tax-wrapper{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.newsroom-tag-item{
	padding: 2px 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	font-family: 'Rubik', sans-serif;
	border-radius: 10px;
	
}

.newsroom-tag-item.category{
	color: #434343;
	border: 1px solid #CCCCCC;
}

.newsroom-tag-item.country{
	color: #434343;
	border: 1px solid #CCCCCC;
}

/* Auto Hover */
.hcw-grid-operations a{
	transition: 0.3s all;
}
.hcw-grid-operations a.hover {
	background-color: white!important;
}

.hcw-grid-operations a.hover img{
	filter: brightness(0) saturate(100%) invert(13%) sepia(64%) saturate(2059%) hue-rotate(207deg) brightness(98%) contrast(112%);
}

.hcw-grid-operations a.hover .hcw-txt{
	color: #04246A!important;
}


/* Mobile */
/* Homepage Hero Slider */

/* Color Adjustment */
.home-hero-swiper .hero-flex-wrapper.red .flex-right{
	background: #DD1F26;
}
.home-hero-swiper .red .flex-right div.hero-btn-wrapper a:hover{
	color: #DD1F26;
	background: #FFF9FA;
}
/* End for Color Adjustment */

.home-hero-swiper .hero-flex-wrapper.red .flex-right:after{
    content: '';
    background-image: url(../images/red-arrow-top.svg);
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
}


.home-hero-swiper .hero-flex-wrapper{
	display: flex;
	flex-direction: column;
	position: relative;
}

.home-hero-swiper img{
	position: relative;
    object-fit: cover !important;
    width: 100%;
	min-height: 320px;
	max-height: 320px;
}

.home-hero-swiper .flex-right {
    position: relative;
    display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 20px 20px 40px 20px;
	min-height: 315px;
}

.home-hero-swiper .flex-right h1.hero-title{
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
}

.home-hero-swiper .flex-right p.hero-description{
	text-align: center;
	color: #FFFFFF;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	margin-top: 10px;
}

.home-hero-swiper .flex-right div.hero-btn-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px auto;
	position: relative;
}

.home-hero-swiper .flex-right div.hero-btn-wrapper a{
	color: #DD1F26;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 16px;
	background: white;
}

.home-hero-swiper .flex-right div.hero-btn-wrapper a:hover{
	color: #DD1F26;
	background: #FFF9FA;
}


.home-hero-slider-container .swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    background: white !important;
    opacity: 0.5 !important;
}

.home-hero-slider-container .swiper-pagination-bullet-active{
	background: white!important;
	opacity: 1 !important;
}

/* Pagination Bullet Adjustments */
.home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 12px!important;
}

.home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 20px!important;
}
/* End of Pagination Bullet Adjustments */

/* Slider Navigation Arrow */
.home-hero-slider-container .swiper-button-next,.home-hero-slider-container .swiper-button-prev {
    top: 22%;
}
.home-hero-slider-container .swiper-button-next:after{
	content: '' !important;
    background-image: url(../images/right-white-s-arrow.svg) !important;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px !important;
    position: absolute;
    transition: 0.3s all !important;
}
.home-hero-slider-container .swiper-button-prev:after{
	content: '' !important;
    background-image: url(../images/left-white-s-arrow.svg) !important;
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px !important;
    position: absolute;
    transition: 0.3s all !important;
}
/* End of Slider Navigation Arrow */

.dedicated-service:after{
    content: '';
    background-image: url(../images/sea-blue-arrow-bottom.svg);
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
    z-index: 1;
}

.driving-connectivity:after{
    content: '';
    background-image: url(../images/red-arrow-bottom.svg);
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-53%);
    width: 57px;
    height: 20px;
    z-index: 1;
}

.button-to-take-full-width a{
	width: 100%;
}



@media only screen and (max-width: 375px) {
	.home-hero-slider-container .swiper-button-next,.home-hero-slider-container .swiper-button-prev {
		top: 18%!important;
	}
}
@media only screen and (min-width: 450px) {
	.home-hero-swiper .flex-right {
		min-height: 320px;
	}
}


/* Tablet */
@media only screen and (min-width: 768px) {
	/* Newsroom	 */
	.newsroom-listing {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.newsroom-listing .newsroom-post {
		width: calc((100% - 25px)/2);
	}	
	
	/* Seventh Section	 */
	.h-careers-cnt .h-careers-item h6{
		font-size: 18px!important;
		line-height: 22px!important;
	}
	.h-careers-cnt .h-careers-item .elementor-widget-image > .elementor-widget-container{
		text-align: right!important;
	}
	.h-careers-cnt .h-careers-item img{
		max-width: 180px!important;
	}	
/* 	.h-careers-cnt .h-careers-item:nth-child(3) img{
		max-width: 130px!important;
	}	 */
	.h-careers-cnt > .e-con-inner{
		max-width: 767px!important;
		flex-direction: column!important;
		gap: 65px!important;
	}	
}


@media only screen and (min-width: 835px){
	.hcw-cnt .hcw-grid-operations{
		width: 680px!important;
	}
	.home-hero-swiper .hero-flex-wrapper {
		flex-direction: row;
	}
	.home-hero-swiper img {
		min-height: 400px;
		max-height: 400px;
		width: 50%;
	}
	.home-hero-swiper .flex-right {
        min-height: 380px;
		width: 65%;
		padding: 20px 50px 40px;
    }
	
	.home-hero-swiper .flex-right .hero-title{
		font-size: 44px;
		font-weight: 400;
		line-height: 56px;
    }
    .home-hero-swiper .hero-flex-wrapper.red .flex-right:after {
        background-image: url(../images/red-arrow-left.svg);
        top: 50%;
        left: -19px;
        transform: translateY(-50%);
        width: 20px;
        height: 57px;
    }
	.home-hero-swiper .flex-right h1.hero-title,
	.home-hero-swiper .flex-right p.hero-description{
		text-align: left;
		margin-top: 26px;
	}
	
	.home-hero-swiper .flex-right div.hero-btn-wrapper {
		display: flex;
		margin: 18px 0 10px;
		position: relative;
		justify-content: unset;
        align-items: unset;
	}	
	
	.home-hero-swiper .flex-right div.hero-btn-wrapper a {
		padding: 8px 55px;
		background: white;
		transition: 0.3s all;
	}
	
	
	.home-hero-slider-container .swiper-button-next, .home-hero-slider-container .swiper-button-prev {
		top: 50%;
	}
	
	.home-hero-slider-container .swiper-button-next{
		right: 2%;
	}
	
	.home-hero-slider-container .swiper-button-prev{
		left: 2%;
	}
	
	.home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
		right: 17% !important;
		left: unset !important;
		width: unset!important;
	}	
}

@media only screen and (min-width: 1025px){
    .home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        right: 19% !important;
    }		
	/* Second Section	 */
	.home-hero-swiper .flex-right {
        min-height: 360px;
		width: 60%;
		padding: 20px 50px 40px;
    }	
	
	
	/* Fourth Section	 */
	.driving-connectivity:after {
		background-image: url(../images/red-arrow-right.svg);
		position: absolute;
		top: 50%;
		bottom: unset;
		right: -19px;
		transform: translateY(-50%);
		width: 20px;
		height: 57px;
		left: unset;
	}	
		/* Second Section	 */
	.dedicated-service:after {
		content: '';
		background-image: url(../images/sea-blue-arrow-right.svg);
		position: absolute;
		top: 50%;
		left: unset;
		right: -19px;
		transform: translateY(-50%);
		width: 20px;
		height: 58px;
		z-index: 1;
	}
	
    .hcw-cnt .hcw-grid-operations{
		width: 580px!important;	
		gap: 20px!important;
	}
	
	.hcw-cnt .hcw-grid-operations a{
		padding: 15px 5px!important;	
	}

	.hcw-cnt .hcw-grid-operations a img{
		width: 60%!important;
	}
	.hcw-cnt .hcw-grid-operations a .hcw-txt{
		font-size: 12px!important;
		line-height: 14px!important;
	}
	
	.sign-in-child-container{
		
	}
	
	
	.newsroom-listing .newsroom-post {
		width: calc((100% - 80px)/4);
	}
}

/* @media only screen and (min-width: 1024px){	

} */

@media only screen and (min-width: 1150px){
	ul.gabs-tabs {
		display: none;
	}
	.gabs-container {
		flex-direction: row;
		gap: 20px;
		flex-wrap: wrap;
	}	
	.gabs-square-box {
		display: block;
		width: calc((100% - 40px)/3);
		min-height: 455px;
	}
	
	.gabs-title {
		font-size: 24px;
		line-height: 28px;
	}
}

@media only screen and (min-width: 1200px){
    .home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        right: 20% !important;
    }	
	.h-careers-cnt > .e-con-inner{
		max-width: unset!important;
		flex-direction: row!important;
		gap: 20px!important;
	}
	.h-careers-cnt .h-careers-item .elementor-widget-image > .elementor-widget-container{
		text-align: center!important;
	}
}

/* Desktop */
@media only screen and (min-width: 1412px){
    .home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        right: 20% !important;
    }	
	.home-hero-swiper .flex-right .hero-title{
		font-family: "Anton", Sans-serif;
		font-size: 58px;
		font-weight: 400;
		line-height: 64px;
    }	
	.home-hero-swiper .flex-right {
        min-height: 320px;
		width: 50%;
    }	
	.hcw-cnt .hcw-grid-operations{
		width: 820px!important;	
		gap: 20px!important;
	}
	
	.hcw-cnt .hcw-grid-operations a:not(:last-child){
	}


	.hcw-cnt .hcw-grid-operations a img{
		width: 75%!important;
	}
	.hcw-cnt .hcw-grid-operations a:nth-child(2) img{
		width: 90%!important;
	}
	.hcw-cnt .hcw-grid-operations a:nth-child(3) img{
		width: 72%!important;
	}
	.hcw-cnt .hcw-grid-operations a .hcw-arrow img{
		width: 100%!important;
	}
	.hcw-cnt .hcw-grid-operations a .hcw-txt{
		font-size: 16px!important;
		line-height: 21px!important;
	}
	
	/* Seventh Section	 */
	.h-careers-cnt .h-careers-item h6{
		color: #FFFFFF;
		font-family: "Anton", Sans-serif;
		font-size: 24px!important;
		font-weight: 400;
		line-height: 28px!important;
	}
	
	.h-careers-cnt .h-careers-item img{
		max-width: 220px!important;
	}
	.h-careers-cnt .h-careers-item:nth-child(3) img{
		max-width: 220px!important;
	}
}

@media only screen and (min-width: 1620px){
    .home-hero-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        right: 21% !important;
	}	
}
@media only screen and (min-width: 1150px) and (max-width: 1920px) {
	.api-g-dd .ddsw {
		width: auto;
	}
}
@media only screen and (max-width: 605px) {
	.api-g-dd .ddsw {
		width: auto;
	}
}