/* ===== MAIN ===== */

main {

  background: var(--surface);

  border-radius: 32px 32px 0 0;

  margin-top: -60px;

  position: relative;

  z-index: 2;

  padding-top: 40px;

}



main h5 {

  padding-top: 40px;

}



/* ===== SIDE MENU ===== */

.side-menu {

  position: sticky;

  top: 20px;

  align-self: flex-start;

  border-right: 1px solid var(--border);

  padding-right: 12px;

}



.side-menu::before {

  content: "Usługi";

  display: block;

  font-size: .75rem;

  letter-spacing: .08em;

  text-transform: uppercase;

  color: var(--secondary);

  margin-bottom: 12px;

}



.side-menu ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.side-menu li + li {

  margin-top: 4px;

}



.side-menu a {

  display: block;

  color: var(--accent);

  padding: 10px 14px 10px 0;

  border-radius: 8px;

  text-decoration: none;

}



.side-menu a:hover {

  background: rgba(0,0,0,.04);

  color: var(--primary);

}



.side-menu a.active {

  background: var(--surface);

  color: var(--primary);

  font-weight: 600;

  position: relative;

}



.side-menu a.active::before {

  content: "";

  position: absolute;

  left: -12px;

  top: 50%;

  transform: translateY(-50%);

  width: 4px;

  height: 70%;

  background: var(--accent);

  border-radius: 4px;

}



@media (max-width: 992px) {

  .side-menu {

    display: none;

  }

}



/* ===== SERVICE CARDS ===== */

.service-card {

  background: var(--surface);

  border-radius: 24px;

  padding: 32px;

  margin-bottom: 40px;

  box-shadow: 0 12px 32px rgba(0,0,0,.08);

}



.service-card:nth-child(even) {

  background: var(--background);

  border-left: 6px solid var(--accent);

}



.service-card:nth-child(odd) {

  border-right: 6px solid var(--secondary);

}



.service-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.service-desc {

  font-size: 1.05rem;

  margin-bottom: 16px;

}



.service-points {

  list-style: none;

  padding: 0;

}



li>a{

    text-decoration: none !important;

   color: var(--accent);

}

#prokto{
color: var(--accent);
}