.kreska{
     width: 80%;
    background: var(--zloty);
    height: 2px;
    bottom: -15px;
    left: 10%;
 }

 .kurs-box .kreska{
   width: 40%;
  background: var(--zloty);
  height: 2px;
  bottom: -10px;
  left: 30%;
}

.kurs-box {
   border: 1px solid var(--zloty);
}

.kurs-thumbnail{
   height: 250px;
   overflow: hidden;
}

.kurs-thumbnail img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.3s ease-in-out;

}
.kurs-box:hover .kurs-thumbnail img {
   transform: scale(1.1);
   transition: all 0.3s ease-in-out;
}  
a.btn {
   background: var(--zloty);
   color: white;
   font-weight: bold;
   border: 1px solid var(--zloty);
}

a.btn:hover {
   background: white;
   color: var(--zloty);
   border: 1px solid var(--zloty);
}
a.btn:active {
   background: var(--zloty);
   color: white;
   border: 1px solid var(--zloty);

}
a.btn:focus {
   background: var(--zloty);
   color: white;
   border: 1px solid var(--zloty);

}
a.btn:focus-visible {
   background: var(--zloty);
   color: white;
   border: 1px solid var(--zloty);

}

@media  screen and (max-width:911px) {
   .w-min-50{
      width: 90% !important;
   }
}