.card-company-featured {
    position: relative; /* Ważne dla pozycjonowania wstążki */    
    border: 1px solid rgb(145, 145, 145);
    box-shadow: 0 4px 8px rgba(119, 119, 119, 0.1);
    transform: scale(1.03);
 }

 .card-company-featured .card-body {
    background-color: white;
 }


 .opinion-card .card-body .company-url {
    color:var(--primary-color);
    font-weight:500;
 }
 
 .opinion-card .card-body .opinion-star-rating {
  font-size:25px;
 }

.card-company-featured .card-title {
    color: rgb(79, 79, 79)
}

.card-company-featured img {
    height: 300px;
    object-fit: cover; 
    width: 100%; 
}   


.ribbon {
    position: absolute; /* Pozycjonowanie względem karty */
    top: 12px; /* Ustawienie wstążki bliżej środka karty */
    left: -49px; /* Ustawienie wstążki na lewym rogu */
    background-color: rgb(15, 84, 127); /* Kolor tła wstążki */
    color: white; /* Kolor tekstu */
    padding: 5px 50px; /* Padding dla tekstu wstążki */
    transform: rotate(-45deg); /* Obrócenie wstążki w lewo */
    -webkit-transform: rotate(-45deg); /* Obrócenie dla WebKit */
    z-index: 10; /* Zapewnienie, że wstążka znajduje się na wierzchu */
    text-align: center; /* Centrowanie tekstu */
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3); /* Cień dla wstążki */
}

.ribbon .stars {
    font-size: 16px; /* Dostosuj rozmiar gwiazdek */
    color: gold; /* Kolor gwiazdek */
    line-height: 1.2; /* Odległość linii */
    margin-top: 5px; /* Odległość od tekstu "Wyróżniono" */
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .image-block {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
  }
  
  .image-block-inner {
    -webkit-box-shadow: 0px 3px 10px 1px rgba(204, 204, 204 0, 1);
    -moz-box-shadow: 0px 3px 10px 1px rgba(204, 204, 204 0, 1);
    box-shadow: 0px 3px 10px 1px rgba(204, 204, 204, 1);
  }
  
  .image-block li>.image-block-inner {
    padding-bottom: 30px;
    background-color: #fff;
    height: 100%;
  }
  
  a {
    color: #111;
    text-decoration: none;
  }
  
  h2,
  h4 a {
    text-transform: uppercase;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  .image-block li>.image-block-inner>a {
    display: block;
    overflow: hidden;
  }
  
  .image-block li>.image-block-inner>a img {
    border: 1px solid #e1e1df;
  }
  
  .image-block li>.image-block-inner:hover {
    background-color: #eee;
  }
  
  .hp-posts-cat {
    margin-bottom: 13px;
    margin-top: 35px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    display: inline-block;
  }
  
  .news {
    font-family: 'Oswald', sans-serif;
  }
  
  .news .image-block li>.image-block-inner h4,
  .hp-posts-cat,
  .news .image-block li>.image-block-inner p,
  .read-more {
    padding: 0 28px;
  }
  
  .read-more {
    display: block;
    text-decoration: underline;
    margin-top: 30px;
    font-weight: 600;
  }
  
  /* Media Queries */
  
  @media (min-width: 992px) {
    .col-md-5 {
      width: 41.66667%;
    }
  }
  
  @media (min-width: 768px) {
    .image-block li.image-block1 {
      padding-left: 26px;
      padding-right: 14.5px;
    }
  }
  
  @media (min-width: 1200px) {
    .image-block li>.image-block-inner>a {
      max-height: 245px;
    }
  }
  
  @media (min-width: 992px) {
  
    .pl-lg-0,
    .px-lg-0 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .ml-lg-0,
    .mx-lg-0 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  button.tag {
    margin:5px;
    margin-left:0px;
    background-color: transparent; 
    border: none; 
    color: #007bff; 
    padding: 0; 
    border-bottom:1px solid #f0f0f0;
    border-bottom-width: 2px;
    text-decoration: none; 
    cursor: pointer; 
    font-family: inherit;
    font-size: inherit; 
  }
  
  
  button.tag::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f02b';
  }
  
  button.tag:hover,
  button.tag:focus {
    color: #0056b3; 
    text-decoration: none;
    outline: none;
  }
    
.hp-posts-cat {
  display: inline-block; /* Ustawia elementy span na tej samej linii */
  padding-left:0px;
  padding-right:5px;
}

.inline-form {
  display: inline; /* Ustawia formularze na tej samej linii */
  margin-right: 10px; /* Dodaje trochę przestrzeni między formularzami */
}


h2.section {
  color: var(--primary-color);
  text-align: left;
  display: flex;
  padding: 2px;
  border-bottom: 1px solid var(--primary-complementary-color);
  font-family: 'Barlow';
  margin-left:-22px;
  margin-right:-22px;
}

.stars-outer {
  display: inline-block;
  position: relative;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.stars-outer::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-size: 24px;
  color: #ccc;
}

.stars-inner::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  font-size: 24px;
  color: gold;
}