/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
body ul li {
    font-size: 16px !important;
    line-height: 26px !important;
}
#top ul.sub-menu.tracked-pos {
    margin-top: -30px;
    margin-bottom: 0px;
}
html body p {
    font-size: 16px !important;
    line-height: 26px !important;
}

div#ro-4 h3 {
    text-transform: uppercase !important;
}


#top ul li a span,
#btnn,
body h1,
body h2,
body h3 {
    font-family: "din" !important;
}
button.frm_button_submit.frm_final_submit {
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: 'din';
}
#header-secondary-outer {
    min-height: 12px !important;
}

#top nav>ul>li>a>span {
    padding: 5px 21px;
    position: relative;
    transition: 0.5s;
}

#top nav>ul>li>a {
    padding: 0px 0px !important;
}

#top nav>ul>li.nav-btn>a>span {
    padding: 10px 21px;
    border-radius: 6px;
}

nav>ul>li.current-menu-item>a>span,
nav>ul>li>a:hover>span {
    color: #fff;
    background-color: #183F7E;
    padding: 4px 14px;
    position: relative;
    transition: 0.5s;
}

nav>ul>li>a>span:before {
    position: absolute;
    content: "";
    background-image: url("https://jomsomstaffing.com/wp-content/uploads/2024/10/Rectangle-35.png");
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    left: 0px;
    top: 81%;
    opacity: 0;
}

nav>ul>li.current-menu-item a span:before,
nav>ul>li a:hover span:before {
    opacity: 100%;
}

nav>ul>li.nav-btn a span:before {
    display: none;
}

nav>ul>li.nav-btn>a>span {
    color: #fff;
    background-color: #183F7E;
    padding: 4px 14px;
    position: relative;
}
div#g1 .nav-btn {
    background-color: #183f7e;
    color: white;
    padding: 10px 30px;
    float: right !important;
    margin-left: 11%;
    font-family: 'din';
    text-transform: uppercase !important;
    letter-spacing: 1px;
    border-radius: 10px;
}
div#Franchising1 .t1 strong {
    font-family: 'din' !important;
}
div#Franchising1 .t1 h5 {
    font-family: 'din';
    font-size: 30px !important;
    line-height: 40px !important;
    text-transform: uppercase;
}

div#Franchising1 .t1 p {
    color: black;
}

div#Franchising1 .t1 p strong {
    font-size: 25px !important;
    line-height: 35px !important;
    text-transform: uppercase;
}




/* ----------------------------------------     -----------------------------     -----------------------------     -----------------------------      */

a#btnn {
    border: solid 1px #fff;
    text-transform: uppercase;
    padding: 12px 26px;
    font-size: 20px;
}

#ro-1 input::placeholder,
#ro-1 textarea::placeholder {
    color: #000 !important;
}
#ro-1 input, #ro-1 textarea {
    margin: 4px 0px;
    padding-left: 11px !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    resize: none;
    filter: drop-shadow(2px 4px 6px #cccc);
}
div#ro-5 .txt1 h2 {
    text-transform: uppercase !important;
}

#ro-1 button {
    background-color: #183F7E !important;
    border: none;
    font-family: 'din';
    font-weight: 500;
    width: 100%;
    border-radius: 6px !important;
    opacity: 1 !important;
    box-shadow: none !important;
    font-size: 20px !important;
    line-height: 30px !important;
    text-transform: uppercase;
}


/* ----------------------------------------     -----------------------------     -----------------------------     -----------------------------      */

#ro-1 .imgg {
    height: 750px;
    object-fit: contain;
    margin-bottom: -30px;
	
}

#ro-1 .owl-stage {
    padding: 0px;
}

#ro-1 .owl-dots {
/*     position: absolute;
    bottom: 10px; */
	margin-top:15px !important;
}

#ro-1 .owl-dots span {
    width: 25px;
}


#ro-2 .pick-1 {
    width: 85%;
    color: #f7f7f9;
}

#ro-3 h2 {
    font-size: 65px;
    line-height: 1.3;
}


/* ----------------------------------------     -----------------------------     -----------------------------     -----------------------------      */

#ro-4 .imgg {
    margin-top: -180px;
    margin-bottom: -20px;
    border-radius: 100% !important;
	    width: 40%;
    overflow: hidden;
    transition: 0.5s;
}

#ro-4 .cola1 .imgg {
    box-shadow: -13px -11px 0px 0px #183F7E;
    background-color: #fff;
}

#ro-4 .cola2 .imgg {
    box-shadow: 0px 11px 0px 0px #183F7E !important;
}

#ro-4 .cola3 .imgg {
    box-shadow: 13px -11px 0px 0px #183F7E;
}

#ro-4 .column-image-bg {
    background-repeat: no-repeat;
    background-size: 490px;
}

#ro-4 .txt-info p {
    font-size: 16px;
    line-height: 1.5;
}

#ro-4 .txt-info h6 {
    text-decoration: underline;
}


/*  */

#ro-4 .vc_col-sm-4 .txt-info h6,
#ro-4 .vc_col-sm-4 .txt-info h3,
#ro-4 .vc_col-sm-4 .txt-info p {
    transition: 0.5s !important;
}

#ro-4 .vc_col-sm-4:hover .column-image-bg {
    filter: brightness(21);
}

#ro-4 .vc_col-sm-4 .inner-wrap {
	
/*     transition: 0.5s; */
	
    border-radius: 10px;
}

#ro-4 .vc_col-sm-4:hover .inner-wrap {
    background-color: #183f7e;
}

#ro-4 .vc_col-sm-4:hover .txt-info h6,
#ro-4 .vc_col-sm-4:hover .txt-info h3,
#ro-4 .vc_col-sm-4:hover .txt-info p {
    color: #000 !important;
}

#ro-4 .vc_col-sm-4:hover .imgg {
    margin-top: -110px;
    margin-bottom: -40px;
}


#ro-5 .imgg {
    width: 95%;
    border-radius: 0px 0px 130px 0px;
}


#inn-1 {
    height: 270px;
}

/* ----------------------------------------     -----------------------------     -----------------------------     -----------------------------      */

#ro-7 .txt1 p img {
    display: inline-block;
    margin: 0px 14px;
}

#ro-7 .txt1 p {
    font-family: 'din';
}

#ro-7 .txt1 h4 {
    font-family: 'din';
    text-transform: uppercase;
}

#ro-7 input, #ro-7 textarea, #ro-7 select {
    background-color: #f7f7f9;
    border: none;
    border-radius: 30px !important;
    margin: 7px 0px;
    padding: 19px 12px;
    filter: drop-shadow(2px 4px 6px #ccc);
}

#ro-7 button.frm_button_submit {
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #183f7e;
    padding: 12px 25px !important;
    font-family: 'din';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    border: none;
    box-shadow: 0px 0px !important;
    padding-right: 60px !important;
    background-image: url(https://jomsomstaffing.com/wp-content/uploads/2024/10/Icon.png);
    background-repeat: no-repeat;
    background-position: 75% 51%;
    width: 100%;
    border-radius: 5px !important;
    text-transform: uppercase;
}
div#inn select#field_eamr1 {
    filter: drop-shadow(2px 4px 6px #385493);
    padding: 18px 18px !important;
    border-radius: 40px !important;
    margin-bottom: 0px !important;
}
#ro-7 .iwithtext {
    background-color: #385493;
    color: #ffff;
    padding: 13px 0px;
    padding-left: 13px;
    padding-right: 70px;
    position: absolute;
    bottom: -2px;
    right: 0px;
}


#ro-7 .iwithtext .iwt-text h5,
#ro-7 .iwithtext .iwt-text p a {
    color: #fff !important;
    margin: 0px;
}

#ro-7 .iwithtext i {
    font-size: 35px;
    color: #ffff;
    position: relative;
    top: 24px;
    left: 20px;
}

#ro-7 .imgg {
    transform: scale(123%);
    transform-origin: left;
    position: relative;
    left: 40px;
}

#ro-7 .vc_col-sm-6 {
    padding: 0px;
}

div#inn .t5 h3 {
    font-size: 60px !important;
    line-height: 70px !important;
    font-family: 'din' !important;
    color: black;
}

html body h2 {
    text-transform: uppercase;
    font-size: 60px !important;
    line-height: 70px !important;
}
div#testimonials-mi .carousel-item p {
    color: white !important;
}
div#g1 .nav-btn a {
    opacity: 1 !important;
    color: white !important;
}

/* ----------------------------------------     -----------------------------     -----------------------------     -----------------------------      */

#fttr .ftr-ico {
    /* margin-top: 50px !important; */
    /* margin-bottom: -20px; */
    display: flex;
    justify-content: end;
}
#fttr #inn1 .txt-info h4 {
    font-size: 41px;
    font-family: "din";
}

#fttr #inn1 .txt-info p,
#fttr #inn1 .txt-info p a {
    color: #fff;
    opacity: 100%;
    padding-bottom: 0px;
    margin-bottom: 11px;
}

#fttr .ftr-ico i {
    color: #fff;
    font-size: 22px;
    margin-right: 12px;
}

#fttr div#copyy {
    border-top: solid 1px #ffffff5c;
    margin-top: 44px;
    margin-bottom: 10px;
}

#diss .txt1 h4 {
    font-size: 40px;
}

#diss .txt1 p {
    font-size: 13px;
}

#fttr .logoo {
    filter: brightness(99);
    width: 50%;
}

#fttr .txt1 p {
    margin-bottom: -30px;
}
div#g1 {
    margin-top: 0px;
    height: 95px;
}
.inner-job-page-mi strong {
    color: #003d68;
    font-size: 20px;
    line-height: 30px;
    font-family: 'din';
}




















/*custom loxo job listing css start */


ul.job-list-mi li {
    list-style: none;
}
ul.job-list-mi {
    margin: 0px;
}
a.job-detail-btn-mi {
    color: #fff;
    background-color: #183F7E;
    padding: 10px 21px;
    border-radius: 6px;
    position: relative;
}
ul.job-list-mi h5 {
    font-family: "din" !important;
    color: #183f7e;
	font-size:26px !important;
    font-weight: 700;
}
ul.inner-list-mi li {
    display: inline-block;
   
}
ul.job-list-mi li {
    color: #231d1d;
}
ul.inner-list-mi {
    margin: 0px;
}
ul.inner-list-mi li b {
    color: #000;
    font-weight: bold;
}
ul.job-list-mi b{
	    color: #000;
    font-weight: bold;
}
ul.inner-list-mi li:nth-child(1):after {
    content: "|";
    margin: 0px 25px;
    font-weight: 900;
}
ul.inner-list-mi li:nth-child(3):after {
    color: #f6f4f0 !important;
}
ul.job-list-mi { 
    margin-bottom: 0px !important;
}

ul.job-list-mi>li {
    border-bottom: 2px solid #0000001f;
    padding-bottom: 40px;
}




/*Inner job page mi css start*/

.inner-job-page-mi h2 {
    font-size: 40px !important;
    line-height: 50px !important;
    padding-bottom: 10px;
}

.inner-job-page-mi h2 {
    color: black;
}

.inner-job-page-mi ul li strong {
    color: #003d68;
    font-family: 'din';
    font-size: 22px !important;
    line-height: 32px !important;
    text-transform: capitalize;
}
.inner-job-page-mi li {
    list-style: none;
    color: #676767;
    line-height: 40px;
}
.inner-job-page-mi h3 {
    color: black;
    padding-top: 30px !important;
    text-transform: capitalize;
}
ul.list-inner-job-page-mi {
    margin: unset;
}

div#apply-form {
    background-color: white;
    filter: drop-shadow(2px 4px 6px #ccc);
    padding: 30px 30px 30px 30px !important;
    margin-top: 40px;
    border-radius: 20px !important;
    width: 100%;
    margin-bottom: 40px;
}
input[type="text"] {
    background-color: #ffffff;
    color: #000000;
    margin-bottom: 10px;
    filter: drop-shadow(2px 4px 6px #ccc);
    border-radius: 40px !important;
}
input[type="email"] {
    background-color: #ffffff;
    color: #000000;
    margin-bottom: 10px;
    filter: drop-shadow(2px 4px 6px #ccc);
    border-radius: 40px !important;
}
div#apply-form label {
    color: black;
    font-weight: 700;
}
input[type="file"] {
    scale: 1.2;
    position: relative;
    right: -26px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #183f7e;
}
div#apply-form h3 {
    color: black;
    text-transform: capitalize;
    font-family: 'Heebo' !important;
}
input[type="submit"] {
    font-family: 'din';
    font-size: 20px;
    line-height: 20px;
    transform: unset !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
button.button-inner-job-page-mi {
    background-color: #183f7e;
    color: whitesmoke;
    border: unset;
    padding: 10px 25px;
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: 'din';
    text-transform: uppercase;
}
body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
    padding: 12px 17px !important;
}
.inner-job-page-mi ul {
    padding-left: 0px !important;
}

.page-id-167 a#btn {
    background-color: #f6f4f0 !important;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 10px;
}

.page-id-995 a#btn {
    background-color: #f6f4f0 !important;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 10px;
}

.page-id-999 a#btn {
    background-color: #f6f4f0 !important;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 10px;
}

.page-id-1002 a#btn{
	background-color: #f6f4f0 !important;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
    margin-top: 10px;
}

/*Inner job page mi css End*/


#g1 ul li a {
    font-size: 20px !important;
    line-height: 30px !important;
    text-transform: capitalize;
}
#g1 ul {
    display: flex
;
    justify-content: space-between;
    width: 600px;
    margin: unset;
}
#g1 li {
    list-style: none;
}
ul#menu-global1 {
    margin: unset;
}
div#g1 .slide-out-widget-area-toggle.mobile-icon.slide-out-from-right {
    float: right;
    position: relative;
    top: -50px;
    left: -3%;
}
div#g1 {
    padding: 10px 170px !important;
}


@media (max-width: 1024px) {

div#g1 {
    padding: 10px 60px !important;
}
	div#g1 ul li a {
    display: none;
}

	
}

@media (max-width: 840px){
    div#g1 {
        padding: 10px 0px !important;
    }
}























.company-sidebar {
 
}

.company-sidebar-item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.company-sidebar-item:last-child {
    border-bottom: none; /* Remove border for the last item */
}

.company-icon {
    font-size: 24px;
    margin-right: 10px;
    color: #0073e6; /* Icon color */
}

.company-info {
    flex: 1;
    margin-left: 10px;
    margin-top: 10px;
}

h4.company-name {
    font-size: 16px !important;
    color: #000;
    line-height: 1.1 !important;
}

.job-count {
    font-size: 12px !important;
    color: #666 !important;
    margin-top: 4px !important;
}

label#field_crnyf_label span.frm_required {
    display: none !important;
}