:root {
	--primary-color: #EF7F1B;
	--secondary-color: #151515;
	--para-color: #2D2D2D;
	--bg-color-sec:  #F6F6F6;
	--white: #FFFFFF ;
	--bx-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Montserrat';
	font-style: normal;
	width: 100%;
}

body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	max-width: inherit;
}

h1 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 38px;
	line-height: 46px;
}

h2 {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 25px;
	line-height: 36px;
}

p{
	font-size: 16px;
	line-height: 150%;
	font-weight: 400;
}
header nav {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
nav img {
    width: 12%;
    position: relative;
    left: 50px;
    height: 100%;

}
nav .nav-menu {
    width: 50%;
    margin: auto 0;
    align-items: center;
}   
nav ul {
    /* width: 50%; */
    display: flex;
    list-style: none;
    margin: 0;
    align-items: center;
}

nav ul > li {
    text-align: center;
    display: block;
}
 nav ul > li > a {
    text-decoration: none !important;
    color: var(--secondary-color);
    font-weight: 600;
 }
 nav ul > li > a:hover {
    color: var(--primary-color);
 }
 nav .nav-open , nav .nav-close {
    display: none;
 }
.bg-img {
	width: 100%;
	height: 600px;
	display: flex;
    justify-content: center;
    align-items: center; 
}
#bg-aus {
    background: url("../img/australia-b.webp") no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#bg-cruiseLiner {
    background: url("../img/cruise-b.webp") no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
 
}
#bg-dubai {
    background: url("../img/dubai-b.webp") no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.bg-img .contactus-right-bx {
    width: 40%;
    /*position: absolute;*/
    /*top: 40px;*/
    /*right: 8%;*/
    background: transparent;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid var(--white);
    /* opacity: 0.5; */
}
.bg-img .hero-left-bx {
    /*position: absolute;*/
    /*top: 170px;*/
    width: 40%;
    /*left: 10%;*/
}
.hero-left-bx > a.apply-btn {
    background: var(--white);
    padding: 10px 30px;
    color: var(--secondary-color);
    text-decoration: none;
}
.hero-left-bx > a.apply-btn:hover {
     background: var(--primary-color);
     color: var(--white);
}

#hero-txt {
    color: #FFFFFF;
    margin-bottom: 30px;
    font-weight:700;
}

#submit-btn {
    width: 25%;
    background: var(--primary-color);
    color: var(--white);
}
#section-one {
    padding: 60px 0;
}
#section-one .section-one-inner-block h2 {
    text-align: center;
    margin-bottom: 20px;
}
#section-one .section-one-inner-block p {
    text-align: center;
}
#section-wcu {
    padding: 60px 0;
    background: var(--bg-color-sec);
}
#section-wcu .wcu-outer-block {
    display: flex;
}
.wcu-outer-block .wcu-left-bx {
    margin: auto;
    padding: 10px;
}
.wcu-left-bx h2 {
    margin-bottom: 20px;
}
.wcu-left-bx ul {
    list-style: none;
    margin-left: 22px;
}
.wcu-left-bx ul > li{
    list-style-image: url("../img/marker.png");
    line-height: 30px;
}
.wcu-outer-block .wcu-right-bx {
    padding: 0 0 0 40px;
}
.wcu-outer-block .wcu-right-bx .wcu-img-bx img {
    object-position: top;
    width: 100%;
    object-fit: cover;
}
.primy-col {
    color: var(--primary-color);
}
#section-job {
    padding: 60px 0;
}
#section-job h2 {
    text-align: center;
    margin-bottom: 20px;
}
#section-job .job-vacancy-block .job-row {
    display: flex;
    margin: 20px 0;
    padding: 20px;
    border: 0.5px solid black;
    border-radius: 20px;

}
.job-vacancy-block .job-row .job-col:nth-child(1) {
   width: 58%;
}
.job-vacancy-block .job-row .job-col:nth-child(2) {
   margin: auto 20px;
}
.job-vacancy-block .job-row .job-col:nth-child(3) {
    width: 40%;
    text-align: center;
    /* margin: auto; */
}
.job-vacancy-block .job-row #apply-btn {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 10px 30px;
    text-decoration: none;
}
#line {
    width: 80%;
    background: var(--secondary-color);
}
.job-col{
    margin: auto;
}
.job-col h6 {
    font-size: 13px;
}
#section-map {
    padding: 60px 0;
    background: #F6F6F6;
}
#section-map h2 {
    text-align: center;
    margin-bottom: 30px;
}
footer {
    height: 70px;
    background: var(--para-color);
}


.invalid-feedback {
    color: white !important;
}