body, html {
            margin: 0;
            padding: 0;
            width: 100%;
        }
 section {
  background: #fff;position:relative;overflow:hidden;margin:0;padding:0;width:100%;
}
a {color:#000;}
/* Webkit-alapú böngészők (Chrome, Edge, Opera, Safari) */
html::-webkit-scrollbar, .modal-body::-webkit-scrollbar {
  width: 8px;
}
html::-webkit-scrollbar-thumb, .modal-body::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #008c45 33%, #fff 33%, #fff 66%, #cd212a 66%);
  border-radius: 6px;
}
html::-webkit-scrollbar-track, .modal-body::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 6px;
}

/* Firefox */
html, .modal-body {
scrollbar-width: thin; 
scrollbar-color: #008c45 #fff; 
}
.btn-success{background: #008c45;}
.btn-danger{background: red;}
.italy-bar {
  height: 10px;
  background: linear-gradient(90deg, #008c45 33%, #fff 33%, #fff 66%, red 66%);
  border-radius: 3px;
}
.service-icon {
  font-size: 2rem;
  color: #008c45;
}

.brand-link.flip-card {
  display: block;
  width: 210px;
  height: 260px;
  perspective: 900px;
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(30,40,60,.10);
  background: transparent;
  margin: 0 auto;
}
.flip-card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 0.7s cubic-bezier(.52,.05,.51,1.01);
  transform-style: preserve-3d;
}
.brand-link.flip-card:hover .flip-card-inner,
.brand-link.flip-card:focus .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 8px;
  position: absolute;
  left: 0; top: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  box-sizing: border-box;
}
  .flip-card-back {  padding: 1.2rem 1rem;}
.flip-card-back {
  background: linear-gradient(120deg,#f2f2f2 0%,#d9d9d9 30%,#d1d1d1 60%,#f2f2f2 100%);
  color: #333;
  transform: rotateY(180deg);
  box-shadow: 0 4px 32px rgba(60,60,60,0.08);
}
.brand-link img {
  display: block;
}
.flip-card-front .btn-success{background:#fff;border-color:#008c45;color:#008c45;}
@media (max-width: 600px) {
  .brand-link.flip-card { width: 45%; margin-bottom:1rem}
}

.col .flexslider .slides > li {
  padding: 10px;
}
.col .flexslider .slides > li blockquote{  background: #fff;
  border: 1px solid #ececec;
  border-radius: 1.2rem;
  box-shadow: 0 1px 6px rgba(30,50,60,.01);
  transition: box-shadow .3s cubic-bezier(.42,0,.58,1), transform .3s cubic-bezier(.42,0,.58,1);
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  margin: 0 8px;}
.col .flexslider .slides > li:hover blockquote {
 box-shadow: 0 8px 36px rgba(0,0,0,0.14), 0 2px 8px rgba(0,0,0,0.07);
  border-color: #dedede;
  transform: translateY(-10px);
}
.hero-bg {margin:0!important;padding:0!important;width:100%!important}
.hero-bg .flexslider.hero-slider{margin:0!important;padding:0!important;width:100%!important;border: none;}
.hero-bg .flexslider.hero-slider .slides{margin:0;padding:0;}
.hero-slide-content {
  min-height: 400px;
  color: #fff;
  position: relative;
  text-shadow: 0 2px 8px rgba(30,50,60,.15);
}
.hero-slide-content .container {
  z-index: 2;
}
.hero-slide-content h1,
.hero-slide-content p,
.hero-slide-content span {
  opacity:0;
  display:inline-block;
  transform:translateX(-400px); /* <-- Y helyett X, negatív, tehát balról */
  transition:opacity 0.7s,transform 1.5s;
}
.hero-slide-content .slideup {
  opacity:1;
  transform:translateX(0);
}
.hero-slide-content h1,
.hero-slide-content p {
  background-color:red;
  padding:1rem;
  border-radius:8px;
}

.dropdown-item {
  transition: background-color .8s,color .8s;
}
.dropdown-item:hover{background-color:red;color:#fff;}
.sticky-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  animation: slideDown .3s;
}
.sticky-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1040;
  animation: slideDown .3s;
}
@keyframes slideDown {
  from {transform:translateY(-100%);}
  to {transform:translateY(0);}
}
body.nav-fixed {
  padding-top: 96px; /* 32px bar + 64px nav, igazítsd ha eltérő! */
}
@media (max-width: 768px) {
.hero-slider h1.display-3{font-size:1.5em}
  #scrollTopBtn {display: none !important;}
  #kapcsolat a.modal-link:first-child{margin-bottom:10px;}
}
.modal-body{max-height: 70vh; overflow-y: auto;}