.browse-job-carousel .owl-prev{
    width: 15px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: -30px;
    display: block !important;
    border: 0px solid black;
}

.browse-job-carousel .owl-next{
    width: 15px;
    height: 100px;
    position: absolute;
    top: 100px;
    right: -10px;
    display: block !important;
    border: 0px solid black;
}
.browse-job-carousel .carousal-nav{
    max-width: 48px !important;
}

.browse-job-carousel .carousal-nav{
    max-width: 48px !important;
}

.job-card{
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 10px;
}

.select-job-card{
	background: #FFFFFF;
	border: 2px solid #F6911D !important;
	box-sizing: border-box !important;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 10px; 
}

.ribbon-box{
	position: relative;
}

.ribbon-box .ribbon{
	position: absolute;
    right : -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right; 
}

.ribbon span{
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 120px;
	display: block;
	-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	position: absolute;
	top: 19px;
	left: -21px;
	font-weight: 600;}

.ribbon-box .ribbon span:before {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        z-index: -1;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent; }
 .ribbon-box .ribbon span:after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-bottom: 3px solid transparent; }
.ribbon-box .ribbon-two-primary span {
    background: #F6911D; }
    .ribbon-box .ribbon-two-primary span:before {
      border-left: 3px solid #2b387c;
      border-top: 3px solid #2b387c; }
    .ribbon-box .ribbon-two-primary span:after {
      border-right: 3px solid #2b387c;
      border-top: 3px solid #2b387c; }
 
.search-title-input{
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 29.5px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	height: 49px;
}

.btn-search{
	height: 49px;
	border: 1px solid #ced4da;
	border-right-color: #fff !important;
	border-radius: 29.5px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.agency-filter{
	background-color: #F4F4F4;
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	border-radius: 31.5px;
	background-image: url('../../images/background/dropdown.svg');
	height: 49px;
	max-width: 216px;
}

.job-search-card{
	background: #FFFFFF !important;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 15px !important;
}

.pagination .page-link {
  color: #6b6b6b !important;
}

.page-item.active .page-link{
	background: rgba(246, 145, 29, 0.2) !important;
	color: #F6911D !important;
	border: none !important;
}

.btn-apply{
	background: #FFFFFF;
	border: 2px solid #F6911D;
	box-sizing: border-box;
	border-radius: 31.5px;}

.ui-widget-header{
	background: #F6911D !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	height: 18px !important;
	width: 18px !important;
	border-radius: 50% !important;
	background: #F6911D !important;
}

.ui-widget-content{
	height: .7rem !important;
	background: #ddd;
}

@media only screen and (max-width: 768px){
	.browse-job-carousel .owl-prev {
		width: 15px;
		height: 100px;
		position: absolute;
		top: 100px;
		left: 0px;
		display: block !important;
		border: 0px solid black;
	}
	.browse-job-carousel .owl-next {
		width: 15px;
		height: 100px;
		position: absolute;
		top: 100px;
		right: 20px;
		display: block !important;
		border: 0px solid black;
	}
}