/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 13 2025 | 10:47:04 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/*Job Page design*/
.filters-set .flex-wrapper{
	 background:#eee;
	
	padding:15px 20px;
	border-radius:10px
}
.job-listing .post-wrapper{
	border:1px solid #eee;
	padding:15px 20px;
	border-radius:10px
}
.job-listing .elementor-repeater-item-755527b{
position: absolute;
    right: 16px;
    background: #ff9700;
    padding: 4px 20px;
    border-radius: 5px;
    color: #fff;
    top: 20px;
}
.job-listing .post-read-more{
	background: #091359;
    width: max-content;
    padding: 8px 20px;
    color: #fff;
    border-radius: 10px;
	margin-top:10px
}
.job-listing{
	font-family: "NeueMontreal", Sans-serif;
}
.page-numbers{
	background: #ebebeb;
    padding: 5px 5px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000!important;
}
.page-numbers.current{
	background: #ff9700;
    padding: 5px 5px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff!important;
}
.job-listing .elementor-grid{
	grid-template-columns: repeat(1, 1fr)!important;
}
.job-details-page {
	border: 1px solid #dbd6d6;
    padding: 15px 20px;
    border-radius: 10px;
}
.elementor-repeater-item-df191ec a,.elementor-repeater-item-07dafe5 a{
	color:#474747;
	cursor: auto;
}
.next.page-numbers{
	position:relative
}
.next.page-numbers::after{
	background-image: url(/wp-content/uploads/2025/09/right-arrow.png);
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    position: relative;
    height: 14px;
   filter: opacity(0.7);
    background-position: center;
}
.prev.page-numbers::after{
	background-image: url(/wp-content/uploads/2025/09/right-arrow.png);
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    position: relative;
    height: 14px;
    transform:rotate(180deg);
	filter: opacity(0.7);
    background-position: center;
}
.post-container .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.job-details-page .hmcabw-main-wrapper{
	display:none;
}
.job-form .row{
	display:flex;
	align-items:center;
}
.job-form .col-lg-6{
width:50%;
	padding:0px 10px;
}
.job-form .col-lg-12{
width:100%;
	padding:0px 10px;
}

.job-form select,
.job-form input[type=text],
.job-form input[type="email"],
.job-form input[type="tel"]{
	height:50px;
	background-color: transparent;
    border-color: #666;
    padding-left: .75rem;
	border-radius: 25px;
	color:rgb(30,30,30);
}
.job-form [type=button], 
.job-form [type=submit],
.job-form button{
	border: 1px solid #ff9700!important;
	color: #ff9700!important;
	color: rgb(255, 255, 255) !important;
    background-color: #ff9700;
    border-style: none;
	font-weight: 900;
	font-size: 16px;
    border-radius: 25px;
    margin: 0px;
}
.job-form [type=button]:hover, 
.job-form [type=submit]:hover,
.job-form button:hover{
	border: 1px solid #ff9700!important;
	background:#ff9700!important;
	color:#fff!important;
}

.close-cf7-popup:hover{
	background-color: #ff9700 !important;
}

.job-note {
	font-family: NeueMontreal, sans-serif;
    font-size: 12px;
	font-style: italic;
}

.cf7-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  overflow-y: auto; /* ✅ allows scrolling on mobile */
  padding: 20px;
}
 
.cf7-popup-content {
  background: #fff;
  border-radius: 10px;
  max-width: 800px;
  width: 100%;
  position: relative;
  padding: 60px 30px 30px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  height: calc(100vh - 285px);
  top: 30px;
  margin: 0 auto;
  overflow-y: auto;
}
 
.close-cf7-popup {
  position: absolute;
  top: 0px;
  right: 15px;
  background: none;
  border: none;
  color: #000;
  font-size: 26px;
  cursor: pointer;
}

.cf-turnstile {
	margin-bottom:15px;
}

.job-desc {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

.job-desc ul {
	padding-left: 0px;
}

.job-desc ul li{
	justify-content: center;
}

.job-desc ul li .job-title{
	color: #091359;
	font-family: "NeueMontreal", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
	margin:20px 0 10px;
}

.job-desc ul li .job-value{
	color: #474747;
	font-size: 16px;
	line-height: 20px;
}

.job-details h3{
	font-size: 22px;
	line-height:26px;
	color: #091359;
}

.job-details-head h2{
	font-size: 30px;
	line-height: 34px;
	font-weight: 500 !important;
}

.job-details .hmcabw-main-wrapper {
	display: none;
}

.form-tax input[type="checkbox"]::before {
	content: "\f00c";
	font-weight: 900;
    font-family: "FontAwesome";
    color: #091359;
    top: -7px;
    position: relative;
    font-size: 14px;
    left: -1px;
	background: transparent !important;
}

@media(max-width:767px){
	.job-form .col-lg-6{
width:100%;
	padding:0px 10px;
}
	.job-form .row{
	display:flex;
	flex-direction:column
}
.cf7-popup-content {
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
  }
}