.job-post-item {
  height: 23.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  transition: box-shadow 1s ease-in-out;
}

.pr-lg-4, .px-lg-4 {
  padding-right: 0rem !important;
}

.job-post-item:hover, .job-post-item:focus {
  box-shadow: inset 0px 0px 100px rgba(124, 0, 128, 0.34);
  border: none;
}

.job-post-item .one-third {
  flex-grow: 1;
}

.save-job-container {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.save-job {
  transform: scale(2);
  transform-origin: bottom left;
}

.job-post-item:hover .icon {
  background: none !important;
}

.job-post-item:hover .icon span {
  color: #fdab44;
  font-size: 1em;
  background: none !important;
}

.save-and-apply-buttons {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.save-and-apply-buttons .apply-button {
  margin-left: 10px;
}

.job-post-item-body {
  display: flex;
  flex-direction: column;
}

.job-post-item-body > div {
  margin-bottom: 10px;
}

.job-post-item-body .mr-3 {
  margin-top: 2rem;
}

.overlay-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  opacity: 0.94;
  background: #fafafa;
}

.background-nacisto-image {
  background-image: url('/images/background-logo-image.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.profile-image {
  font-size: 3em;
  background: white;
}

#profile-image-logo {
  width: auto;
}

.company-image {
  height: 100px;
  width: auto;
  zoom: 1.3;
}

.job-post-item-body .mr-3 {
  margin-bottom: 0px;
}

.company-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.company-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.icon-heart {
  margin-left: 8rem;
}

.tekst-oglasa {
  margin-top: 1rem;
  text-align: center;
}

/* RESPONZIVA */

/* 100 - 374 */
@media only screen and (min-width: 100px) and (max-width: 374px) {
  .job-post-item {
      height: 23rem;
      width: 20.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 8rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 374 - 383 */
@media only screen and (min-width: 375px) and (max-width: 383px) {
  .job-post-item {
      height: 24rem;
      width: 21.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 8.5rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 374 - 383 */
@media only screen and (min-width: 384px) and (max-width: 389px) {
  .job-post-item {
      height: 24rem;
      width: 22rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 8.5rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 390 - 411 */
@media only screen and (min-width: 390px) and (max-width: 411px) {
  .job-post-item {
      height: 24rem;
      width: 22.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 8.8rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 412 - 427 */
@media only screen and (min-width: 412px) and (max-width: 427px) {
  .job-post-item {
      height: 24rem;
      width: 24rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 9.6rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 430 - 600 */
@media only screen and (min-width: 428px) and (max-width: 600px) {
  .job-post-item {
      height: 24rem;
      width: 25rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 10rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 601 - 802 */
@media only screen and (min-width: 601px) and (max-width: 802px) {
  .job-post-item {
      height: 22rem;
      width: 24rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-bottom: -0.5rem;
      margin-left: 9.6rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

/* 601 - 802 */
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .job-post-item {
      height: 22rem;
      width: 19rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1px solid #e6e6e6;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      overflow: hidden;
      transition: box-shadow 1s ease-in-out;
  }

  .icon-heart {
      margin-left: 7rem;
  }

  .job-post-item .icon {
      background: none !important;
  }
}

#employerCarouselMobile {
  display: none;
}
@media (max-width: 767.98px) {
  #employerCarouselMobile {
      display: block;
  }
}

#employerCarousel {
  display: block;
}
@media (max-width: 767.98px) {
  #employerCarousel {
      display: none;
  }
}


/* RESPONZIVA */

#naziv-kompanije {
  position: absolute;
  bottom: 0rem;
  text-align: left;
  margin-left: 1rem;
  width: 100%;
}


.feature-box {
    text-align: center;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border-radius: 0.5rem;
    transition: transform 0.5s;
    animation: fade-in 0.8s ease forwards;
    opacity: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
  }
  
  .feature-box:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
  
  .feature-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  
  .feature-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color:white;
  }
  
  .feature-text {
    font-size: 0.75rem;
    line-height: 1.4;
    padding: 0 0.5rem;
  }
  
  .delay-100 { animation-delay: 0.1s; }
  .delay-200 { animation-delay: 0.2s; }
  .delay-300 { animation-delay: 0.3s; }
  
  @keyframes fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  
  .home-section-2 {
    background: linear-gradient(to right, #ec4899, #8b5cf6);
    color: white;
    padding: 3rem 0;
  }

  .testimonial-card {
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }