/* Štýl pre zaoblené stĺpce s tenkou linkou */
.custom-rounded-card {
    border: 1px solid #ffffff; /* Tenká linka (farbu zmeňte podľa potreby) */
    border-radius: 16px;       /* Miera zaoblenia rohov */
    padding: 24px !important;  /* Vnútorné odsadenie obsahu od okrajov */
    background-color: #ffffff; /* Pozadie karty (voliteľné) */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Jemný tieň pre lepší efekt (voliteľné) */
    transition: all 0.3s ease;
}

/* Voliteľný efekt pri nabehnutí myšou (Hover effect) */
.custom-rounded-card:hover {
    border-color: #0073aa; /* Zmena farby linky pri prechode myšou */
    transform: translateY(-4px); /* Mierne nadvihnutie stĺpca */
}

.feather-image {
  /* Prehliadače Chromium (Chrome, Edge, Safari) */
  -webkit-mask-image: radial-gradient(circle, black 50%, transparent 100%);
  
  /* Štandardná vlastnosť */
  mask-image: radial-gradient(circle, black 50%, transparent 100%);
}

.feather-bottom {
  -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}

.feather-edges {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),
                      linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%),
              linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
              
  /* Spojenie dvoch masiek pre vodorovný aj zvislý smer */
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}