/*Etiketa e tagut*/
.featured-label .featured {
    color:#222;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 10px;
    position: relative;
    margin-left:2px;
    padding-left:5px;
    text-align: right;
   /* text-transform: uppercase;*/
    background-image: url("https://njoftimeplus.com/storage/gold-bg.png");
    background-size: 150px;
    width:150px;
    /*background: var(--primary-color);*/
    padding: 6px;
    box-shadow: -3px 3px 5px 0px  #888;
}

.featured-label .featured:before {
    border-bottom: 28px solid transparent;
    /*border-right: 11px solid var(--primary-color);*/
    border-right: 11px solid #BF953F;
    border-top: 11px solid transparent;
    border-left: 0px solid transparent;
    content: "";
    left: -11px;
    position: absolute;
    top: 0;
   
}
   /* border-bottom: 25px solid transparent;
     border-right: 11px solid var(--primary-color); 
    border-right: 11px solid #9d7728;
    border-top: 11px solid transparent;
    border-left: 0px solid transparent;*/
/*Hapat steps */

.number-element {
  color: var(--primary-color);
  background-color: #EFF2FB;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: inline-block;
  line-height: 110px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.box-step {
  text-align: center;
}


.step-1::before {
  content: "";
  width: 70%;
  height: 59px;
  position: absolute;
  top: 45px;
  left: 68%;
  background: url(https://njoftimeplus.com/storage/hapat-new.png) no-repeat;
  background-size: auto;
  background-size: contain;
  z-index: 1;
}

.step-2::before {
  content: "";
  width: 70%;
  height: 59px;
  position: absolute;
  top: 45px;
  left: 68%;
  background: url(https://njoftimeplus.com/storage/hapat-new.png) no-repeat;
    background-size: auto;
  background-size: contain;
  z-index: 1;
}

.step-1 {
  position: relative;
}

.step-2 {
  position: relative;
}

.page-title-box {
    background-color: rgba(var(--primary-color-rgb), .95);
    background-size: cover;
    padding-bottom: 60px;
    padding-top: 30px;
    display:none;
}

/*
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  color: var(--bs-btn-active-color);
*/

a {
  color: rgb(255, 153, 0);
  text-decoration: none;
}



.navbar .navbar-nav .nav-link {
    background-color: transparent;
    color: #314047;
    font-size: 18px;
    font-weight: 450;
    padding: 23px 18px;
    position: relative;
    text-transform:none;
}

.filler-job-form .choices__inner, .filter-job-input-box, .filter-job-input-box.form-select,input.form-control.filter-job-input-box {
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 500;
}

.filter-job-input-box::placeholder {
  font-size: 17px;
  font-family: 'Poppins';
  font-weight: 500;
  color: #495057 !important;
  opacity: 1 !important;
}

.auth-box .auth-content {
  align-items: center;
  background-color: #c9c9c9;
}

.auth-box .auth-content .form-label {
    color: #314057;
}

form.auth-form svg {
    stroke: black;
}

input#email.form-control.ps-5::placeholder {
    color:#314057;
}

form.auth-form a {
    color: #314057;
}

.navbar-brand .logo-dark
 {
   max-width: 220px!important;
}

.job-detail .job-detail-content p, .job-detail .job-detail-content span, .job-detail .job-detail-content ul, .section .blog-post .post-content p, .section .blog-post .post-content span, .section .blog-post .post-content ul, h5
 {
    color: #222!important;
}

.section {
    /* padding-bottom: 80px; */
    padding-top: 20px;
 
}

.jobs-listing-container {margin-top: 20px;}
.widget-popular-title{
   
    background-color: #fff8ed;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    margin-bottom: 20px;
    border-radius: 1.25rem;
}

.widget-popular-title h2 {font-size:20px; color:rgb(255, 153, 0); text-align: center;display:none;}

.widget-popular-title {
    background-color: #EFF2F7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-radius: 1.25rem;
    border: 1px solid #f2f2f2;
}

.widget-popular-title .popular-box .number {
  background-color: rgb(255, 153, 0);
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  height: 25px;
  line-height: 27px;
  text-align: center;
  width: 26px;
  font-weight: 450;
}

.widget-popular-title .popular-box {
  border: 0px solid #f7cc53;}

.fs-13 {
    font-size: 15px;
}
.top-bar .uil i{
    color: var(--primary-color);
    font-weight: bold;
}
/*footer*/
.bg-subscribe {
    background-color: #dee0e1;
    bottom: -1px;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    display:none;
}

.subscribe-form .form-control
 {
    background-color: transparent;
    border-color: rgb(0 0 0 / 40%);
    border-radius: 8px;
    color: #161515;
    font-size: 16px;
    max-width: 350px;
    padding: 9px 20px;
}

.bg-footer {
    background: #FFF;
    font-size: 16px;
    padding: 30px 0;
    position: relative;
}
.bg-footer a,.bg-footer p, .bg-subscribe h2, .bg-subscribe p.text-white-50 
{ color:#666!important;}
.bg-footer a:hover {
  color: #314057; !important;
  background-color:rgb(255, 153, 0);
  padding:  0 5px;
}



.bg-footer .d-inline-block {
    display: none;
}

.footer-alt
 {
    background: #EFF2F7;
    border-top: 1px solid #d3d3d3;
    padding: 20px 0;
}

.footer-social-menu li a svg {
    height: 24px;
    stroke: 0;
}
.footer-social-menu li a { 
  border:0px; 
}

.pagination{
  margin-bottom:25px!important;
}

/*Forma regjistrimit*/
.auth-box .auth-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#444;}
.section
 {
    /* padding-bottom: 80px; */
    padding-top: 5px;
}

.badge-njoftimeplus {
    background-color: rgb(255, 153, 0); /* Orange */
    color: #fff;
    font-size: 13px;
}
/*borderat e njoftimit single*/
.job-box {
border: 2px solid rgb(255, 153, 0)!important;
}

.btn {
  --bs-btn-border-radius: 1.00rem;
}

.card-body {
  border: 0.15rem solid #ff9900;
  border-top:none;
}
.whatsapp-button {
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:1000;
}