:root {
--primary-color: #232f62;
--blue-primary-color: #00439B;
--secondary-color: #EEF5FF;
--third-color: #50ae32;
--fourth-color: #F6F5F5;
--fifth-color: #DFE9FE;
--black: #000000;
--white: #ffffff;
--offwhite: #ffffff2b;
--header-font-family: 'Barlow Condensed', sans-serif;
--paragraph-font-family: 'Poppins', sans-serif;
--arabic-font-family: 'Reem Kufi', sans-serif;
}
.primary-color {
color: var(--primary-color);
}
.blue-primary-color {
color: var(--blue-primary-color);
}
.third-color {
color: var(--third-color);
}
html,
body,
div,
span,
applet,
object,
iframe,
video,
audio,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
textarea,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
address,
section {
font-family: 'Inter' !important;
}
#menu_main li {
font-family: 'Inter' !important;
}
header .logo_image {
min-height: 100px;
}
.icons-services .sc_icons_item {
padding: 15px 0px !important;
}
.clients .slider_container .slide_content {
padding: 0 1em !important;
}
.submit-btn .wpcf7-submit {
background-color: #232f62 !important;
background: #232f62 !important;
}  span.flag {
width: 35px;
height: 24px;
display: inline-block;
}
.flag {
background: url(https://alexwebstage.com/dolphin/wp-content/uploads/2024/05/flags_responsive.png) no-repeat;
background-size: 100%
}
.flag-eg {
background-position: 0 25.619835%
}
.flag-ae {
background-position: 0 .826446%
}
.flag-sa {
background-position: 0 76.033058%
} .flag-ao {
background-position: 0 3.719008%
}
.flag-om {
background-position: 0 67.768595%
}
.submenu .sc_layouts_menu_nav>li>a,
.submenu .sc_layouts_menu_nav>li.menu-item-has-children>a {
padding: 0.1px 0.5em !important;
}
.submenu .sc_layouts_menu_popup .sc_layouts_menu_nav>li.menu-item-has-children>a:after,
.submenu .sc_layouts_menu_nav li li.menu-item-has-children>a:after {
content: '\e836' !important;
top: 16px !important;
} @media only screen and (max-width: 1300px) {
.sc_layouts_menu_nav>li>a,
.sc_layouts_menu_nav>li.menu-item-has-children>a {
padding: 0.9em 0.5em !important;
}
}
[class*=scheme_].sidebar input[type=submit],[class*=scheme_].sidebar input[type=submit]:hover{
background-color: inherit;
} .single-cp_career .content {
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
} 
.single-cp_career .page_content_wrap {
padding-top: 0px;
padding-bottom:0px;
}
h2.sec-title {
color: #232f62;
FONT-WEIGHT: 800;
padding-bottom:30px;
}
.job__detail.pb-100 {
padding-bottom: 100px;
}
.job__detail {
overflow: hidden;
}
.job__detail-top {
overflow: hidden;
position: relative;
width: 100%;
height: 690px;
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto;
}
.frm_dropzone.frm_single_upload {
max-width: 100%;
}
@media only screen and (min-width: 1920px) {
.job__detail-top {
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.job__detail-top {
padding-left: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 500px;
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 120%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-top {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
position: unset;
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-top {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
position: unset;
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 767px) {
.job__detail-top {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
position: unset;
padding-top: 73px;
}
.job__detail-top img {
position: absolute;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
}
.job__detail-top img {
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-top img {
position: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-top img {
position: unset;
}
}
@media only screen and (max-width: 767px) {
.job__detail-top img {
position: unset;
}
}
.job__detail-wrapper {
padding-top: 60px;
padding-right: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.job__detail-wrapper {
padding-right: 30px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-wrapper {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-wrapper {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.job__detail-wrapper {
padding-right: 0;
}
}
.job__detail-meta {
padding-top: 35px;
padding-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-meta {
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.job__detail-meta {
padding-bottom: 20px;
}
}
.job__detail-meta li {
display: inline-block;
padding-right: 70px;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: var(--black-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-meta li {
display: block;
padding-right: 0;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.job__detail-meta li {
display: block;
padding-right: 0;
padding-bottom: 20px;
}
}
.job__detail-meta li span {
color: var(--black);
font-size: 14px;
font-weight: 400;
display: block;
}
.job__detail-content {
border-top: 1px solid var(--white-4);
padding-top: 35px;
}
.job__detail-content p {
font-size: 18px;
line-height: 1.4;
padding-bottom: 40px;
}
.job__detail-content h1,
.job__detail-content h2 {
font-weight: 500;
font-size: 24px;
line-height: 1;
color: var(--black-2);
padding-bottom: 20px;
}
.job__detail-content h3 {
font-weight: 500;
font-size: 22px;
line-height: 1;
color: var(--black-2);
padding-bottom: 20px;
}
.job__detail-content h4 {
font-weight: 500;
font-size: 20px;
line-height: 1;
color: var(--black-2);
padding-bottom: 20px;
}
.job__detail-content h5,
.job__detail-content h6 {
font-weight: 500;
font-size: 18px;
line-height: 1;
color: var(--black-2);
padding-bottom: 20px;
}
.job__detail-content ul,
.job__detail-content ol {
padding-bottom: 35px;
padding-left: 30px;
}
@media only screen and (max-width: 767px) {
.job__detail-content ul,
.job__detail-content ol {
padding-left: 20px;
padding-bottom: 30px;
}
}
.job__detail-content ul li,
.job__detail-content ol li {
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: var(--black-3);
padding-bottom: 5px;
position: relative;
}
.job__detail-content ul li::before,
.job__detail-content ol li::before {
position: absolute;
content: "";
width: 5px;
height: 5px;
left: -18px;
top: 12px;
background-color: var(--black-3);
border-radius: 30px;
}
.job__detail-sidebar {
margin-top: 70px;
background: #f9f9f9;
padding: 40px 30px;
position: sticky;
top: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-sidebar {
padding: 30px 20px;
}
}
.job__detail-sidebar ul li {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: var(--black-3);
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-sidebar ul li {
font-size: 14px;
}
}
.job__detail-sidebar ul li:last-child {
padding-bottom: 0;
}
.job__detail-sidebar ul li span {
font-size: 14px;
font-weight: 400;
display: block;
}
#form_career-form input[type=text],
#form_career-form input[type=password],
#form_career-form input[type=email],
#form_career-form input[type=number],
#form_career-form input[type=url],
#form_career-form input[type=tel],
#form_career-form input[type=phone],
#form_career-form input[type=search],
#form_career-form select,
#form_career-form textarea,
#form_career-form .frm_scroll_box .frm_opt_container,
#form_career-form .frm-card-element.StripeElement,
#form_career-form .chosen-container-multi .chosen-choices,
#form_career-form .chosen-container-single .chosen-single,
#form_career-form .frm_slimselect.ss-main {
background-color: #edf3f7;
border: 1px solid #232f62 !important; }
#form_career-form .frm_dropzone .dz-message {
background: #e7e7e7;
border: 2px dashed #dfdfdf2e;
}
#form_career-form .frm_dropzone.dz-clickable.frm_single_upload .dz-message {
margin: 0 !important;
} .page-id-534 .career__top-title {
background-color: unset;
background-image: url(http://ship-crew.com/newsite/wp-content/uploads/2023/06/Frame-1.jpg);
background-position: center center;
padding-bottom: 500px;
background-repeat: no-repeat;
background-size: cover;
}
.page-id-534 .career__top .sec-title-2 {
color: var(--white);
padding-right: 130px;
line-height: 75px;
}
.page-id-534 .sec-text p {
color: var(--white);
}
.job__area {
overflow: hidden;
}
.job__no,
.job__open,
.job__closed{
font-weight: 300;
font-size: 24px;
line-height: 1.3;
color: var(--black);
}
.job__open {
color: #5cb85c !important;
}
.job__closed {
color: red !important;
}
.job__title {
font-weight: 400;
font-size: 36px;
line-height: 1.5;
color: var(--black);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.job__item:hover .job__title {
color: var(--primary-color);
}
.job__item:hover .job__link span::after {
color: var(--primary-color);
}
p.job__no {
margin: 0;
}
.elementor-accordion .elementor-accordion-item {
border: 1px solid #d5d8dc;
border-left: 0px !important;
border-right: 0px !important;
}
.elementor-accordion {
text-align: left !important;
}
.elementor-tab-content p {
color: var(--white);
}
.page-id-11 .elementor-tab-content p {
color: var(--black);
}
.elementor-tab-title.elementor-active a {
color: var(--third-color) !important;
}
li.active {
color: #5cb85c;
}
li.inactive {
color: red;
}
.career__benefits-list li:nth-last-child(2) {
margin-left: 104px;
}
.career__top-img {
height: 100%;
}
.frm_dropzone.frm_single_upload {
max-width: 100%;
}
@media only screen and (max-width: 1900px){
.sc_layouts_menu_nav>li>a, .sc_layouts_menu_nav>li.menu-item-has-children>a{
padding:.9em .6em!important;
}
#menu-item-18492 {
margin-right: 10px;
}
.sc_layouts_menu_nav>li[class*=icon-]:before {
left: 91% !important;
}
}
section.comments_wrap.opened {
display: none;
}
.job__area {
overflow: hidden;
}
.job__area .sec-title {
color: var(--white);
}
.job__apply {
margin-top: -20px;
}
@media (max-width: 1400px) {
.job__apply {
margin-top: 0;
}
} .job__list a:first-child .job__item {
border-top: 1px solid #0003;
}
.job__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5fr 5fr 1fr;
grid-template-columns: 1fr 5fr 5fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #0003;
padding: 35px 0;
}
@media only screen and (max-width: 767px) {
.job__item {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 35px 0 20px;
}
}
.job__item:hover .job__title {
color: var(--yellow-color);
;
}
.job__item:hover .job__link i {
-webkit-transform: rotate(-45deg) translate(60px, 2px);
transform: rotate(-45deg) translate(60px, 2px);
color: #232f62;
}
.job__item:hover .job__link span::after {
right: 0;
bottom: 0;
opacity: 1;
visibility: visible;
color: #232f62;
}
.job__no {
font-weight: 300;
font-size: 24px;
line-height: 1.3;
}
.job__open , .job__closed {
color: white;
padding: 5px 15px; font-size: 16px;
font-weight: 600;
font-family: 'Inter', sans-serif;
}
.job__no { border-radius: 50%; margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__no,
.job__open,
.job__closed{
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.job__no,
.job__open,
.job__closed{
font-size: 18px;
}
}
.job__title {
font-weight: 400;
font-size: 22px;
line-height: 1.5;
color: var(--black);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__title {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__title {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.job__title {
font-size: 24px;
}
.card.first-card {
width: 300px;
}
.horizontal .first-card .title-case-study {
font-size: 32px;
}
}
.job__link {
text-align: right;
overflow: hidden;
position: relative;
}
.job__link span::after {
position: absolute;
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
right: 45px;
bottom: -35px;
-webkit-transform: translate(0, 0) rotate(-45deg);
transform: translate(0, 0) rotate(-45deg);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.job__link i {
font-size: 30px;
color: #232f62;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.job__link span {
font-size: 16px;
font-family: 'Roboto';
color: white;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
li#menu-item-18340 {
margin-right: 10px;
}