/*
* Theme Name: Workoo - Job Board HTML Template
* Author: Themezhub
* Version: 2.0
* Last Change: 05 May 2023
  Author URI    : https://themezhub.com/
-------------------------------------------------------------------*/
/*------------- List Of Table -----------
- : Google Fonts
- : Page Loader
- : Global Settings
- : Header Navigation Styles
- : Homes Banner
- : Product Elements
- : Inner Page Elements
- : Page Sidebar Design   
- : Blog Designs
- : Dashboard Design
- : Footer Start  
- : Responsiveness Start
------------- List Of Table ----------*/

/*------------------------------------
Google Fonts
------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap');

#particles-js{
  width: 100%;
  height: 100%;
  position: absolute;
}

.text-start{
	text-align:left!important;
}

.black-txt{
	color:black!important;
}

.black-txt h1{s
	font-size: 5em;
	color:black!important;
}

.black-txt img{
	max-width:600px!important;
	height: auto;
}

.job-full {
    min-height: 600px!important;
    margin-top: 80px;
}

.job-full-2 {
    min-height: 600px!important;
    margin-top: 60px;
}

.h1-headline{
	font-size:5em;
} 

.auto-margin{
	margin:auto;
}

.lp-30{
	padding-left: 30px;
}

.tm-60{
	margin-top:-60px;
}

.call-to-act{
    z-index: 10;
    position: sticky;
    bottom: 0;
	background: #199335 url(./../img/landing-bg.png) no-repeat;
    padding: 20px 0 10px;
}

.subscribe-btn{
	padding: 10px 14px;
    margin: -6px 0 0 0;
}

.call-to-act-nm {
    //padding: 3em 4em;
    padding: 1em;
}

section {
    //padding: 40px 0 40px;
    padding: 20px 0 20px;
}

section.min-sec {
    padding: 30px 0 30px;
}

.blog-body p{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 4!important;
    -webkit-box-orient: vertical!important;
    margin: 0 0 10px!important;
}

.jb_grid_01_thumb {
    position: relative;
    width: auto!important;
    height: 150px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0rem auto 2rem!important;
}

.jb_types {
    position: absolute;
    height: 25px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 15px;
    top: 115px;
    font-size: 12px;
    font-weight: 500;
    background: #f1f3f7;
    border-radius: 0.3rem;
}

.jb_types.topfour {
    color: #000000;
    background: #fff;
    z-index: 10;
}

.job_grid_02 .jb_grid_01_caption {
    height: 100px;
}

._emp_jb {
    font-weight: 500;
    font-size: 14px;
    color: #676e7c;
}

.hero-banner.full {
    min-height: 400px!important;
    margin-top: 80px;
}

p, ul, ol, dl, dt, dd, blockquote, address {
    margin: 0 0 10px;
    font-size: 16px;
    color: #555555;
    line-height: 24px;
    font-family: sans-serif;
}

.ct_cmp_caption {
    margin-top: 200px;
    margin-bottom: 30px;
}

.ziUp{
	z-index: 1;
}

.ziDown{
	z-index: -1;
}

.eiir_news_wrap ._tag780{
   margin-bottom: 10px!important;
}

.eiir_news_wrap ._tag782, .filter_group {
    flex: 1;
    display: block;
}

.eiir_news_items {
   margin-bottom: 7px!important;
}

._list_news_wraps {
    position: relative;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    -webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
    display: flex;
    flex-direction: inherit;
    align-items: center;
    padding: 0.5rem;
    margin-bottom: 30px;
    transition: all ease 0.4s;
}

._list_110_news{
    max-width: 130px;
    margin-right: 10px;
}

._list_110_news .circle {
    /* border: 1px solid #dfdfdf; */
    border-radius: 3%!important;
}

._list_110_caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    margin: 0.5rem 0;
}

._news_title {
    overflow: hidden;
    display: inline-block;
    /* max-width: 180px; */
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    color: #2D4379;
}

._news_title a {
	color: #4d4d4d!important;
    font-family: sans-serif!important;
    font-size: 16px!important;
    line-height: 1.4!important;
}

.loadmorebutton_box{
	margin: 30px;
}

.loadmorebutton_box .btn{
	display: block;
	margin: auto;
}

.eiir-trend-search .hero-banner.full {
    min-height: 160px!important;
    margin-top: 80px;
}

.eiir-trend-search .page-title.search-form {
    width: 100%;
    height: auto;
    padding: 3rem 0;
}

.eiir-search-term h5.qa-subtitle {
    display: inline-flex;
    font-size: 13px;
    line-height: 1.4;
    color: #0f92fb; 
}

.eiir-search-term a{
    padding: 5px 10px;
    font-weight: bold;
	background: #6192c6;
    color: #e5f4ff;
    border-radius: 3px;
}
.eiir-search-term a:hover{ 
    background: #e5f4ff;
    color: #6192c6;
}

.eiir-search-term .qa-skill-box {
    background: white!important;
    padding: 1.5em;
    border-radius: 4px;
}

.eiir-trend-advance-search ul.qa-skill-list li {
    list-style: none;
    position: relative;
    padding-left: 0;
    margin: 0 0 10px 0;
}

.eiir-trend-advance-search li:before {
	display: none!important; 
}

.weekly_link_tabs{
display: inline-block;
    padding: 5px 10px;
    margin: 0 6px 6px 0;
    font-weight: 500;
    background: orange!important;
    color: white!important;
    border-radius: 3px;
}

.weekly_link_tabs:hover{
    background: #28a745!important;
    color: white!important;
}

ul.qa-skill-list {
    padding: 0;
    border-left: 1px dashed #28a745!important;
}

.mnt_headline_txt{
	margin: 13px auto;
	text-align: center;
}

.filter-list{
	max-height: 250px;
	overflow-y: scroll;
	position: sticky;
}

.sec-heading {
    text-align: center;
    max-width: 740px!important;
    margin-bottom: 25px;
}

.small-category-2 {
    background: #19242b10;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 1rem 1rem!important;
    align-items: center;
    display: block;
    transition: all ease 0.4s;
    border: 0px solid #19242b50;
}

.small-category-2:hover, .small-category-2:focus {
    cursor: pointer;
    background: #19242b;
}

.small-category-2 a {
    color: #19242b; 
}

.small-category-2:hover .sc-2-detail span, .small-category-2:focus .sc-2-detail span {
    color: #e6ffec;
}

.small-category-2:hover .small-category-2-thumb a, .small-category-2:focus .small-category-2-thumb a {
    color: #19242b!important;
}

.small-category-2-thumb {
    width: 55px;
    display: flex;
    height: 55px;
    background: #19242b20;
    padding: 4px;
    border-radius: 50%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.small-category-2-thumb a {
    color: #19242b;
}

.sc-2-detail .sc-jb-title {
    margin-bottom: 2px;
    font-size: 18px!important;
}

.industry-tab{
    font-weight: normal!important;
    font-size: 14px!important;
}

.min-175{
	min-height:175px;
}

.min-165{
	min-height:165px;
}

.thumb-25 {
    width: calc(25% - 1rem);
    margin: 0.5rem;
	cursor: pointer;
}

.thumb-25:hover {
	background: #d5dbe8!important;
}

.elementzero {
  all: initial;
}

.elementzero a {
  all: unset
}

.tiw-box {
	overflow: hidden;
    display: inherit!important;
    height: 75px;
    width: 16.75%!important;
    flex: initial!important;
    border: 1px dashed #d2d2d2;
    /* vertical-align: middle; */
}

.tiw-box-b {
	overflow: hidden;
    display: inherit!important;
    height: 75px;
    width: 25%!important;
    flex: initial!important;
    border: 1px dashed #d2d2d2;
    /* vertical-align: middle; */
}

.tiw-box-c {
	overflow: hidden;
    display: inherit!important;
    height: 75px;
    width: 22.5%!important;
    flex: initial!important;
    border: 1px dashed #d2d2d2;
    /* vertical-align: middle; */
}

.tiw-box-d {
	overflow: hidden;
    display: inherit!important;
    height: 75px;
    width: 10%!important;
    flex: initial!important;
    border: 1px dashed #d2d2d2;
    /* vertical-align: middle; */
}

.tiw-box img{ 
}

.line-clamp{
	overflow: hidden!important;
    text-overflow: ellipsis!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3!important;
    -webkit-box-orient: vertical!important;
}

.share-blade-2-height{
	min-height: 150px!important;
	margin-top: 80px;
}

.side-links a{
    display: table;
    padding: 5px 10px;
    border-radius: 4px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    background-color: #199335;
    border-color: #e9ffeb;
    margin-top: 10px;
}

.side-links a:hover {  
    background-color: #ff9800; 
}

.countryTab {
    display: block;
    border: 1px dashed #cdcdcd;
    padding: 5px 10px;
    float: left;
    margin: 5px;
    border-radius: 5px;
}

.bannerBtn a{
    margin: 0 0 4px 0;
	font-weight: normal;
    color: #9c0a0a;
    font-size: 14px;
    background: lightyellow;
    display: inline-block;
    //padding: 1px 5px;
    padding: 6px 19px;
    border-radius: 2px;
}

.bannerBtn a:hover{
	color: lightyellow;
    font-size: 14px;
    background: #9c0a0a;
}


.main-banner-img{
	display:none;
}

span.process-img {
    display: none;
}

a.btn.bat-call-to-act { 
    margin-top: 0px;
}

.max-400{
	    max-width: 400px;
	margin: 10px auto;
}

.t-align {
    text-align: center!important;
}

.search-bar-wrape{
	width: 800px;
    margin: auto;
}

.header-promo.light { 
    margin: 10px auto;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #dae8f3;
    color: #eaf6ff;
    width: 150px;
    display: block;
    font-size: 14px;
    text-decoration: none;
}

.jod-sub-head{
	margin: 30px 0 0 0;
    font-size: 18px!important;
}

.jod-sub-head-2{
	margin: 30px 0 0 0;
    font-size: 16px!important;
}

.jobBannerBtn a {
    margin: 0 0 4px 0;
    font-weight: normal;
    color: #9c0a0a;
    font-size: 14px;
    background: lightyellow;
    display: inline-block;
    //: ;
    padding: 1px 5px;
    padding: 6px 19px;
    border-radius: 20px;
}

.jobBannerBtn a:hover {
	color: lightyellow;
    font-size: 14px;
    background: #9c0a0a;
}

.btnBlue{
    background: #0f92fb!important;
	color:white!important;
}
.btnBlue:hover{
    background:white!important;
	color:black!important;
}

.roundLinks a{
    background: #9c0a0a!important;
	color:lightyellow!important;
	border-radius:20px;
}
.roundLinks a:hover{
    background:lightyellow!important;
	color:#9c0a0a!important;
}

.maroonColor{
	color:maroon;
}
.maroonBg{
	border:1px dashed maroon;
}
.maroonBg:hover{
	border:1px dashed maroon;
	background: maroon;
	color:white;
}

.greenColor{
	color:#28a745;
}
.greenBg{
	border:1px dashed #28a745;
}
.greenBg:hover{
	border:1px dashed #28a745;
	background: #28a745;
	color:white;
}

.blueColor{
	color:#17a2b8;
}
.blueBg{
	border:1px dashed #17a2b8;
}
.blueBg:hover{
	border:1px dashed #17a2b8;
	background: #17a2b8;
	color:white;
}

.floating-button {
    position: fixed;
	z-index: 10000;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
	transition: all 0.3s ease 0s;
}

.floating-button:hover { 
    right: -2px; 
}

#left-floating-button {
    background-color: #199335;
    color: #fff;
    border: none;
    border-radius: 3px;
    /* width: 50px; */
    /* height: 50px; */
    padding: 5px 10px 5px 8px;
    font-size: 14px;
    cursor: pointer;
}

#closeMe {
    float: right;
    padding: 0px 5px;
    background: #ffffff;
    color: #000000;
    border-radius: 3px;
    cursor: pointer;
}

.btn-box .download-btn {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 15px;
    line-height: 26px;
    font-weight: 600;
    color: #ffffff;
    padding: 16px 30px 15px 80px;
    border-radius: 4px;
    z-index: 1;
    box-shadow: 0 0px 0px rgb(225 227 232)!important;
    border: 1px solid #26293c;
    background: #26293c;
    margin: 5px 0;
}

.btn-box .download-btn {
    //position: relative;
    //display: inline-block;
    float: none;
}

.header-promo.light {
    margin: 20px auto!important;
}

.buyProWeek{
    //width: auto!important;
    width: 100%!important;
    display: inline-block!important; 
}

.buyProWeek .label { 
	padding: 2px 8px;
    background-color: #199335 !important; 
    font-size: 16px!important; 
}

.buyProWeek .label:hover {  
    background-color: #ff9800 !important;  
}

.buyProWeek .header-promo-text {
    font-size: 16px!important; 
}

.filter-list li {
    padding: 0!important;
}

.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
   display: none;
}

.add-read-more.show-more-content .read-more {
   display: none;
}

.add-read-more .read-more,
.add-read-more .read-less {
    /*font-weight: bold; */
    margin-left: 2px;
    color: #007bff;
    cursor: pointer;
}

.cookies-popup {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none;
    width: 450px;
  }
  .cookies-popup h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
  }
  .cookies-popup p {
    margin: 0;
    margin-bottom: 15px;
    color: #555;
    line-height: 1.5;
  }
  .cookies-popup button {
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 16px;
    border: none;
    outline: none;
  }

.accept-btn {
    background-color:#199335;
    color: #fff;
  }
  .reject-btn {
    background-color: #f36a00;
    color: #fff;
  }
  .accept-btn:hover, .reject-btn:hover {
    background-color: #0056b3;
  }

#nmfHolder{
 text-align: center;
}

.nmfContainer{
 padding: 20px 10px;
 border-radius: 5px;
 background: #ffffff;
 max-width: 1290px;
}

#notifyMe{
 padding:10px;
 padding-bottom: 0px;
 //background:#19242b;
 //background:white;
 display: none;
}

#notifyBtn{
 display: table;
 //padding:10px;
 background:#eee;
 //width:180px;
 margin: auto;
 border-radius: 0px 0px 5px 5px;
}

#notifyBtn button{
 font-family: system-ui;
 background: #19242b;
 color: white;
 border: 0;
 padding: 5px 10px;
 border-radius: 0px 0px 5px 5px;
}

.notify-submit-input{
	background: #e8e8e8;
    padding: 8px 10px;
    width: 25%;
    border: 0;
    border-radius: 5px 0 0 5px;
}

.notify-submit-button{
	background: #ff7800;
    color: white;
    padding: 8px 10px;
    width: 10%;
    border: 0;
    border-radius: 0 5px 5px 0;
    margin: 0 0 0 -4px;
}

.form-container {
            max-width: 500px;
            margin: 30px auto;
            padding: 20px; 
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            background-color: #fff;
}
        .form-container p {
            margin-bottom: 15px;
        }
        .form-container label {
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .form-container input[type="text"],
        .form-container select {
			border: 1px solid #e6eaf1;
            border-radius: 4px;
            background: #f1f4f9;
            width: 100%;
            padding: 10px; 
            font-size: 16px;
        }
        .form-container input[type="submit"] {
            width: 100%;
            padding: 10px;
            background-color:#199335;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        .form-container input[type="submit"]:hover {
            background-color: #ff9800;
        }
        .form-container .otpLink {
            color: #007BFF;
            cursor: pointer;
            text-decoration: none;
        }
        .form-container .otpLink:hover {
            text-decoration: underline;
        }

        ._jb_title_b {
	        overflow: hidden;
            display: inline-block;
            //max-width: 180px;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #2D4379;
        }

.dataSnapShot H2{
    font-size: 24px;
    margin: 15px 0px 0px 0px;
    color: #5e5e5e;
}

.dataSnapShot .single-post-item .post-details p {
    margin: 5px 0 10px 0!important;
}

@media (max-width: 991px) {
	
}

@media (max-width: 767px) {
	/*mobile*/
	
.form-container {
    max-width: 100%; 
    margin: 30px;
}
	
.notify-submit-input{
    width: 70%; 
}

.notify-submit-button{ 
    width: 25%; 
}
	
.cookies-popup { 
    width: calc(100% - 80px);
}

.black-txt img{
	max-width:100%!important;
	height: auto;
}
	
.job-full-2 {
     margin-top: 10px;
}
	
.bannerBtn a{
    padding: 1px 5px;
}
	
.search-bar-wrape{
	width: 100%!important;
    margin: auto;
}
	
.share-blade-2-height{
	min-height: 150px!important;
	margin-top: auto;
}
	
.tiw-box img{
	height: 100px!important;
    width: auto!important;
}
	
.tiw-box, .tiw-box-b, .tiw-box-c, .tiw-box-d { 
    height: auto;
    width: 100%!important;
    /* vertical-align: middle; */
}
	
.elementzero {
  all: initial;
}

.elementzero a {
  all: unset
}
	
.thumb-25 {
    width: calc(100% - 1rem);
    margin: 0.5rem 1rem;
}
	
._eltio_caption_body h4 { 
    font-size: 15px!important;
}
 
._file_caption_flex ._eltio_caption_icon img {
    max-width: 60px!important;
}
	
.eiir_news_items ._list_110 {
    flex-direction: inherit;
}
	._news_title a {
	color: #4d4d4d!important;
    font-family: sans-serif!important;
    font-size: 14px!important;
    line-height: 1.4!important;
}
	._list_110_caption_news {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    margin: 0.5rem 0;
}

._list_110_news {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: inherit;
    text-align: center;
}
	
.main-banner-img{
	display:none;
}
	
	
.header-promo.light {
    margin: 0px auto !important;
    margin-top: 10px !important;
} 
	
}

@media (max-width: 600px) {
	
}

@media (max-width:420px) {

}
