/*-- Háttér csíkozás eltávolítás --*/
body {
  background-image: none !important;
  background-color: #ffffff !important;
}
/* -- Kártyák  -- */
.card {
    position: relative !important;
    overflow: hidden !important;
    padding: 30px 20px !important;
    background: 
#ffffff !important;
}
.card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url('call-do-bg.png') !important;
    background-size: cover !important;
    background-position: center !important;
    transform: translateX(-100%) !important;
    transition: transform 0.5s ease-out !important;
    z-index: 0 !important;
}
.card:hover::before {
    transform: translateX(0%) !important;
}
.card::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(36, 52, 161, 0.5) !important; 
    transform: translateX(-100%) !important;
    transition: transform 0.5s ease-out !important;
    z-index: 1 !important;
}
.card:hover::after {
    transform: translateX(0%) !important;
}
.card > * {
    position: relative !important;
    z-index: 2 !important;
}
.card *,
.card hr {
    transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease !important;
}
.card:hover,
.card:hover * {
    color: 
#ffffff !important;
}

.card:hover hr,
.card:hover .divider {
    border-color: rgba(255, 255, 255, 0.5) !important;
}
.card img,
.card svg,
.card [class*="icon"] {
    transition: filter 0.4s ease !important;
}
.card:hover img,
.card:hover svg,
.card:hover [class*="icon"] {
    filter: brightness(0) invert(1) !important;
}
.card .zb-btn,
.card button {
    display: inline-flex !important;
    width: auto !important;
    align-self: center !important;
}

.card:hover .zb-btn,
.card:hover .zb-btn *,
.card:hover button,
.card:hover button * {
    background-color: #ffffff !important;
    color: #2434a1 !important;
    border-color: #ffffff !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.card:hover .zb-btn,
.card:hover button {
    background-color: #fff !important;
    color: #2434a1 !important;
    border-color: #fff !important;
    display: inline-flex !important;
    width: auto !important;
    filter: none !important;
}

@media (max-width: 767px) {
  .reverse-mobile-row > div {
    display: flex;
    flex-direction: column-reverse;
  }
}

.footer-links a {
  color: #CEDCF3 !important; 
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.footer-links a:hover {
  color: #00a2ff !important; 
}