@charset "utf-8";
/**=========================================================
 * Theme Name   :  PSA Marine
 * Author       :  Amit Suthar
 * Description  :  December 2023
 * File Name	:  style.css
=========================================================**/

/* Global Styles */

:root { 
	--background1: #F9F9F9; /* Background Color*/
	--background2: #0B3150; /* Background Color*/
	--background3: #ffffff; /* Background Color*/
	--color1: #FD9620; /* Color*/
	}

.background1 { background-color: var(--background1) !important; }
.background2 { background-color: var(--background2) !important; }
.background3 { background-color: var(--background3) !important; }
.color1 { color: var(--color1) !important; }

*, *:after, *:before {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	}

html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	}

html, body {
	height: 100%;
	}
	
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #696969;
	font-weight: 400;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background: #ffffff url(../images/loader.gif) center center no-repeat;
	overflow-x: hidden;
	}
	
::selection {
	background: #666666; /* Safari */
	color: #ffffff;
	}
	
::-moz-selection {
	background: #666666; /* Firefox */
	color: #ffffff;
	}
		
img {
  	max-width: 100%;
  	vertical-align: middle;
  	-ms-interpolation-mode: bicubic;
	}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
    img {
        image-rendering: -webkit-optimize-contrast !important;
    }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    img {
        image-rendering: unset !important;
    }
}}
	
a, a:focus, a:hover {
	color: #FD9620;
	outline: none;
	cursor: pointer;
	text-decoration: none;
    box-shadow: none !important;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	}
	
a:hover {
	color: #0B3150;
	}

:focus, ::-moz-focus-inner {
	border: none;
	outline: none !important;
	}

fieldset, a img {
	border: none;
	}

ol, ul {
	margin: 0px auto;
	padding-left: 15px;
    list-style-position: outside;
    /*list-style-type: none;*/
	}
	
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
	}

b, strong {
	font-weight: 700;
	}
	
/* ClearFix */
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	}

.container:after {
	display: block;
	content: " ";
	clear: both;
	}
	
.clearfix:after {
	display: block;
	content: ".";
	height: 0px;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
/* wrapper */
	
#wrapper {
    position: relative;
    height: auto !important;
    min-height: 100%;
    height: 100%;
    width: 100%;
	display: block;
	margin: 0 auto;
    overflow: hidden;
    max-width: 1920px;
	background: #ffffff;
	}
	
body,
#wrapper,
.footer-wrapper {
	opacity: 0;
	}

.container,
.wide-container,
.header-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	max-width: 1200px;
	padding: 0px 15px;
	}

.wide-container {
	max-width: 1430px;
	}

.header-container,
.footer-top .wide-container,
.footer-bottom .wide-container {
	max-width: 100%;
	padding: 0px 60px;
	}

/* Header Styles */

#pageHeaderWrapper {
	position: relative;
	width: 100%;
	z-index: 100;
	display: block;
	margin: 0px auto;
	}

#pageHeader {
	position: relative;
	display: block;
	width: 100%;
	z-index: 101;
	padding: 0px;
	margin: 0px auto;
    max-width: 1920px;
	background: #ffffff;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
    -o-transition: all 1s;
	transition: all 1s;
	}

.is-sticky #pageHeader {
    left: auto;
    max-width: 1920px;
	box-shadow: 0px 2px 5px #cfcfcf;
	}

/* Top Header Container */

.topHeaderContainer {
	position: relative;
	display: flex;
	margin: 0px auto;
    align-items: center;
    justify-content: space-between;
    }

/* Logo */
	
.logo {
	position: relative;
	display: block;
    float: left;
	width: 248px;
	height: 52px;
	z-index: 1001;
	margin: 24px 0px;
	overflow: hidden;
	padding: 0px 0px;
	}

.logo a {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	}

.logo img {
	position: relative;
	display: block;
	height: auto;
	max-width: 100%;
	}

/* Top Right Header */
	
.topRightHeader {
    position: relative;
    display: flex;
    padding: 0px;
	height: 100%;
	flex-wrap: wrap;
    max-width: 100%;
    margin: 0px 0px;
	align-items: center;
    justify-content: end;
	}

.headerGroupContainer {
	position: relative;
	display: block;
	width: 100%;
	text-align: right;
	padding: 18px 0px 2px;
	}

ul.headerTopLinks {
	display: flex;
	padding: 0px 0px;
	margin: 0px -25px;
	justify-content: end;
	list-style-type: none;
	}

ul.headerTopLinks>li {
	position: relative;
	padding: 0px 25px;
	}

.header-search-menu a:hover img,
.search-btn:hover img {
	filter: invert(69%) sepia(30%) saturate(2530%) hue-rotate(342deg) brightness(99%) contrast(101%);
	}

/* Nav */
	
.nav-wrapper {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px 0px;
	}
	
.nav-container,
.nav {
	position: relative;
	width: 100%;
	display: block;
	margin: 0px auto;
	text-align: center;
	}
	
.nav ul {
	position: relative;
	display: flex;
	padding: 0;
	width: 100%;
	flex-wrap: wrap;
	margin: 0px auto;
	align-items: center;
    text-transform: none;
	justify-content: end;
	list-style-type: none;
	}
	
.nav>ul>li {
    position: relative;
	display: block;
	height: 100%;
    margin: 0px 16px;
	}
	
.nav>ul>li:last-child {
	margin-right: 0px;
	}

.nav>ul>li>a {
	position: relative;
	display: block;
	height: 100%;
	font-size: 15px;
	font-weight: 500;
	color: #000A2D;
	line-height: 22px;
	text-align: center;
	padding: 16px 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	}

.nav>ul>li>a:before {
	position: absolute;
	display: block;
	z-index: 1;
	left: 50%;
	right: 50%;
	width: 0px;
	content: '';
	height: 4px;
	bottom: -2px;
	overflow: hidden;
	background: #0B3150;
	border-radius: 5px 5px 0px 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

/* .nav>ul>li.menu-item-has-children>a {
	padding-right: 20px;
	}

.nav li.menu-item-has-children > a:after {
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	content: "\f078";
	font-size: 12px;
	right: 1px;
	top: 50%;
	z-index: 2;
	height: 20px;
	font-weight: 900;
	margin-top: -10px;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	}

.nav>ul>li.menu-item-has-children:hover>a:after,
.nav>ul>li.menu-item-has-children.selected>a:after {
	content: "\f077";
	} */

.nav>ul>li:hover>a:before,
.nav>ul>li.selected>a:before {
	left: 0px;
	right: 0px;
	width: 100%;
	}

.nav>ul>li span {
	position: relative;
	display: block;
	height: 100%;
	z-index: 2;
	}

.nav>ul>li:hover>a,
.nav>ul>li.selected>a {
	color: #FD9620;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	}

.nav>ul ul,
.nav>ul ul ul {
	position: absolute;
	top: 100%;
	opacity: 0;
	width: 100%;
	left: 0px;
	padding: 0px 0px;
    font-weight: 400;
	min-width: 375px;
	text-align: left;
	visibility: hidden;
    text-transform: none;
	background: #F9F9F9;
	margin: 30px 0px 0px 0px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 12px 16px #0000001F;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	}
	
.nav>ul ul ul {
    left: 100%;
	top: auto;
	margin: 0px;
	padding: 0px 0px;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
	}
	
.nav>ul>li:last-child ul ul {
	left: auto;
	right: 100%;
	}

.nav>ul>li:hover>ul,
.nav>ul ul>li:hover>ul {
	opacity: 1;
	top: auto;
	margin-top: 0px;
	visibility: visible;
	}
	
.nav>ul ul>li:hover>ul {
	margin-top: -58px;
	}

.nav>ul ul>li,
.nav>ul ul ul>li {
	position: relative;
	display: block;
	padding: 0px;
	width: 100%;
	color: #000A2D;
	line-height: 24px;
	}
	
.nav>ul ul a,
.nav>ul ul ul a {
	position: relative;
	display: block;
	font-weight: 400;
	color: #000A2D;
	line-height: 15px;
	padding: 15px 30px;
    background: transparent;
	}
	
.nav>ul>li>ul>li:last-child a  {
	border-radius: 0px 0px 10px 10px;
	}
	
.nav>ul ul li:hover>a,
.nav>ul ul li.selected>a,
.nav>ul ul ul li:hover>a,
.nav>ul ul ul li.selected>a {
	color: #ffffff;
	background: #FD9620;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.nav>ul>li.contApp-btn>a {
	color:#ffffff;
	padding: 38px 35px;
	}

.nav>ul>li.contApp-btn>a:before {
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	width: 100%;
	content: '';
	height: 50px;
	border-radius: 30px;
	background:#E40019;
	}

.nav>ul>li.contApp-btn:hover>a:before,
.nav>ul>li.contApp-btn.selected>a:before {
	background: #FFBF5A;
	}

.nav>ul>li:nth-last-child(-n+3) .sub-menu {
	left: auto;
	right: 0px;
	min-width: 200px;
	}

/* Header Quick Search */

.header-quick-search .form-control {
	height: 50px;
	padding: 14px 15px;
	border-radius: 0px;
	border: 1px solid #ffffff;
	}
	
.header-quick-search .form-control:focus,
.header-quick-search .form-control:hover {
	border: 1px solid #3e2b1f;
	}

.header-quick-search .btn-1 {
	position: relative;
	border: none;
	height: 50px;
	color: #ffffff;
	line-height: 1;
	font-size: 16px;
	border-radius: 0;
	padding: 10px 20px;
	text-align: center;
	background: #0B3150;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #0B3150;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.header-quick-search .btn-1:hover {
	color: #ffffff;
	background: #FD9620;
	border-color: #FD9620;
	}

.header-quick-search .btn-close {
	position: absolute;
	color: #ffffff;
	opacity: 1;
	right: 0;
	top: -30px;
	text-shadow: none;
	}

.header-quick-search .btn-close:hover {
	color: #ff0000;
	}
	
.modal-content {
	border: none;
	box-shadow: none;
	border-radius: 0px;
	}

.modal-backdrop.show {
	opacity: 0.8;
	}

/* Banner Styles */	

.bannerWrapper {
	position: relative;
	display: block;
	width: 100%;
	z-index: 3;
    padding: 0px;
	margin: 0px auto 0px;
	}
	
.banner {
	position: relative;
	display: block;
    width: 100%;
	z-index: 0;
	margin: 0px auto;
	}
	
.homeBannerSlider {
	position: relative;
	display: block;
	width: 100%;
	margin: 0px auto;
	}
	
.banner-slide {
	position: relative;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	}
	
.banner-slide figure {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
	padding: 0px;
    overflow: hidden;
	margin: 0px auto;
	}

.banner-slide figure::before {
	position: absolute;
	inset: 0px;
	z-index: 1;
	content: '';
	background: rgba(0, 0, 0, 0.35);
	}

.banner-slide figure img {
    position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.banner_caption {
    position: absolute;
	z-index: 7;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	color: #ffffff;
	display: block;
	margin: 0px auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}
	
.banner_caption .captionWrapper {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	}
	
.banner_caption .captionContainer {
	position: relative;
	padding: 0px;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	padding-top: 50px;
	display: table-cell;
	vertical-align: top;
	}
	
.banner_caption .captionContainerInner {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	}

.banner_caption .captionContainer .bannerHeading1 {
	font-size: 100px;
	color: #ffffff;
	font-weight: 200;
	padding-bottom: 30px;
	text-transform: none;
	}

.homeBannerSlider .slick-dots {
	top: 40%;
	left: auto;
	left: 120px;
	width: auto;
	bottom: auto;
	height: auto;
	margin: 0px 0px;
	text-align: center;
	}

.homeBannerSlider .slick-dots li {
	display: flex;
	width: 35px;
	height: 35px;
	align-items: center;
	margin: 2px auto;
	overflow: visible;
	justify-content: center;
	background: transparent !important;
	border-color: transparent !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
.homeBannerSlider .slick-dots li:before {
	position: absolute;
	top: 15px;
	width: 0px;
	height: 1px;
	content: '';
	left: -150px;
	display: inline-block;
	background: #ffffff;
	vertical-align: middle;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.homeBannerSlider .slick-dots li.slick-active:before {
	width: 150px;
	}

.homeBannerSlider .slick-dots li button:before {
	opacity: 0.7;
	display: none;
	}

.homeBannerSlider .slick-dots li button {
	position: relative;
	border-radius: 16px;
	width: 8px;
	height: 8px;
	margin: 0px auto;
	background: rgba(256, 256, 256, 0.8);
	border: 1px solid rgba(256, 256, 256, 0.8);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.homeBannerSlider .slick-dots li:hover button,
.homeBannerSlider .slick-dots li.slick-active button {
	opacity: 1;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 40px;
	border-color: #ffffff;
	background: transparent;
	}
/* Container Style */
	
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb100 { padding-bottom: 100px !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb100 { margin-bottom: 100px !important; }

.mg0 { margin: 0px !important; }
.mg5 { margin: 5px !important; }
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p15 { padding: 15px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }

/* Main Content Wrapper */

.main-content-wrapper {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px auto;
	max-width: 1920px;
	background: #f9f9f9;
	}
	
.nopadding {
	padding: 0px !important;
	}

/* Main Container */
	
.main-container {
	position: relative;
	display: block;
	padding: 120px 0px 100px;
	}

.bg-center-top {
	background-position: center top !important;
	}

.bg-center-bottom {
	background-position: center bottom !important;
	}

.bg-cover {
	background-size: cover !important;
	}

hr {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1;
	margin: 30px auto;
	background-color: #c6c6c6;
	}

/*Home*/

/* .homeCounter-section {
	position: absolute;
	left: 0px;
	z-index: 2;
	width: 100%;
	bottom: 120px;
	} */

.homeCounter-box {
	position: absolute !important;
	left: 0px;
	width: 100%;
	bottom: 120px;
	color: #000A2D;
	text-align: center;
	padding: 35px 35px;
	border-radius: 20px;
	background: rgba(256, 256, 256, 0.8);
	}

.homeCounter-box h2 {
	line-height: 1;
	color: #FD9620;
	padding-bottom: 30px;
	}

.homeCounter-box .row .col {
	border-right: 1px solid #D7D7D7;
	}

.homeCounter-box .row .col:last-child {
	border: none;
	}

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

.explore-rangeSection {
	padding: 120px 0px 90px;
	}

.exploreRange-box {
	position: relative;
	display: block;
	margin-bottom: 30px;
	}

.exploreRange-box a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	}

.exrange-pic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 114.02%;
	}

.exrange-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.exrange-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.exrange-mask-container {
	position: absolute;
	inset: 0px;
	display: flex;
	padding: 15px 15px;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.exploreRange-box a:hover .exrange-mask-container {
	background: rgba(253, 150, 32, 0.9);
	}

.exrange-mask-container h6 {
	color: #ffffff;
	font-weight: 500;
	padding: 0px 0px;
	letter-spacing: normal;
	}

.pioneering-section {
	padding: 100px 0px;
	background: #0B3150;
	background-position: top center;
	background-repeat: no-repeat;
	}

.pioneering-pic-container img {
	width: 100%;
	border-radius: 20px;
	}

.sustTemp-pic-container {
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 20px;
	background: #ffffff;
	align-items: center;
	justify-content: center;
	}

.sustTemp-pic-container img {
	margin: 0 auto;
	max-height: 300px;
	border-radius: 20px;
	width: auto !important;
	height: 100% !important;
	}

.pioneering-content {
	padding-right: 60px;
	color: rgba(256, 256, 256, 0.7);
	}

.urlLink-btn a {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

.urlLink-btn a:hover {
	color: #FD9620 !important;
	}

.homeBottom-section {
	padding: 120px 0px;
	background-repeat: no-repeat;
	background-position: top left;
	}

.homeCommitted-section {
	padding-bottom: 100px;
	}

.homeCommitted-section .pageTitle {
	padding-bottom: 60px;
	}

.homeCommitted-box {
	margin-bottom: 30px;
	}

.homeCommitted-box a {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	color: rgba(236, 236, 236, 0.7);
	}

.committed-pic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 115.85%;
	}

.committed-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.committed-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.committed-mask-container {
	position: absolute;
	inset: 0px;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	padding: 30px 30px;
	align-content: center;
	background: rgba(11, 49, 80, 0.9);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.homeCommitted-box:hover {
	color: #ffffff;
	}

.homeCommitted-box:hover .committed-mask-container {
	background: rgba(253, 150, 32, 0.95);
	}
	
.committed-mask-container h4 {
	font-weight: 500;
	letter-spacing: normal;
	}

.learnMore-btn {
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	padding-top: 20px;
	letter-spacing: 1px;
	}

.diverse-content {
	padding-left: 160px;
	}

/*About Us*/

.aboutIntro-section {
	padding: 120px 0px;
	}

.imageWrapper img {
	width: 100%;
	border-radius: 10px;
	}

.milestones-section {
	background: #0B3150;
	padding: 120px 0px 70px;
	color: rgba(255, 255, 255, 0.7);
	}
	
.milestoneYear-slider {
	padding: 0px 70px;
	margin: 20px -22px 30px;
	}
	
.milestoneYear-slide {
	padding: 0px 22px;
	}

.milestoneYear-slider .slick-prev {
	left: 30px;
	}

.milestoneYear-slider .slick-next {
	right: 30px;
	}

.milestoneYear-item {
	font-family: 'Poppins', sans-serif;
	position: relative;
	display: block;
	font-size: 20px;
	cursor: pointer;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 4px solid transparent;
	}

.slick-current .milestoneYear-item {
	color: #FD9620;
	border-color: #FD9620;
	}

.milestoneitemBox {
	margin-bottom: 40px;
	}

.milest-pic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 30px;
	padding-bottom: 60.82%;
	}

.milest-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.milest-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}
	
.milestContent-box {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	}

.milestContent-box h4 {
	color: #ffffff;
	font-weight: 500;
	padding: 0px 0px;
	margin-bottom: 12px;
	text-align: justify;
	}

.milestContent-box h3 {
	color: #ffffff;
	padding: 0px 0px;
	margin-bottom: 25px;
	}

.milestoneDetails-slider,
.milestoneDetails-slide {
	font-size: 16px;
	}

.awardsRecognition-section {
	padding: 100px 0px;
	}

.awardsRecognition-box {
	padding: 0px 0px;
	border-radius: 5px;
	background: #F9F9F9;
	box-shadow: 0px 4px 5px #efefef;
	}

.accordion.customAccordtion1 .accordion-item {
	margin-bottom: 0px;
	background: #F9F9F9;
	box-shadow: none !important;
	}

.accordion.customAccordtion1 .accordion-button {
	font-family: 'Poppins', sans-serif;
	/* font-size: 32px; */
	font-size: 15px;
	font-weight: 600;
	color: #000A2D;
	background: #F9F9F9;
	border-color: #F9F9F9;
	}

.accordion.customAccordtion1 .accordion-button:not(.collapsed) {
	box-shadow: none;
	color: #FD9620;
	background: #ffffff;
	border-color: #ffffff;
	}

.accordion.customAccordtion1 .accordion-button::after {
	content: '\f107';
	}

.accordion.customAccordtion1 .accordion-button:not(.collapsed)::after {
	content: '\f106';
	}

.accordion.customAccordtion1 .accordion-body {
	padding: 0px 30px 20px;	
	}

.awardListing ul {
	font-family: 'Poppins', sans-serif;
	margin: 0px 0px;
	padding: 0px 0px;
	list-style-type: none;
	}

.awardListing ul li {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 0px;
	border-bottom: 1px solid #B6B6B6;
	}

.awardListing ul li:first-child {
	padding-top: 0px;
	}

.awardListing ul li:last-child {
	border: none;
	}

.awardListing ul li a {
	color: #000A2D;
	}

.awardListing ul li a:hover {
	color: #FD9620;
	}

.ctc-wrapper {
	padding: 120px 0px;
	background-size: cover;
	background-position: center center;
	}

.ctc-wrapper .pageTitle {
	padding: 0px 0px;
	}

.ctc-wrapper .pageTitle h4 {
	color: #F0703E;
	padding-bottom: 20px;
	}

.ctc-wrapper .pageTitle h2 {
	color: #101010;
	}

/*Service*/

.mx850 {
	max-width: 850px;
	}

.service-listing {
	padding: 100px 0px;
	}

.service-item {
	padding: 0px 0px 100px;
	}

.service-listing .service-item:last-child {
	padding: 0px 0px;
	}

.service-listing .service-item:nth-child(odd) .service-order1 {
	order: 2;
	}

.service-listing .service-item:nth-child(odd) .service-order2 {
	order: 1;
	}

.service-listing .service-item .service-order2 {
	align-self: center;
	}

.service-content {
	padding-left: 60px;
	}

.service-listing .service-item:nth-child(odd) .service-content {
	padding: 0px 0px;
	}

.service-content .pageTitle {
	padding-bottom: 25px;
	}
	
.service-content p {
	margin-bottom: 10px;
	}

.service-video-section {
	padding: 0px;
	background: #0B3150;
	}

.serviceVideo-gallery a {
	position: relative;
	display: block;
	}

.video-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 100px;
	height: 100px;
	font-size: 40px;
	color: #FFFFFF;
	line-height: 100px;
	text-align: center;
	border-radius: 100%;
	background: rgba(256, 256, 256, 0.4);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}

.serviceVideo-pic-container,
.serviceVideo-pic-container figure {
	position: relative;
	display: block;
	margin: 0px 0px;
	}

.serviceVideo-pic-container figure img {
	width: 100%;
	border-radius: 5px;
	}

.serviceClients-section {
	padding: 120px 0px;
	background-repeat: no-repeat;
	background-position: center center;
	}

.serviceClient-slider {
	margin: 0px -15px;
	}

.serviceClient-slide {
	padding: 0px 15px 30px;
	}

.client-logo-box,
.client-logo-box a {
	position: relative;
	display: block;
	padding: 0px;
	width: 100%;
	height: 100%;
	color: #111111;
    text-align: center;
	}

.client-logo-box a {
    overflow: hidden;
	border-radius: 10px;
    background: #ffffff;
	}
	
.client-logo {
	position: relative;
	display: block;
	height: 140px;
    width: 100%;
	overflow: hidden;
	}

.client-logo figure {
	position: absolute;
	overflow: hidden;
    display: block;
	padding: 15px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	margin: 0px auto !important;
	}
	
.client-logo figure img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: scale-down;
	object-fit: scale-down;
	-o-object-position: center;
	object-position: center;
	}

.serviceClient-slider .slick-dots {
	bottom: -30px;
	}
	
.serviceEnd-section {
	padding: 120px 0px;
	background-size: cover;
	background-position: center center;
	}

.advisoryServices-section {
	max-width: 550px;
	}

.marineItemBox {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	padding: 35px 30px;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 5px 10px #efefef;
	}

.marineItemBox h4 {
	font-size: 20px;
	font-weight: 500;
	padding: 0px 0px;
	margin-bottom: 30px;
	letter-spacing: normal;
	}

.serviceModal-Box .modal-dialog {
	max-width: 660px;
	}

.serviceModal-Box .modal-content {
	border-radius: 5px;
	}

.serviceModal-Box .modal-body {
	padding: 35px 40px;
	}

.serviceModal-Box .btn-close,
.steeringModal-Box .btn-close {
	position: absolute;
	top: 10px;
	opacity: 1;
	right: 10px;
	border: none;
	font-size: 15px;
	color: #0B3150;
	padding: 0px 0px;
	background: transparent;
	}

.serviceHeading {
	margin-bottom: 30px;
	}

.serviceHeading h4 {
	font-weight: 500;
	letter-spacing: normal;
	}

.serviceHeading a {
	color: #0B3150;
	font-weight: 700;
	text-decoration: underline;
	}

.serviceModal-item {
	padding: 20px 20px;
	margin-bottom: 20px;
	background: #F5F5F5;
	}

.serviceModal-listing .serviceModal-item:last-child {
	margin-bottom: 0px;
	}

.serviceModal-item h5 {
	font-weight: 500;
	padding-bottom: 15px;
	letter-spacing: normal;
	}

.serviceModal-item ul.ul-listing {
	font-weight: 400;
	}

.serviceModal-item ul.ul-listing li a {
	color: #0B3150;
	text-decoration: underline;
	}

.serviceModal-item ul.ul-listing li a:hover {
	color: #FD9620;
	}

/*our fleet*/

.grayBG {
	background: #F9F9F9;
	}

.fleet-fitler {
	margin-bottom: 40px;
	}

.filter-select-box {
	position: relative;
	display: block;
	margin: 0px 0px 15px;
	}

.filter-select-box .NiceSelect {
	vertical-align: top;
	display: inline-block;
	}

.filter-select-box .nice-select {
	height: auto;
	font-size: 15px;
	font-weight: 500;
	color: #0B3150;
	border-radius: 5px;
	border: 1px solid #696969;
	padding: 17px 25px 17px 50px;
	background: #F9F9F9 !important;
	}

.filter-select-box .nice-selected .nice-select .current {
	color: #0B3150;
	font-weight: 500;
	text-transform: uppercase;
	}

.filter-select-box .nice-select .current {
	text-transform: uppercase;
	}

.filter-select-box .nice-select::after {
	left: 25px;
	right: auto;
	font-size: 13px;
	color: #0B3150;
	content: '\f885';
	}

.filter-select-box .nice-select.open::after {
	content: '\f885';
	}

.filter-select-box .nice-select .option:hover,
.filter-select-box .nice-select .option.focus,
.filter-select-box .nice-select .option.selected.focus {
	color: #ffffff;
	background: #FD9620;
	}

.fleet-itemBox {
	margin-bottom: 30px;
	}

.fleet-itemBox a {
	position: relative;
	display: block;
	color: #696969;
	padding: 20px 20px;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 5px 10px #efefef;
	}

.fleet-itemBox a .row .col-md-5 {
	width: 45%;
	}

.fleet-itemBox a .row .col-md-7 {
	width: 55%;
	}

.fleetPic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 96.66%;
	}

.fleetPic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.fleetPic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.fleet-table {
	width: 100%;
	margin-bottom: 20px;
	}

.fleet-table tr td,
.fleet-table tr th {
	padding: 2px 0px;
	}

.fleet-table tr th {
	color: #0B3150;
	font-weight: 600;
	}

.fleet-downloadBtn {
	color: #0B3150;
	font-weight: 500;
	text-transform: uppercase;
	}

.fleet-downloadBtn img {
	margin-top: -3px;
	}

.fleet-itemBox a:hover .fleet-downloadBtn {
	color: #FD9620;
	}

/*sustainability*/

.sustainability-top-container {
	padding: 100px 0px;
	}

.sustainability-content {
	padding-left: 50px;
	}

.sustainability-content .customLink-tabs {
	margin-bottom: 20px;
	}

.framework-section {
	padding: 120px 0px;
	background: #F9F9F9;
	}

.pillars-section {
	padding: 120px 0px 100px;
	}

.tabStyle1 {
	font-family: 'Poppins', sans-serif;
	border: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px;
	padding: 20px 0px 0px;
	}

.tabStyle1 li {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 30px;
	}

.tabStyle1 li a {
	font-size: 24px;
	text-align: left;
	font-weight: 500;
	padding: 0px 0px;
	line-height: normal;
	border: none !important;
	color: rgba(0, 0, 0, 0.4) !important;
	}

.tabStyle1 li a:hover,
.tabStyle1 li a.active {
	color: #FD9620 !important;
	background: transparent !important;
	}

.pillars-banner,
.pillarsTab-box {
	margin-bottom: 30px;
	}

.pillars-banner img {
	width: 100%;
	border-radius: 5px;
	}

.pillars-iconBox {
	width: 100%;
	height: 100%;
	color: #000A2D;
	padding: 20px 20px;
	text-align: center;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 2px 10px #efefef;
	}

.pillarsTab-icon {
	position: relative;
	display: flex;
	width: 66px;
	height: 66px;
	align-items: center;
	border-radius: 100px;
	margin: 0px auto 12px;
/*	background: #0B3150;
*/	justify-content: center;
	}

.steering-section {
	padding: 120px 0px 80px;
	background: #0B3150;
	}

.steering-section .pageTitle {
	color: rgba(255, 255, 255, 0.7);
	}

.steering-itemBox {
	margin-bottom: 30px;
	}

.steering-itemBox a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	}

.steering-pic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 114.28%;
	}

.steering-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.steering-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.steering-mask-container {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	color: #ffffff;
	padding: 40px 40px;
	}

.steering-mask-container h3 {
	color: #ffffff;
	font-weight: 500;
	padding-bottom: 10px;
	}

.steering-readMore {
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.steering-itemBox a:hover .steering-readMore {
	text-decoration: underline;
	}

.steeringModal-Box .modal-dialog {
	max-width: 800px;
	}

.steeringModal-Box .modal-body {
	padding: 50px 50px;
	}

.steeringModal-Box .modal-body p {
	margin-bottom: 10px;
	}

.steeringModal-heading {
	margin-bottom: 30px;
	}

.steering-peopleBox  {
	color: #0B3150;
	text-transform: uppercase;
	}

.steering-peopleBox h3 {
	font-weight: 500;
	padding-bottom: 5px;
	}

.journeyVideo-section {
	padding: 120px 0px;
	background-repeat: no-repeat;
	background-position: center center;
	}

.sustJourney-video {
	background: #0B3150;
	}

.sustJourney-video .pageTitle,
.sustJourney-video .pageTitle h2 {
	color: #ffffff;
	}
.initiatives-section {
	background: #F9F9F9;
	padding: 120px 0px 100px;
	background-repeat: no-repeat;
	background-position: center bottom;
	}

.initiatives-itemBox {
	border-radius: 5px;
	margin-bottom: 30px;
	background: #ffffff;
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.06);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.initiatives-itemBox:hover {
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.26);
	}

.initiatives-itemBox a {
	position: relative;
	display: block;
	color: #696969;
	overflow: hidden;
	border-radius: 5px;
	background: #ffffff;
	}

.initiatives-pic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	padding-bottom: 43.73%;
	}

.initiatives-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.initiatives-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}
	
.initiatives-content {
	padding: 30px 40px;
	border-radius: 0px 0px 5px 5px;
	}

.initinativeTabs {
	position: relative;
	display: flex;
	margin: 0px -5px 10px;
	}

.initinativeTabs .initinativeTabs-box {
	position: relative;
	display: block;
	font-size: 14px;
	color: #0B3150;
	line-height: 16px;
	border-radius: 30px;
	margin: 0px 5px 10px;
	padding: 7px 15px 5px;
	border: 1px solid #0B3150;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.initinativeTabs .initinativeTabs-box:hover,
.initinativeTabs-box.active {
	color: #ffffff;
	background: #FD9620;
	border-color: #FD9620;
	}
	
.initiatives-content h4 {
	padding: 0px 0px;
	font-weight: 500;
	margin-bottom: 20px;
	letter-spacing: normal;
	}

.initiatives-itemBox a:hover .initiatives-content h4 {
	text-decoration: underline;
	}
	
.rightSM-initiatives .initiatives-pic-container {
	padding-bottom: 115%;
	}

.rightSM-initiatives .initiatives-content {
	padding: 20px 30px;
	}

.initiatives-filter {
	margin-bottom: 30px;
	}

.initiatives-listing {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px 20px;
	}

.initiatives-listing>.initiatives-grid {
	position: relative;
	display: block;
	width: 33.3333%;
	padding: 0px 15px 30px;
	}

.initiatives-grid .initiatives-pic-container {
	padding-bottom: 68.87%;
	}

.initiatives-grid .initiatives-itemBox {
	height: 100%;
	margin: 0px 0px;
	}

.initiatives-grid .initiatives-content {
	padding: 20px 30px;
	}

.initiatives-select-box .nice-select {
	border: none;
	height: auto;
	font-size: 18px;
	font-weight: 500;
	color: #0B3150;
	padding: 0px 40px 0px 0px;
	background: transparent !important;
	}

.initiatives-select-box .nice-selected .nice-select .current {
	font-size: 18px;
	font-weight: 500;
	}

.initiatives-select-box {
	margin-bottom: 15px;
	}

.sustainability-main-container {
	padding: 100px 0px;
	}

.sustaGroup-heading {
	margin-bottom: 30px;
	}

.sustaGroup-heading .initinativeTabs,
.sustaGroup-heading .sustaGroup-social-media ul {
	justify-content: center;
	}

.sustaGroup-heading .pageTitle {
	padding-bottom: 30px;
	}

.sustaGroup-box {
	margin-bottom: 50px;
	}

.sustaGroup-box h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: normal;
	}
		
.sustaGroup-banner img {
	width: 100%;
	border-radius: 5px;
	}

ul.case-pagiLink {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px -15px;
	list-style-type: none;
	}

ul.case-pagiLink>li {
	line-height: 1;
	padding: 0px 15px;
	border-right: 1px solid #D9D9D9;
	}
	
ul.case-pagiLink>li:last-child {
	border: none;
	}

.caseUrl-btn {
	position: relative;
	display: block;
	}

.caseUrl-btn a {
	position: relative;
	color: #000A2D;
	font-size: 16px;
	font-weight: 400;
	}

.caseUrl-btn a:hover {
	color: #FD9620;
	}

.sustaGroup-social-media {
	position: relative;
	display: block;
	}

.sustaGroup-social-media h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000A2D;
	font-weight: 400;
	padding-bottom: 0px;
	letter-spacing: normal;
	}
	
.sustaGroup-social-media ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px -10px;
	list-style-type: none;
	}
	
.sustaGroup-social-media ul li {
	padding: 0px 10px;
	}

.sustaGroup-social-media ul li a {
	position: relative;
	display: block;
	font-size: 14px;
	color: #696969;
	}

.sustaGroup-social-media ul li a:hover {
	color: #FD9620;
	}

.initiDetails-section {
	background: #F9F9F9;
	padding: 100px 0px 60px;
	background-repeat: no-repeat;
	background-position: center bottom;
	}

/*tenders*/

.tenders-filter {
	margin-bottom: 35px;
	}

.tenderYear-filter>ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px -22px;
	list-style-type: none;
	}

.tenderYear-filter>ul>li {
	padding: 0px 22px 15px;
	}

.tenderYear-filter>ul>li>a {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 10px;
	color: rgba(0, 10, 45, 0.7);
	border-bottom: 2px solid transparent;
	}

.tenderYear-filter>ul>li>a:hover,
.tenderYear-filter>ul>li.active>a {
	color: #000A2D;
	border-color: #000A2D;
	}

.tenders-searchBox {
	max-width: 220px;
	margin-bottom: 15px;
	}

.tenders-searchBox .form-control {
	height: 54px;
	border-radius: 5px;
	padding: 15px 50px 15px 20px;
	border: 1px solid #D2D2D2;
	}
	
.tenders-searchBox .search-btn {
	position: absolute;
	top: 13px;
	right: 18px;
	border: none;
	background: transparent;
	}

.tenders-searchBox .search-btn img {
	max-width: 20px;
	}

.tenders-section {
	margin-bottom: 50px;
	}

.tenders-section table thead tr th {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	min-width: 250px;
	padding: 15px 30px;
	background: #0B3150;
	vertical-align:middle;
	}

.tenders-section table tbody tr th,
.tenders-section table tbody tr td {
	color: #696969;
	padding: 30px 30px;
	}

.tenders-section table tbody tr th {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #0B3150;
	}

.tenders-section table tbody tr td p {
	margin-bottom: 10px;
	}
	
.tenders-section table tbody tr td a {
	color: #696969;
	text-decoration: underline;
	}

.tenders-section table tbody tr td a:hover {
	color: #FD9620;
	}

/*News Notice*/

.metaColor1 {
	border-color: #00aec4 !important;
	background-color: #00aec4 !important;
	}

.metaColor2 {
	border-color: #80ffb8 !important;
	background-color: #80ffb8 !important;
	}

.metaColor3 {
	border-color: #00d8c2 !important;
	background-color: #00d8c2 !important;
	}


.newsCustom-tabs {
	margin: 0px 0px 50px;
	}

ul.customLink-tabs {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -7px;
	padding: 0px 0px;
	list-style-type: none;
	}

ul.customLink-tabs>li {
	position: relative;
	display: block;
	padding: 0px 7px 15px;
	}

ul.customLink-tabs>li>a {
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #0B3150;
	min-width: 100px;
	text-align: center;
	padding: 14px 30px;
	border-radius: 50px;
	background: #ffffff;
	border: 1px solid #0B3150;
	}

ul.customLink-tabs>li>a:hover,
ul.customLink-tabs>li.active>a {
	color: #ffffff !important;
	background: #FD9620 !important;
	border-color: #FD9620 !important;
	}

.newsListing-section {
	margin-bottom: 60px;
	}

.newsListing-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	}

.newsListing-item a {
	position: relative;
	display: block;
	padding: 22px 30px 22px 0px;
	}

.newsDate-box {
	font-size: 16px;
	min-width: 220px;
	color: #696969;
	}

.newsListing-item a h6 {
	padding: 0px 0px;
	font-weight: 500;
	letter-spacing: normal;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.newsListing-item a:hover h6 {
	color: #FD9620;
	}

a:hover .newsDownload-btn img,
.fleet-itemBox a:hover .fleet-downloadBtn img,
.serviceModal-item ul.ul-listing li a:hover img {
	filter: invert(69%) sepia(30%) saturate(2530%) hue-rotate(342deg) brightness(99%) contrast(101%);
	}

/*Career*/

.careerTop-section {
	background: #F9F9F9;
	padding: 120px 0px 80px;
	}

.careerCount-box {
	color: #000A2D;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	}

.careerCount-box h3 {
	line-height: 1;
	font-size: 48px;
	color: #FD9620;
	padding-bottom: 30px;
	}

.careerCulture-container {
	padding: 120px 0px;
	}

.cultureListing {
	padding: 0px 0px 80px;
	}	

.cultureListing .row .col-lg-4,
.cultureListing .row .col-lg-6 {
	margin-bottom: 30px;
	}

.careerCulture-heading .text-center p {
	text-align: center;
	}

.culture-itemBox {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	color: #696969;
	text-align: center;
	border-radius: 5px;
	background: #F9F9F9;
	padding: 60px 45px 45px;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	}

.culture-iconBox {
	position: relative;
	display: flex;
	width: 80px;
	height: 80px;
	flex-wrap: wrap;
	border-radius: 80px;
	align-items: center;
	margin: 0px auto 10px;
	background: #0B3150;
	justify-content: center;
	}

.culture-itemBox h4 {
	font-weight: 500;
	padding: 0px 0px;
	margin-bottom: 10px;
	}

.culture-itemBox h4 br {
	display: block;
	}

.careerEquity-content {
	padding-left: 80px;
	}

.career-marineSection {
	background: #0B3150;
	padding: 120px 60px 80px;
	background-repeat: no-repeat;
	background-position: center left;
	}

.psaMarine-pic-container {
	position: relative;
	display: block;
	height: 0px;
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 100%;
	}

.psaMarine-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.psaMarine-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.lifePSA-section {
	max-width: 850px;
	padding-left: 15px;
	}

.lifePSA-box {
	position: relative;
	display: block;
	border-radius: 5px;
	background: #ffffff;
	}

.lifePSA-pic-container {
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	padding-bottom: 115.00%;
	border-radius: 5px 0px 0px 5px;
	}

.lifePSA-pic-container figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.lifePSA-pic-container img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.lifePSA-content {
	position: relative;
	display: block;
	font-size: 18px;
	color: #0B3150;
	margin: 0px auto;
	max-width: 360px;
	padding: 30px 15px;
	}

.lifePSA-content::before {
	position: absolute;
	top: 20px;
	left: -25px;
	content: '';
	width: 29px;
	height: 23px;
	background-image: url(../images/quote-icon.png);
	background-repeat: no-repeat;
	}

.lifePSA-content::after {
	position: absolute;
	content: '';
	width: 29px;
	right: -25px;
	height: 23px;
	bottom: 100px;
	rotate: 180deg;
	background-image: url(../images/quote-icon.png);
	background-repeat: no-repeat;
	}

.lifePSA-userBox {
	position: relative;
	display: block;
	font-size: 14px;
	color: #696969;
	}

.lifePSA-userBox h6 {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 10px;
	letter-spacing: normal;
	}

.lifePSA-slider .slick-dots li {
	background: #ffffff;
	border: 1px solid #ffffff;
	}

.careerOpportunitie-section {
	padding: 120px 0px 80px;
	background-repeat: no-repeat;
	background-position: bottom left;
	}

.careerOpportunitie-section .exrange-pic-container {
	padding-bottom: 100%;
	}

.career-mainSlider {
	margin-bottom: 50px !important;
	}

.careerMain-pic-container img {
	width: 100%;
	border-radius: 5px 0px 0px 5px;
	}

.careerMain-contentBox {
	position: relative;
	display: block;
	border-radius: 5px;
	background: #ffffff;
	}

.careerMain-info {
	font-size: 16px;
	padding: 20px 30px 20px 15px;
	}

.exploreSupport-section {
	padding: 120px 0px;
	background: #0B3150;
	}

.careerApply-section {
	padding: 120px 0px 100px;
	}

.careerApply-pic img {
	width: 100%;
	border-radius: 5px;
	}

.careerApply-form {
	padding-left: 20px;
	}

.careerApply-form .form-group {
	margin-bottom: 30px;
	}

.careerApply-form .form-check label {
	font-size: 12px;
	color: #000A2D;
	}

.uploadFile {
	width: 100%;
	resize: none;
	font-size: 16px;
	overflow: hidden;
	min-height: 40px;
	color: #000A2D;
	line-height: 20px;
	position: relative;
	border-radius: 0px;
	background-color: #ffffff;
	border: 1px solid #C7C7C7;
	border-width: 0px 0px 1px 0px;
	padding: 10px 160px 15px 0px;
	}

.uploadFile:before{
	top: 5px;
	right: 5px;
	width: 100px;
	height: 35px;
	color:#000000;
	font-size: 15px;
	font-weight: 500;
	position: absolute;
	border-radius: 5px;
	align-items: center;
	display: inline-flex;
	letter-spacing: 0.8px;
	background: transparent;
	content: 'Browse';
	justify-content: center;
	border: 1px solid #787878;
	}

.uploadFile a {
	color: #001540;
	}

.uploadFile [type=file] {
	top: 0px;
	opacity: 0;
	z-index: 1;
	right: 0px;
	display: block;
	min-width: 100%;
	font-size: 999px;
	min-height: 100%;
	text-align: right;
	position: absolute;
	filter: alpha(opacity=0);
	cursor: pointer !important;
	}

.uploadFile:hover,.uploadFile:focus,
.inputfile:hover,.inputfile:focus{
	background: #ffffff;
	border-color:#0B3150;
	}

.uploadFile span.wpcf7-form-control-wrap {
	position: absolute;
	inset: 0px;
	z-index: 1;
	}

/* Contact Us */

.contactForm {
	max-width: 550px;
	margin: 0px auto;
	padding: 120px 15px 100px;
	}

.contactForm .form-check,
.careerApply-form .form-check {
	padding-left: 25px;
	}

.contactForm .form-check input,
.careerApply-form .form-check input {
	width: 16px;
	height: 16px;
	margin-top: 5px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	}

.contactForm .form-check label {
	font-size: 12px;
	color: #000A2D;
	}

.contactAccordion {
	background: #0B3150;
	}

.contactAccordion-box {
	padding: 120px 15px 100px;
	}

.accBox-group {
	max-width: 700px;
	margin: 0px auto;
	}

.accordion-item {
	overflow: hidden;
	box-shadow: none;
	margin-bottom: 20px;
	background: #ffffff;
	border: none !important;
	border-radius: 5px 5px !important;
	box-shadow: 0px 0px 10px #00000029 !important;
	}

.accordion-button {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: 600;
	line-height: normal;
	background: #ffffff;
	border: 1px solid #ffffff;
	padding: 17px 40px 17px 25px;
	border-radius: 5px 5px 0px 0px !important;
	}
		
.accordion-button:not(.collapsed) {
	box-shadow: none;
	color: #ffffff;
	background: #FD9620;
	border-color: #FD9620;
	border-radius: 5px 5px 0px 0px !important;
	}

.accordion-button::after {
	font-family: 'Font Awesome 6 Free';
	width: auto;
	height: auto;
	content: '\2b';
	font-size: 18px;
	font-weight: 700;
	margin-right: -25px;
	background-repeat: no-repeat;
	background-image: none !important;
	}

.accordion-button:not(.collapsed)::after {
	content: '\f068';
	}

.accordion-body {
	position: relative;
	display: block;
	color: #000A2D;
	background: #ffffff;
	padding: 40px 30px 30px;
	}

.accordion-body ul.ul-listing, 
.accordion-body ol.ol-listing,
.accordion-body ul,
.accordion-body ol {
	color: #000A2D;
	text-align: justify;
	}

.contactAddress-Box h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: normal;
	}

ul.contactAddress-ul {
	margin: 0px 0px;
	padding: 0px 0px;
	list-style-type: none;
	}	

ul.contactAddress-ul li {
	position: relative;
	display: block;
	font-size: 16px;
	color: #000A2D;
	padding: 0px 0px 20px 34px;
	}

ul.contactAddress-ul li:last-child {
	padding-bottom: 0px;
	}

ul.contactAddress-ul li i {
	position: absolute;
	top: 6px;
	left: 0px;
	z-index: 1;
	color: #FD9620;
	}

ul.contactAddress-ul li p {
	margin: 0px 0px;
	}

ul.contactAddress-ul li a {
	color: #000A2D;
	text-decoration: underline;
	}

ul.contactAddress-ul li a:hover {
	color: #FD9620;
	}

.map-container {
	position: relative;
	display: block;
	width: auto;
	height: 800px;
	/* overflow: hidden; */
	border-radius: 0px;
	}

.map-container iframe {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
	}

/* Content Style */

.inner-banner {
	position: relative;
	width: 100%;
    padding: 0px;
	display: block;
	margin: 0px auto 0px;
	}

.inner-banner figure {
	position: relative;
	display: block;
	width: 100%;
    padding: 0px;
	overflow: hidden;
	margin: 0px auto;
	}
	
.inner-banner figure::before {
	position: absolute;
	inset: 0px;
	z-index: 1;
	content: '';
	background: rgba(0, 0, 0, 0.35);
	}

.inner-banner figure img {
    position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	min-height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.inner_banner_caption {
	position: absolute;
	z-index: 7;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
    }

.inner_banner_caption .captionWrapper {
    position: relative;
	display: table;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	}
	
.inner_banner_caption .captionContainer {
    position: relative;
	padding: 0px;
	display: table-cell;
	vertical-align: middle;
	}
	
.inner_banner_caption .captionContainerInner {
	position: relative;
	display: block;
	margin: 0px;
	width: 100%;
	font-size: 24px;
	color: #ffffff;
	}

.inner_banner_caption .captionContainer .innerBannerHeading1 {
	color: #ffffff;
	font-size: 80px;
	line-height: 1.1;
	font-weight: 200;
	padding-bottom: 45px;
	text-transform: none;
	letter-spacing: -1px;
	}
	
.breadcrumb-container {
	font-family: 'Poppins', sans-serif;
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 0px;
	background: #F1F1F1;
	}

.breadcrumb-container ul {
	position: relative;
	display: block;
	color: #000A2D;
	font-size: 0px;
	font-weight: 600;
	margin: 0px auto;
	padding: 0px 0px;
	text-transform: none;
	list-style-type: none;
	}

.breadcrumb-container ul li {
	position: relative;
	line-height: 24px;
	font-size: 16px;
	margin: 0px 0px;
	padding: 0px 0px;
	display: inline-block;
	vertical-align: bottom;
	}

.breadcrumb-container ul li:first-child {
	text-shadow: none;
	}

.breadcrumb-container ul li a {
	position: relative;
	display: block;
	margin: 0px 0px;
	padding: 0px 0px;
	font-weight: 400;
	overflow: hidden;
	line-height: 24px;
	color: rgba(0, 10, 45, 0.7);
	}

.breadcrumb-container ul li a:after {
	font-size: 14px;
	content: '/';
	margin: 0px 15px;
	line-height: normal;
	display: inline-block;
	vertical-align: baseline;
	color: rgba(0, 10, 45, 0.7);
	}

.breadcrumb-container ul li a:hover,
.breadcrumb-container ul li.selected a {
	color: rgba(0, 10, 45, 1);
	}

.breadcrumb-container.noBanner ul li a {
	padding-left: 20px;
	}

.breadcrumb-container.noBanner ul li a:after {
    font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 5px;
	left: 0px;
	margin: 0px 0px;
	content: '\f104';
	font-weight: 700;
	}

/* Pagination */

.pagination-row {
    justify-content: center;
    }
	
/* Pagination */

.pagination, .page-item .page-link {
	border-radius: 0px 10px !important;
	}
	
.page-item:first-child .page-link {
	}
	
.page-item:last-child .page-link {
	}

.pagination {
    flex-wrap: wrap;
    margin: 0px -10px;
	align-items: center;
    }
	
.page-item {
    font-weight: 500;
	margin: 0px 10px;
	font-size: 16px;
	}
	
.page-link {
	position: relative;
	display: block;
	color: #000A2D;
	width: auto;
	height: auto;
	padding: 0px;
    border: none;
    font-weight: 500;
	margin: 0px auto;
	line-height: normal;
	text-align: center;
	background: transparent;
    border-radius: 0px 0px;
	}

.page-item.page-prev {
	margin-right: 15px;
	}

.page-item.page-next {
	margin-left: 15px;
	}

.page-item.page-prev .page-link,
.page-item.page-next .page-link {
    color: #000A2D;
	font-size: 16px;
    background: transparent;
	}
	
.page-item.disabled .page-link {
	opacity: 0.1;
	}
	
.whitePagination .page-item.page-prev .page-link,
.whitePagination .page-item.page-next .page-link,
.whitePagination .page-link {
    color: #ffffff;
	}

.page-link:hover,
.page-link:focus,
.page-item.active .page-link {
	color: #FD9620;
    background: transparent;
	text-decoration: underline !important;
	}
	
.page-item.page-prev .page-link:hover,
.page-item.page-prev .page-link:focus,
.page-item.page-prev.active .page-link,
.page-item.page-next .page-link:hover,
.page-item.page-next .page-link:focus,
.page-item.page-next.active .page-link {
	color: #FD9620;
    background: transparent;
	text-decoration: underline !important;
	}

.pageTitle {
	position: relative;
	display: block;
    width: 100%;
	font-size: 16px;
	color: #696969;
	margin: 0px auto;
	padding: 0px 0px 40px;
	}
	
.pageTitle h1,
.pageTitle h2,
.pageTitle h3,
.pageTitle h4,
.pageTitle h5,
.pageTitle h6,
.pageTitle1 h1,
.pageTitle1 h2,
.pageTitle1 h3,
.pageTitle1 h4,
.pageTitle1 h5,
.pageTitle1 h6 {
	padding-bottom: 0px;
	}

.pageTitle h1,
.pageTitle h2 {
	font-size: 48px;
	color: #000A2D;
	line-height: 1.2;
	letter-spacing: -1px;
	}

.whiteTitle {
	color: rgba(255, 255, 255, 0.7);
	}

.whiteTitle h2 {
	color: #ffffff;
	}

.uppercase {
	text-transform: uppercase !important;
	}
	
.NoUppercase {
	text-transform: none !important;
	}
	
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Poppins', sans-serif;
	position: relative;
	font-size: 48px;
	margin: 0px 0px;
	color: #000A2D;
	line-height: 1.3;
	font-weight: 300;
	letter-spacing: -1px;
	text-transform: none;
	padding: 0px 0px 20px;
	}

.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #cacaca;
	}
	
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
	font-weight: 700;
	}
	
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
	}
	
h2, .h2 {
	font-size: 48px;
	}
	
h3, .h3 {
	font-size: 32px;
	}
	
h4, .h4 {
	font-size: 24px;
	}
	
h5, .h5 {
	font-size: 20px;
	}

h6, .h6 {
	font-size: 18px;
	}

p {
    margin: 0 0 20px;
	line-height: 1.6;
	text-align:justify;
	}

p:last-child {
	margin: 0px 0px;
	}

p[align=center] {
    text-align: center !important;
    }

p[align=left] {
    text-align: left !important;
    }

p[align=right] {
    text-align: right !important;
    }

ul.ul-listing,
ol.ol-listing {
	display: block;
	padding: 0px;
	width: 100%;
	color: #696969;
	font-size: 16px;
	margin: 0px 0px;
	text-align: left;
	font-weight: 400;
	list-style-position: inside;
	}
	
ul.ul-listing.text-center,
ol.ol-listing.text-center {
	text-align: center;
	}
	
ul.ul-listing li {
	position: relative; 
	list-style-type: none;
	padding: 2px 0px 2px 20px;
	}
	
ul.ul-listing li:before {
    font-family: 'Font Awesome 6 Free';
	position: absolute;
    content: '';
	left: auto;
    border: 0;
	top: 12px;
	width: 5px;
	height: 5px;
	color: #ffffff;
    font-size: 13px;
	font-weight: 900;
	overflow: hidden;
	margin-left: -20px;
    border-radius: 100%;
    background: #000000;
	}
	
ul.ul-listing li p {
	margin-bottom: 0px;
	}

ul.ul-listing ul {
	margin: 10px 0px 0px;
	}
	
ol.ol-listing {
	padding: 0px 0px 0px 15px;
	list-style-position: outside;
	}
	
ol.ol-listing li {
	line-height: 24px;
    margin-bottom: 10px;
	list-style-type: decimal;
	padding: 2px 0px 2px 0px;
	}
	
ol.ol-listing li ul.ul-listing li {
	list-style-type: none;
	}

.details-container {
    position: relative;
    display: block;
    padding: 0px;
    margin: 0px auto;
    }
	
.imgLeft {
	position: relative;
	float: left;
	width: auto;
    height: auto;
	max-width: 100%;
	clear: left !important;
	margin: 5px 40px 40px 0px;
	}
	
.imgRight {
	position: relative;
	float: right;
	width: auto;
    height: auto;
	max-width: 100%;
	clear: right !important;
	margin: 5px 0px 40px 40px;
	}
	
/* Slick Slider */

.slick-dotted.slick-slider {
	margin-bottom: 0px;
	}
	
.slick-slide > div {
	position: relative;
	display: block;
	padding: 0px;
    margin: 0px;
    font-size: 0px;
	}
	
.slick-slide img {
	display: inline-block;
	}
	
.slick-prev,
.slick-next {
	background: none;
	display: flex;
	z-index: 5;
	width: auto;
	height: auto;
	font-size: 20px;
	color: rgba(256, 256, 256, 0.5);
	align-items: center;
    border-radius: 0px;
	background: transparent;
	justify-content: center;
	border: 1px solid transparent;
	-webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
	}
	
.slick-prev {
	left: -50px;
	}
	
.slick-next {
	right: -50px;
	}

.slick-prev:before,
.slick-next:before {
	display: none;
	}
	
.slider-nav {
	margin-left: 0px;
	margin-right: 0px;
	}
	
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: #FD9620 !important;
	background: transparent;
	border-color: transparent;
	-webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
	}

.slick-dots {
    width: 100%;
	z-index: 5;
	left: 0%;
	bottom: -50px;
	font-size: 0px;
	margin: 0px auto 0px;
	}
	
.slick-dots li {
    position: relative;
	width: 11px;
	height: 11px;
	margin: 0px 5px;
	overflow: hidden;
	border-radius: 100%;
	background: #A7A7A7;
	border: 1px solid #A7A7A7;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	}
	
.slick-dots li:hover,
.slick-dots li.slick-active {
	background: #FD9620;
    border-color: #FD9620;
	}
	
.slick-dots li button {
    position: absolute;
    display: block;
	padding: 0px;
	width: 100%;
	height: 100%;
	}

.slick-dots li:hover button,
.slick-dots li:focus button,
.slick-dots li.slick-active button {
	opacity: 1;
	}

.slick-dots li button:before {
	line-height: 11px;
	font-size: 0px;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 100%;
	background: transparent;
    -webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}
	
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before {
	opacity: 1;
	background: #FD9620;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	}

/* Link Button */

.link-btn,
.link-btn1 {
	z-index: 1;
    padding: 0px;
	display: block;
	font-size: 15px;
	position: relative;
	margin: 0px auto 0px;
	}

.link-btn a,
.link-btn1 a {
	position: relative;
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	min-width: 160px;
	line-height: 24px;
	padding: 14px 30px;
	border-radius: 50px;
	vertical-align: top;
	letter-spacing: 1px;
	display: inline-block;
	background: #0B3150;
	border: 1px solid #0B3150;
	text-decoration: none !important;
	}

.link-btn1 a {
	color: #0B3150;
	border-color: #0B3150;
	background: transparent;
	}

.link-btn a:hover,
.link-btn1 a:hover {
	color: #ffffff;
	background: #FD9620;
	border-color: #FD9620;
	}

.photoContainer {
	position: relative;
	display: block;
	width: 100%;
    overflow: hidden;
	margin: 0px 0px 30px;
	}

.photoContainer img {
	position: relative;
	display: block;
	width: 100%;
	}

/* Footer Styles */

.footer-wrapper {
    position: relative;
    width: 100%;
    display: block;
    margin: 0px auto;
    padding: 0px 0px;
    max-width: 1920px;
	background: #0B3150;
	}

/* Footer Top */

.footer-top {
    position: relative;
    display: block;
	color: #ffffff;
	font-size: 16px;
	overflow: hidden;
	line-height: 24px;
    padding: 100px 0px 70px;
	}
	
.footer .row {
	position: relative;
	justify-content: space-between;
	}

.footer a {
    color: #ffffff;
	}

.footer a:hover,
ul.footer-nav li.selected a,
ul.footer-nav.footer-bigNav li a:hover,
ul.footer-nav.footer-bigNav li.selected a {
    color: #FD9620;
	}
	
.footer p {
	text-align: inherit;
	}

.ftcol {
	position: relative;
	float: left;
	width: auto;
    max-width: 25%;
	padding: 0px 15px;
	}

.ftcol2 {
	min-width: 400px;
	}

/* Footer Head */
	
.footer-head {
	font-family: 'Poppins', sans-serif;
	position: relative;
	display: block;
	font-size: 24px;
    color: #ffffff;
    font-weight: 500;
	margin: 0px 0px 20px;
	}

/* Footer Contact Info Box */

.footer-contact-info-box {
    position: relative;
	display: block;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 60px;
	}

.footer-location,
.footer-linkBox {
    position: relative;
    display: block;
	text-align: left;
    line-height: 26px;
    margin: 0px 0px 20px;
    padding: 0px 0px 0px 30px;
    color: rgba(255, 255, 255, 0.7);
	}
	
.footer-linkBox a {
    color: rgba(255, 255, 255, 0.7);
	}
	
.footer-linkBox a:hover {
	color: #FD9620;
	text-decoration: underline;
	}

.footer-contact-info-box .footer-location i,
.footer-contact-info-box .footer-linkBox i {
	position: absolute;
	top: 6px;
	left: 0px;
	font-size: 14px;
	color: #FD9620;
	}

/* Footer Nav */

ul.footer-nav {
    position: relative;
	display: block;
	padding: 0px;
	font-size: 16px;
	margin: 0px 0px;
	list-style-type: none;
	}

ul.footer-nav li {
    position: relative;
	display: block;
	margin: 0px auto 18px;
	}

ul.footer-nav li a {
	position: relative;
	display: block;
	line-height: 20px;
	padding-left: 20px;
	color: rgba(255, 255, 255, 0.7);
	}
	
ul.footer-nav li a::before {
	font-family: "Font Awesome 6 Free";
	position: absolute;
	border: none;
	top: 0px;
	left: 0px;
	content: '';
	font-size: 14px;
	content: "\f105";
	color:#FD9620;
	font-weight: 700;
	}
	
ul.footer-nav.footer-bigNav {
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 500;
	}
	
ul.footer-nav.footer-bigNav li {
	margin: 0px auto 28px;
	}

ul.footer-nav.footer-bigNav li a {
	color: #ffffff;
	padding-left: 0px;
	}

.footer-bigNav li a::before {
	display: none;
	}

ul.footSocial-media {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px -4px;
	}

ul.footSocial-media>li {
	position: relative;
	display: block;
	padding: 0px 4px 10px;
	}

ul.footSocial-media>li>a {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 14px;
	color: #ffffff;
	line-height: 34px;
	position: relative;
	text-align: center;
	border: 1px solid rgba(128, 128, 128, 1);
	border-radius: 50px;
	}

ul.footSocial-media>li>a:hover {
	color: #ffffff;
	background: #FD9620;
	border-color: #FD9620;
	}

.ftcol4 .footer-head {
	margin: 0px 0px 27px;
	}

.footIcon-box {
	position: relative;
	display: block;
	padding-top: 10px;
	}

.footIcon-box img {
	max-height: 110px;
	}
/* Footer Bottom */

.footer-bottom {
    position: relative;
    display: block;
	font-size: 16px;
	overflow: hidden;
	padding: 30px 0px;
	background: #000000;
	color: rgba(256, 256, 256, 0.5);
	}

/* Copyright */

.copyright {
	position: relative;
	display: block;
	color: #ffffff;
	font-weight: 400;
	margin: 0px auto;
    line-height: 20px;
	}

ul.moreFoot-nav {
	display: flex;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px -15px;
	list-style-type: none;
	}

ul.moreFoot-nav li {
	position: relative;
	display: block;
	line-height: 18px;
	padding: 0px 15px;
	border-right: 1px solid #ffffff;
	}

ul.moreFoot-nav li:last-child {
	border: none;
	}

ul.moreFoot-nav li a {
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	}

.zindex2 {
	z-index: 2;
	}

/* Nice Select */

.NiceSelect {
	position: relative;
	display: flex;
	}

.NiceSelect span {
	width: 100%;
	}

.NiceSelect select {
	display: none;
	}

.nice-select {
	width: 100%;
    height: 40px;
    font-size: 16px;
	font-weight: 400;
    border-radius: 0px;
    line-height: normal;
    background: #FFFFFF;
	color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
	border-width: 0px 0px 1px 0px;
    padding: 15px 40px 0px 0px;
	}

.nice-select,
.nice-select .list {
	font-size: 16px;
	font-weight: 400;
	background: #ffffff;
	}

.nice-select.open, .nice-select:active, .nice-select:focus {
	border-color: #0B3150;
	background-color: #ffffff;
	}

.nice-select:hover {
	border-color: #0B3150;
	}

.nice-select .current {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: pre-wrap;
	}

.nice-selected .nice-select .current {
	opacity: 1;
	font-weight: 400;
	color: #0B3150;
	}

.nice-select:after {
	font-family: "Font Awesome 6 Free";
	position: absolute;
	border: none;
	top: 50%;
	right: 20px;
	width: auto;
	height: auto;
	color: #000000;
	display: block;
	line-height: 1;
	font-size: 14px;
	content: "\f107";
	font-weight: 900;
	pointer-events: none;
	margin: 0px !important;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transform: translateY(-50%) !important;
	}

.nice-select.open:after,
.nice-select:hover:after {
	color: #0B3150 !important;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	}

.nice-select.open:after {
	content: "\f106";
	}

.nice-select.open .list {
	opacity: 1;
	pointer-events: initial;
	transform: scale(1) translateY(0);
	}

.nice-select.disabled {
	opacity: 0.5;
	color: #ffffff;
	pointer-events: none;
	border-color: #ffffff;
	}

.nice-select.disabled:after {
	border-color: #ffffff;
	}

.nice-select .list {
	position: absolute;
	margin-top: 0px;
	opacity: 0;
	top: 100%;
	left: 0;
	z-index: 9999;
	min-width: 100%;
	overflow: hidden;
	padding: 0px 0px;
	overflow-y: auto;
	max-height: 300px;
	border-radius: 0px;
	pointer-events: none;
	box-sizing: border-box;
	transform-origin: 50% 0;
	background-color: #FAFAFA;
	transform: scale(0.75) translateY(-25px);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	}

.nice-select .list:hover .option:not(:hover) {
	color: #1d1d1d !important;
	background-color: transparent !important;
	}

.nice-select .option {
	font-weight: 400;
	cursor: pointer;
	outline: none;
	color: #1d1d1d;
	font-size: 16px;
	min-height: 40px;
	background: none;
	line-height: 30px;
	padding: 5px 20px;
	text-wrap: wrap;
	}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	color: #ffffff;
	background: #0B3150;
	}

.nice-select .option.selected {
	font-weight: 400;
	}

.nice-select .option.disabled {
	opacity: 0.5;
	color: #ffffff;
	cursor: default;
	background-color: transparent;
	}
	
.control-label {
	font-family: 'Poppins', sans-serif;
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #000A2D;
	line-height: 24px;
	margin-bottom: 0px;
	}

.form-control:disabled,
.form-control[readonly] {
	background-color: transparent;
	}

.google-recaptch {
	position: absolute;
	bottom: 170px;
	right: 0px;
	z-index: 1;
    margin-right: -12px;
	}

.required-field {
	color: #E40019;
	}

.form-group,
.form-check {
	padding: 0px;
	position: relative;
	margin-bottom: 40px;
	}
	
.form-control,
.form-custom-select,
.form-select {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 24px;
	border-radius: 0px;
	padding: 10px 0px 0px;
	background-image: none;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-width: 0px 0px 1px 0px;
	}

textarea.form-control {
	border-radius: 0px;
	height: auto !important;
	}

textarea {
	resize: none;
	}
	
.form-control:focus,
.form-control:hover {
	color: #000000;
	outline: none !important;
	border-color: #000A2D;
	background-color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	
.form-control::-webkit-input-placeholder, ::-webkit-input-placeholder {
	opacity: 0.5;
	color: #000000;
    font-weight: 400;
	}

.form-control:-moz-placeholder, :-moz-placeholder { /* Firefox 18- */
	opacity: 0.5;
	color: #000000;
    font-weight: 400;
	}

.form-control::-moz-placeholder, ::-moz-placeholder {  /* Firefox 19+ */
	opacity: 0.5;
	color: #000000;
    font-weight: 400;
	}

.form-control:-ms-input-placeholder, :-ms-input-placeholder {
	opacity: 0.5;
	color: #000000;
    font-weight: 400;
	}
	
.form-control:focus::-webkit-input-placeholder { color: transparent !important; }
.form-control:focus:-moz-placeholder { color: transparent !important; }
.form-control:focus::-moz-placeholder { color: transparent !important; }
.form-control:focus:-ms-input-placeholder { color: transparent !important; }

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button:hover, 
input[type=number]::-webkit-outer-spin-button:hover {
	-webkit-appearance: none;
	margin: 0;
	}
	
input[type="number"] {
	-moz-appearance: textfield;
	}

.btn-primary {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 16px;
	margin: 0px auto;
	min-width: 160px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	padding: 14px 30px;
	border-radius: 50px;
	background: #0B3150;
	text-transform: uppercase;
	border: 1px solid #0B3150;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	}

.btn-primary i {
	margin-left: 10px;
	}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { color: #ffffff; background: #FD9620; border-color: #FD9620; box-shadow: none !important; }
.btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background: #FD9620; border-color: #FD9620; opacity: 0.4; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #ffffff; background: #FD9620; border-color: #FD9620; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none !important; }


/* Thank You Container */

.thank-you-container,
.thank-you-container figure {
	position: relative;
	display: block;
	width: 100%;
	padding: 0px;
	overflow: hidden;
	margin: 0px auto;
	}

.thank-you-container figure img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.thank-you-container figure {
	z-index: 1;
	}
	
.thank-you-content-area {
	position: absolute;
	z-index: 5;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
    }
	
.thank-you-content-area .captionWrapper {
    position: relative;
	display: table;
	height: 100%;
	width: 100%;
	margin: 0px auto;
	}
	
.thank-you-content-area .captionContainer {
	padding: 0px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	}
	
.thank-you-content-area .thank-you-content {
	position: relative;
	display: block;
    width: 100%;
	font-size: 18px;
	color: #ffffff;
    max-width: 550px;
	margin: 0px auto;
	text-align: center;
	}
	
.thank-you-content h1 {
	line-height: 1.1;
	font-size: 80px;
	color: #ffffff;
	font-weight: 200;
	letter-spacing: -2px;
	padding-bottom: 30px;
	}

.thank-you-content p {
	max-width: 470px;
	margin: 0px auto 40px;
	}

/* Scroll To Top */
	
#toTop {
	text-decoration: none;
	position: fixed;
	display: none;
	bottom: 50px;
	right: 20px;
	width: 40px;
	height: 40px;
	border: none;
	z-index: 1001;
	text-indent: 100%;
	background: url(../images/ui.totop.png) 0px 0px no-repeat;
	overflow: hidden;
	}

#toTopHover {
	background: url(../images/ui.totop.png) 0px -40px no-repeat;
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	}

#toTop:active, #toTop:focus {
	outline: none;
	}
	
.mean-container a.meanmenu-reveal span {
	background: #0B3150;
	margin: 5px 0px 0px auto;
	}

.mean-container a.meanmenu-reveal {
	color: #0B3150;
	}

.mean-container .mean-nav {
	margin-top: 56px;
	}

.mean-container .mean-nav ul li:hover > a, .mean-container .mean-nav ul li.selected > a {
	color: #ffffff !important;
	background: #FD9620 !important;
	}

.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a, .mean-container .mean-nav ul li li li a {
	background: #0B3150;
	}

/**/

.header-searchBar {
	position: relative;
	display: block;
	}

.header-searchBar input {
	max-width: 300px;
	padding: 10px 40px 10px 0px;
	}

.headSearch-btn {
	position: absolute;
	top: 5px;
	right: 0px;
	border: none;
	outline: none;
	background: transparent;
	}

.headSearch-btn:hover img {
	filter: invert(69%) sepia(30%) saturate(2530%) hue-rotate(342deg) brightness(99%) contrast(101%);
	}
	
.tabStyle2 {
	font-family: 'Poppins', sans-serif;
	border: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px;
	padding: 20px 0px 0px;
	}

.tabStyle2 li {
	position: relative;
	display: block;
	margin: 0px 20px 10px 0px;
	}

.tabStyle2 li a.nav-link {
	font-size: 15px;
	margin: 0px 0px;
	text-align: left;
	font-weight: 500;
	min-width: 120px;
	line-height: 1.4;
	text-align: center;
	padding: 15px 30px;
	background: #ffffff;
	color: #FD9620 !important;
	border-radius: 30px !important;
	border: 1px solid #ffffff !important;
	}

.tabStyle2 li a.nav-link:hover,
.tabStyle2 li a.active {
	color: #ffffff !important;
	background: #FD9620 !important;
	border-color: #FD9620 !important;
	}
	
.flip-box {
	padding: 20px 20px;
	perspective: 1000px;
	background-color: transparent;
	}
	  
.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	  
.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
	}
	  
.flip-box-front, .flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	}
	  
.flip-box-front {
	position: relative;
	display: block;
	height: 0px;
	color: black;
	overflow: hidden;
	border-radius: 5px;
	padding-bottom: 115%;
	background-color: #bbb;
	}

.flip-box-front figure {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	text-align: center;
	margin: 0px auto !important;
	}

.flip-box-front img {
	position: relative;
	height: 100%;
	width: 100%;
	max-width: none;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	}

.flip-box-back {
	top: 0px;
	display: flex;
	color: white;
	text-align: center;
	align-items: center;
	justify-content: center;
	transform: rotateY(180deg);
	background-color: #333333;
	}

.flip-box-back h2 {
	font-size: 24px;
	color: #ffffff;
	}

.carerr-new-area {
	padding: 100px 0px;
	}

.carerr-new-area .lifePSA-section {
	max-width: 100%;
	}

.carerr-new-area .lifePSA-content {
	font-size: 16px;
	max-width: 100%;
	padding: 30px 50px;
	}

.carerr-new-area .lifePSA-content::before {
	left: 10px;
	}

.carerr-new-area .lifePSA-content::after {
	right: 10px;
	}

.homeCounter-box p,
.pageTitle.text-center p,
.careerCount-box p,
.thank-you-content p {
	text-align: center;
	}

.serviceProduct-section {
	padding: 0px 0px 70px;
	}

.serviceProduct-box {
	margin-bottom: 30px;
	box-shadow: 0px 2px 5px #efefef;
	}

.serviceProduct-box .exrange-pic-container {
	border-radius: 0px;
	padding-bottom: 80%;
	}

.serviceProduct-content {
	padding: 25px 25px;
	}

.groupTitle-box {
	position: relative;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 30px;
	padding: 14px 30px;
	border-radius: 50px;
	background: #FD9620;
	display: inline-block;
	vertical-align: middle;
	border-color: #FD9620;
	}


.metaColor1:hover,
.metaColor2:hover
.metaColor3:hover {
	color: #ffffff !important;
	border-color: #FD9620 !important;
	background-color: #FD9620 !important;
	}


.footSocial-media-career li a {
	color: #000000 !important;
	border-color: #000000 !important;
	}

.footSocial-media-career li a:hover {
	color: #ffffff !important;
	border-color: #FD9620 !important;
	background-color: #FD9620 !important;
	}
	
.initiatives-select-box .nice-select .list {
	z-index: 99;
	}

.download-container {
	padding: 100px 0px;
	}

.download-container .container-700 {
	max-width: 700px;
	margin: 0px auto;
	padding: 0px 15px;
	}

.marine-acadamy-service {
	padding-top: 20px;
	}

.download-selectBox::before {
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	top: 12px;
	right: 15px;
	z-index: 1;
	font-size: 14px;
	color: #000000;
	content: '\f107';
	font-weight: 700;
	}

.service-related-link {
	padding-bottom: 120px;
	}

.service-related-link .pageTitle {
	padding: 0 0 20px;
	}

.chexplore-rang .exrange-mask-container h6 {
	font-size: 24px;
	font-weight: 500;
	}

.serviceProduct-section.spcq-custom {
	padding: 100px 0px 70px;
	}

.serviceProduct-section.spcq-custom .serviceProduct-box {
	background: var(--background3);
	}

/*Map*/

.mapCustom-container {
	padding: 100px 0px;
	}
	
.mapBg-image img {
	width: 100%;
	}

.mapBox {
	position: relative;
	/* overflow-x: auto; */
	}

.map-info-wrapper {
	position: absolute;
	/*border: solid 1px red;*/
	width: 1px;
	height: 1px;
	}

.pulsating-circle {
	position: absolute;
	top: -3px;
	left: -3px;
	z-index: 1;
	width: 12px;
	height: 12px;
	cursor: pointer;
	border-radius: solid 10px #104436;
	transform: translateX(-25%) translateY(-25%);
	}
	
.pulsating-circle:before {
	content: "";
	position: relative;
	display: block;
	width: 200%;
	height: 200%;
	box-sizing: border-box;
	margin-left: -50%;
	margin-top: -50%;
	border-radius: 45px;
	background-color: #104436;
	-webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	}
	  
.pulsating-circle:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #104436;
	border-radius: 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
	animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
	}
	  
@-webkit-keyframes pulse-ring {
	0% {
			transform: scale(0.10);
	}
	80%, 100% {
			opacity: 0;
	}
}

@keyframes pulse-ring {
	0% {
		transform: scale(0.10);
	}
	80%, 100% {
		opacity: 0;
	}
}
	  
@-webkit-keyframes pulse-dot {
	0% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}

@keyframes pulse-dot {
	0% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}

@media screen and (min-width: 768px) {	
	.breadcrumb-wrapper .container {
		border-bottom: solid 1px #eee;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}
	
@media screen and (max-width: 1200px) {	
	.box-product-home {
		height:310px;
	}

	.box-product {
		height:320px;
	}

	.box-product h3{
		font-size:16px;
	}
	
	.product-select {
		height:310px;
	}

	.map-info {
		padding: 5px;
		font-size: 11px;
	}
}

.map-info {
	width: 160px;
	height: auto;
	position: absolute;
	right: -60px;
	bottom: 8px;
	z-index: 9;
	border: solid 1px #555;
	border-radius: 3px;
	background: rgba(255,255,255,1);
	padding: 8px;
	font-size: 12px;
	text-align: center;
	display: none;
	box-shadow: 2px 2px 5px #aaa;
	}

.map-info a {	
	color:#888;
	}

.map-info-close{
	float: right;
	top: 0px;
	right: 0px;
	display: inline-block;
	padding: 1px 5px;
	color: #888;
	position: absolute;
	cursor: pointer;
	}

.map-info .links {
	padding: 5px 0px;
	}

.map-info .sosmed {
	border: solid 1px #888;
	border-radius: 22px;
	height: 22px;
	width: 22px;
	text-align: center;
	font-size: 15px;
	padding: 1px;
	display: inline-block;
	}

.map-info .sosmed:hover {
	border: solid 1px #204539;
	background: #204539;
	color: #fff;
	}
	
.map-info ul.contactAddress-ul li {
	padding: 2px 0px;
	font-size: 10px;
	text-align: center;
	}

.map-info ul.contactAddress-ul li p {
	text-align: center;
	}
	
.map-info ul.contactAddress-ul li i {
	display: none;
	}

@media (min-width: 1199.98px) {
	.map-info-wrapper:hover .map-info { display: block; }
	.map-info .map-info-close { display: none; }
	.notice-info { max-width: 800px; }
	}

.notice-info {
	position: relative;
	display: block;
	margin-bottom: 50px;
	}
	
.notice-info .info {
	margin-bottom: 20px;
	}

.notice-info .info .col-md-3 p {
	color: #f00;
	display: inline-block;
	font-weight: 700;
	margin: 0 20px 0 0;
	vertical-align: top;
	}

.notice-info .info ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	}

.notice-info .info ul li {
	display: inline-block;
	margin-right: 30px;
	}
	
.notice-info .info ul li a {
	color: #000000;
	}

.notice-info .info ul li a:hover {
	color: var(--color1);
	text-decoration: underline;
	}
	
.tempt-9-content {
	position: relative;
	display: block;
	margin-bottom: 30px;
	}

.tender-detailsBox .tempt-9-content h5 {
	font-weight: 500;
	padding: 20px 0px 15px;
	}	

.tender-detailsBox .tempt-9-content	.ul-listing {
	margin-bottom: 20px;
	}

.tender-detailsBox .tempt-9-content	.ul-listing li::before {
	top: 12px;
	}

.tb-1-wrap {
	border: #bababa solid 1px;
	}

.tb-1-wrap .tb-1 {
	border: none;
	}

.tb-1.tbtype tr:nth-child(2n+1) td:first-child {
	width: 37%;
	}
	
.tb-1.tbtype tr:nth-child(2n+1) td {
	background: #323436;
	border-top: none;
	color: #fff;
	text-transform: uppercase;
	}
	
.tb-1.tbtype tr:nth-child(2n+1) td strong {
	color: #ffffff;
	}

.tb-1 td {
	border-top: #bababa solid 1px;
	}

.tb-1 td strong {
	color: #000000;
	}

.tb-1 th, .tb-1 td {
	color: #000000;
	padding: 20px 30px;
	}

/*30-09-2024*/

.newsMedia-btn {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	}

.newsMedia-btn .btn-secondary {
	width: 100%;
	color: #ffffff;
	background: #FD9620;
	border: 1px solid #FD9620;
	}
			
.newsMedia-btn .dropdown-menu {
	width: 100%;
	padding: 15px 0px;
	}
	
.newsMedia-btn .dropdown-menu li a {
	position: relative;
	display: block;
	width: 100%;
	color: #000000;
	padding: 5px 15px;
	}

.newsMedia-btn .dropdown-menu li a:hover {
	color: #FD9620;
	}
	
/* =Media Queries
-------------------------------------------------------------- */

@media (max-width: 1799.98px) {
	}

@media (max-width: 1699.98px) {
	body, .nav>ul>li>a, .link-btn, .link-btn1, .footer-top, ul.footer-nav, .footer-bottom, ul.moreFoot-nav li a, .pageTitle, .control-label, .form-control, .form-custom-select, .form-select, .breadcrumb-container ul li, .accordion-button, ul.contactAddress-ul li, .btn-primary, .careerMain-info, ul.ul-listing, ol.ol-listing, .uploadFile, .page-item, .newsDate-box, .steering-readMore, .filter-select-box .nice-select, .milestContent-box, .learnMore-btn, .carerr-new-area .lifePSA-content, .accordion.customAccordtion1 .accordion-button { font-size: 14px; }
	.thank-you-content-area .thank-you-content, .contactAddress-Box h6, .lifePSA-content, .tenderYear-filter>ul>li>a, .tenders-section table thead tr th, .initiatives-select-box .nice-select, .awardListing ul li { font-size: 16px; }
	.container { max-width: 1050px; }
	.wide-container { max-width: 1250px; }	
	h1, .h1, .pageTitle h1, .pageTitle h2 { font-size: 42px; }
    h2, .h2 { font-size: 42px; }
    h3, .h3/*, .accordion.customAccordtion1 .accordion-button*/ { font-size: 28px; }
    h4, .h4, .inner_banner_caption .captionContainerInner, .tabStyle1 li a, .banner_caption .captionContainer, .flip-box-back h2, .chexplore-rang .exrange-mask-container h6 { font-size: 20px; }
    h5, .h5, .marineItemBox h4, .milestoneYear-item { font-size: 18px; }
    h6, .h6 { font-size: 16px; }
	.link-btn a, .link-btn1 a { min-width: 160px; padding: 12px 25px; }
	.nav>ul>li>a:before { bottom: -3px; }
	.thank-you-content h1, .inner_banner_caption .captionContainer .innerBannerHeading1 { font-size: 60px; }
	.thank-you-content-area .thank-you-content { max-width: 400px; }
	.footer-head, ul.footer-nav.footer-bigNav { font-size: 22px; }
	.inner_banner_caption .captionContainer .innerBannerHeading1 { padding-bottom: 30px; }
	.btn-primary { padding: 12px 25px; }
	.contactForm .form-check input, .careerApply-form .form-check input { width: 14px; height: 14px; margin-top: 4px; }
	.careerCount-box h3 { font-size: 42px; padding-bottom: 20px; }
	.career-marineSection { padding: 120px 30px 80px; }
	ul.customLink-tabs>li>a { font-size: 14px; padding: 13px 25px; }
	.tenders-searchBox .form-control { height: 50px; padding: 12px 40px 12px 15px; }
	.tenders-searchBox .search-btn img { max-width: 16px; }
	.filter-select-box .nice-select { padding: 15px 15px 15px 40px; }
	.filter-select-box .nice-select::after { left: 15px; }
	.banner_caption .captionContainer .bannerHeading1 { font-size: 80px; }
	.homeCounter-box h2 { padding-bottom: 25px; }
	/**/
	.headSearch-btn img { max-height: 20px;}
	.headSearch-btn { top: 8px; }
	.tabStyle2 li a.nav-link { font-size: 14px; min-width: 90px; padding: 14px 20px; }
	.nav>ul ul, .nav>ul ul ul { min-width: 335px; }
	.carerr-new-area { padding: 100px 0px; }
	.groupTitle-box { font-size: 14px; padding: 12px 25px; }

	}

@media (max-width: 1599.98px) {
	}

@media (max-width: 1499.98px) {
	}

@media (max-width: 1399.98px) {
	.pageTitle { padding: 0px 0px 25px; }
	.contactAccordion-box, .contactForm { padding: 70px 15px 60px; }
	.careerTop-section, .serviceProduct-section.spcq-custom { padding: 70px 0px 40px; }
	.careerCulture-container, .download-container { padding: 70px 0px; }
	.cultureListing, .service-item { padding: 0px 0px 0px; }
	.career-marineSection { padding: 70px 15px 90px; }
	.careerOpportunitie-section, .main-container, .pillars-section, .steering-section, .initiatives-section, .initiDetails-section, .milestones-section, .explore-rangeSection { padding: 70px 0px 50px; }
	.pageTitle h2.pb25 { padding-bottom: 15px !important; }
	.ctc-wrapper, .exploreSupport-section, .careerApply-section, .service-video-section, .serviceClients-section, .serviceEnd-section, .sustainability-top-container, .framework-section, .journeyVideo-section, .sustainability-main-container, .aboutIntro-section, .awardsRecognition-section, .pioneering-section, .homeBottom-section { padding: 70px 0px; }
	.newsCustom-tabs { margin: 0px 0px 25px; }
	.video-play-btn { width: 70px; height: 70px; font-size: 25px; line-height: 70px; }
	.tabStyle1 li { margin-bottom: 20px; }
	.banner_caption .captionContainer { font-size: 16px; }
	.homeBannerSlider .slick-dots { left: 50px; }
	.homeCounter-box { bottom: 60px; }
	.homeCommitted-section { padding-bottom: 50px; }
	.diverse-content { padding-left: 100px; }
	.committed-mask-container { padding: 20px 15px; }
	.carerr-new-area { padding: 70px 0px !important; }
	.footer-top { padding: 70px 0px 50px; }
	.footer-bottom { padding: 22px 0px; }
	.header-container, .footer-top .wide-container, .footer-bottom .wide-container { padding: 0px 30px; }
	.serviceProduct-section { padding: 0px 0px 30px; }
	.service-listing { padding: 70px 0px !important; }
	.service-related-link { padding-bottom: 70px !important; }
	.mapCustom-container { padding: 70px 0px; }
	}
	
@media (max-width: 1299.98px) {
	.homeBannerSlider .slick-dots { left: 25px; }
	.initiatives-content, .rightSM-initiatives .initiatives-content, .initiatives-grid .initiatives-content { padding: 20px 15px; }
	.initinativeTabs { margin: 0px -2px 8px; }
	.initinativeTabs .initinativeTabs-box { font-size: 12px; padding: 5px 8px 4px; margin: 0px 2px 8px; }
	
	}
	
@media (max-width: 1250px) {
	
	}
	
@media (max-width: 1199.98px) {
	body.body-noscroll { height: 100%; overflow: hidden; }
    .bottomHeaderContainer { position: relative; top: auto; left: auto; background: #E07E34; min-height: 44px; }
    .topRightHeader { position: absolute; left: 0px; top: 0px; width: 100%; padding-right: 60px; }
    .headerGroupContainer { z-index: 5; margin: 0px 0px; padding: 0px 0px; }
    .nav-wrapper { float: none; margin: 0px auto; height: 40px; z-index: 1; position: absolute; left: 0px; right: 0px; }
    .headerTop.active .nav-wrapper { z-index: 1111; }
    .nav-container { position: absolute; top: auto; margin: 0px; display: block; clear: both; left: 0px; right: 0px; }
    .nav-wrapper .nav, .tabNone, .header-contact-btn { display: none !important; }
    .mean-container a.meanmenu-reveal { top: 0px; right: 0px !important; padding-right: 5px; text-align: center !important; }
    .headerTop.active .mean-container .mean-nav { height: 367px; overflow: hidden; }
    .mean-container .mean-nav ul { height: 100%; overflow: auto; }
	.logo { width: 200px; height: 43px; margin: 15px 0px; }
	ul.headerTopLinks { margin: 0px -10px; }
	ul.headerTopLinks>li { padding: 0px 10px; }
	.header-search-menu a img { max-height: 20px;}
	.inner_banner_caption .captionContainer .innerBannerHeading1 { padding-bottom: 15px; font-size: 42px; }
	.inner_banner_caption .captionContainerInner { font-size: 16px; }
	.careerEquity-content, .careerApply-form, .service-content, .sustainability-content, .diverse-content { padding-left: 0px; }
	.lifePSA-section { max-width: 100%; padding-left: 0px; }
	.tenders-section table thead tr th { font-size: 14px; padding: 12px 15px; }
	.tenders-section table tbody tr th, .tenders-section table tbody tr td { padding: 12px 15px; }
	.tenderYear-filter>ul>li>a, .newsListing-item a h6 { font-size: 14px; }
	.newsDate-box { min-width: 120px; }
	.newsListing-item a { padding: 15px 15px 15px 0px; }
	.service-listing .service-item:nth-child(odd) .service-order1 { order: 1; }
	.service-listing .service-item:nth-child(odd) .service-order2 { order: 2; }
	.advisoryServices-section { max-width: 100%; }
	.sustaGroup-box { margin-bottom: 25px; }
	.banner_caption .captionContainer .bannerHeading1 { font-size: 50px; }
	.homeCounter-section { padding: 50px 0px; background: #F9F9F9; }
	.homeCounter-box { position: relative !important; inset: auto; }
	.pioneering-content { padding-right: 0px; }
	.learnMore-btn { padding-top: 0px; }
	.ftcol2 { min-width: auto; }
	
	/**/
	.header-searchBar { display: none; }
	.tabStyle2 li { margin: 0px 10px 10px 0px; }
	.header-container, .footer-top .wide-container, .footer-bottom .wide-container { padding: 0px 15px; }
	}

@media (min-width: 1199.98px) {
	.header-search-menu { display: none; }
	}

/* Portrait tablets and medium desktops */
@media (max-width: 991.98px) {
	.thank-you-content h1 { font-size: 42px; }
	.thank-you-content-area .thank-you-content { font-size: 14px; }
	/* .inner_banner_caption { position: relative; inset: auto; padding: 30px 0px; background: #333333; } */
	.contactForm, .accBox-group { max-width: 100%; }
	.form-group, .form-check { margin-bottom: 25px; }
	.accordion-button { padding: 13px 30px 13px 15px; }
	.accordion-body { padding: 25px 15px; }
	.accordion-item { margin-bottom: 10px; }
	.accordion-button::after { font-size: 16px; margin-right: -20px; }
	.map-container { height: 400px; }
	.pioneering-pic-container, .careerApply-pic, .advisoryServices-section, .framework-pic, ul.case-pagiLink, .imageWrapper, .sustTemp-pic-container { margin-bottom: 25px; }
	.ctc-wrapper .row .col-auto { width: 100%; }
	.ctc-wrapper .pageTitle { padding: 0px 0px 30px; }
	.page-item { margin: 0px 5px; }
	.tenders-section table thead tr th { min-width: 110px; }
	ul.customLink-tabs { margin: 0px -4px; }
	ul.customLink-tabs>li { padding: 0px 4px 10px; }
	.video-play-btn { width: 35px; height: 35px; font-size: 14px; line-height: 35px; }
	.client-logo { height: 110px; }
	.client-logo-box a { border-radius: 10px; }
	.serviceClient-slider { margin: 0px -10px; }
	.serviceClient-slide { padding: 0px 10px 20px; }
	.serviceModal-Box .modal-body { padding: 35px 15px 25px; }
	.tabStyle1 { padding: 0px 0px 20px; }
	.tabStyle1 li a { font-size: 16px; }
	.steeringModal-Box .modal-body { padding: 30px 15px; }
	.initiatives-select-box { padding-top: 10px; margin-bottom: 5px; }
	.initiatives-listing { margin: 0px -10px 20px; }
	.initiatives-listing>.initiatives-grid { padding: 0px 10px 20px; width: 50%; }
	.fleet-itemBox a { padding: 15px 15px; }
	.milestoneYear-item { font-size: 16px; }
	.milestoneYear-slider { margin: 20px -10px 30px; padding: 0px 40px; }
	.milestoneYear-slide { padding: 0px 10px; }
	.milestoneYear-slider .slick-prev { left: 10px; }
	.milestoneYear-slider .slick-next { right: 10px; }
	.awardsRecognition-box { padding: 0px 0px; }
	/* .accordion.customAccordtion1 .accordion-button { font-size: 18px; } */
	.homeBannerSlider .slick-dots { left: 30px; }
	.homeBannerSlider .slick-dots li { width: 25px; height: 25px; }
	.homeBannerSlider .slick-dots li:hover button, .homeBannerSlider .slick-dots li.slick-active button { font-size: 10px; }
	.banner_caption .captionContainer { font-size: 14px; padding-top: 30px; }
	.homeCounter-box { padding: 25px 20px; }
	.homeCounter-box h2 { padding-bottom: 15px; }
	.carerr-new-area .lifePSA-content { padding: 25px 15px; }	
	.carerr-new-area .lifePSA-content::before, .carerr-new-area .lifePSA-content::after { display: none; }	
	.footer-head, ul.footer-nav.footer-bigNav { font-size: 18px; }
	.ftcol { max-width: 100%; width: 100%; margin-bottom: 15px; }
	.ftcol.ftcol4 { margin-bottom: 0px; }
	.footer-contact-info-box { margin: 0px 0px 30px; }
	.footer-contact-info-box br, .ctc-wrapper .pageTitle h2 br { display: none; }
	.footer-bottom { text-align: center; }
	ul.moreFoot-nav { justify-content: center; margin-bottom: 10px; }
	ul.footer-nav.footer-bigNav li { margin: 0px auto 20px; }	
	.serviceProduct-content { padding: 20px 15px; }
	.mediaLg-mb30 { margin-bottom: 30px; }
	/*30-09-2024*/
	.page-id-191 .framework-section { padding-bottom: 0px; }
	.page-id-191 .pillars-section { padding-top: 50px; }
	.tenders-section table tbody tr th, .tenders-section table tbody tr td { padding: 10px 5px; font-size: 12px; }
	.tenderYear-filter>ul { margin: 0px -5px; }	
	.tenderYear-filter>ul>li { padding: 0px 5px 10px; }
	.newsCustom-tabs { display: none; }
	}

@media (min-width: 991.98px) {
	.newsMedia-btn { display: none; }
	}

@media (max-width: 800px) {
	}

/* Landscape phones and portrait tablets */
@media (max-width: 767.98px) {
    h1, .pageTitle h1, .pageTitle h2, .careerCount-box h3, .banner_caption .captionContainer .bannerHeading1 { font-size: 28px !important; letter-spacing: 0px !important; }
	h2 { font-size: 26px; letter-spacing: 0px !important; }
	h3 { font-size: 22px; letter-spacing: 0px !important; }
	h4, .flip-box-back h2 { font-size: 18px; letter-spacing: 0px !important; }
	h5 { font-size: 16px; letter-spacing: 0px !important; }
	h6, .awardListing ul li { font-size: 14px; letter-spacing: 0px !important; }
	.header-greasera-btn { display: none; }
	.mean-container .mean-nav { margin-top: 52px; }
	.logo { width: 160px; height: 34px; }
	.culture-itemBox { padding: 40px 15px 30px; }
	.lifePSA-content { font-size: 14px; max-width: 100%; padding: 30px 15px; }
	.lifePSA-content::before { left: 10px; }
	.lifePSA-content::after { right: 10px; bottom: 15px; }
	.slick-dots li { width: 8px; height: 8px; }
	.uploadFile::before { position: relative; inset: auto; width: 100%; margin-bottom: 10px; font-size: 14px; }
	.uploadFile { padding: 10px 0px 15px 0px; }
	.tenderYear-filter { padding-bottom: 10px;}
	.tenders-searchBox { max-width: 100%; }
	ul.customLink-tabs>li>a { font-size: 13px; padding: 10px 20px; }
	.newsListing-item a .row .col-auto { width: 100%; }
	.newsDate-box p, .newsListing-item a h6 { margin-bottom: 10px; }
	.marineItemBox { height: auto; padding: 25px 15px; margin: 10px 0px; }
	.serviceModal-item { padding: 15px 15px; }
	.steering-mask-container { padding: 20px 15px; }
	/* .accordion.customAccordtion1 .accordion-button { font-size: 16px; } */
	.banner_caption .captionContainer .bannerHeading1 { padding-bottom: 0px; font-size: 24px !important; }
	.banner_caption .captionContainer { padding-top: 0px; }
	/* .banner_caption { position: relative; inset: auto; } 
	.banner_caption .captionContainerInner { padding: 30px 0px; }*/
	.bannerWrapper { background: #333333; }
	.homeBannerSlider .slick-dots { top: 10%; left: 5px; }
	.banner-slide figure img { min-height: 200px;}
	.homeCounter-box .row .col { flex: 50%; }
	.homeCounter-box .row .col:nth-child(2) { border: none; }
	.homeCounter-box .gx-5 { --bs-gutter-x: 1.5rem; }
	.flip-box { padding: 15px 15px 0px; }
	ul.case-pagiLink>li { margin: 8px 0px; }
	/*30-09-2024*/
	.tabStyle2 { justify-content: center; }
	.tabStyle2 li { margin: 0 15px 10px; display: block; text-align: center; width: 100%; }
	.tabStyle2 li a.nav-link { display: inline-block; vertical-align: middle; min-width: 150px; padding: 8px 8px; }
	.banner_caption .captionContainer { vertical-align: middle; }
	.inner_banner_caption .captionContainer .innerBannerHeading1 { font-size: 20px !important; padding: 0px 0px !important; }
	.fleet-fitler ul.customLink-tabs { justify-content: center; }
	.fleet-fitler ul.customLink-tabs>li { width: 100%; text-align: center; }
	.fleet-fitler ul.customLink-tabs>li a { display: inline-block; vertical-align: middle; min-width: 150px; padding: 8px 8px; }

	.thank-you-content-area { position: relative; inset: auto; padding: 30px 0px; background: #333333; }
	.thank-you-content h1 { padding-bottom: 20px; }
	.thank-you-content p { margin: 0px auto 30px; }
    }

@media (min-width: 768px) {
	}
	
@media (max-width: 575.98px) {
	.steeringModal-heading .steering-pic-container { margin-bottom: 25px; }
	.steeringModal-heading { margin-bottom: 10px; }
	.fleet-content { padding-top: 20px; }
	.initiatives-listing>.initiatives-grid, .fleet-itemBox a .row .col-md-5, .fleet-itemBox a .row .col-md-7 { width: 100%; }
	.homeCounter-box .row .col { flex: 100%; margin-bottom: 15px; border: none; }
	.homeCounter-box .row .col:last-child { margin-bottom: 0px; }
	}

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

@media (max-width: 480px) {
	}

@media (max-width: 400px) {
	}

@-ms-viewport{ width: auto !important; }

.innerBannerHeading1 br , .breadcrumb-container ul li br { display:none !important;}
.text-justify , .text-justify p , .serviceProduct-content ul.ul-listing { text-align:justify !important; }

.committed-mask-container p { color:#FFF;}