.bizt-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 1%;
}

.bizt-box {
  background-color: white;
  color: var(--bs-primary);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(50, 51, 55, 0.15) 0px 0px 25px;
  transition: all 0.2s;
  cursor: pointer;
  margin-bottom: 1%;
}

.bizt-box:hover {
  background-color: var(--bs-primary);
  color: white;
}
.bizt-box:hover img {filter: brightness(0) invert(1);}

.b-lista {
  display: flex;
  flex-direction: column;
}

.bizt-n {
  margin-top: 25px;
  margin-bottom: 25px;
  color: var(--kek);
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  grid-template-columns: 3 4;
  position: relative;
}

.bizt-n .pottyok {
  display: none;
  position: absolute;
  height: 30%;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
}

.bizt-n2 .pottyok {
  left: 45%;
}

.bizt-n .szoveg {
  background-color: white;
  box-shadow: 0 0 25px 0 rgba(50, 51, 55, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
}

.bizt-n .kep {
  display: flex;
  align-items: center;
}

.bizt-n .kep img {
  width: 100%;
}

/* Termék aloldalak */
.termekintro{padding-top: 50px;padding-bottom: 250px;}
.termekcikkek {position:relative;top: -250px;margin-bottom: -250px;}

.termektabla {width: 100%;border-collapse: collapse;}
.termektabla td {padding: 5px 10px;border: 2px solid #fff;}
.termektabla tr:nth-child(even) td {background-color: #fbdecf;}
.termektabla tr:nth-child(odd) td {background-color: #fdeee7;}
.termektabla tr.fejlec td {color: #fff;background-color: #ef5d0f;font-weight: 500;}
.termektabla tr:first-child td {border-top: 0;}
.termektabla tr:last-child td {border-bottom: 0;}
.termektabla tr td:first-child {border-left: 0;}
.termektabla tr td:last-child {border-right: 0;}
.termektabla tr.kiemelt td {font-weight: 500;}


/* VISSZAHÍVÁS */

.vhivbox {
  border-radius: 25px;
  padding: 10px;
}

.vhivbox a img {
  height: 43px;
}

.vhivbox a:focus {outline: none;}
.vhivbox input {border: none; width: 250px;}
.vhivbox input:focus {outline: none;}
.vhivbox input::placeholder {color: var(--szurke)}

/*LOGIN REG*/

.tloginform input[type="text"],
.tloginform input[type="password"],
.tloginform input[type="email"] {
  padding: 5px;
  color: var(--stszurke);
  border: 1px solid var(--vszurke);
  background-color: #e7e7e873;
  outline: none;
  width: 225px;
}

.logdropdown {
  min-width: 285px;
  text-align: left;
}

/* kapcsolat */

.card-shadow {
  box-shadow: 0 0 25px 0 rgba(50, 51, 55, 0.15);
}

.tinput {
  padding: 5px;
  color: var(--stszurke);
  border: 1px solid var(--vszurke);
  background-color: #e7e7e873;
  outline: none;
  width: 100%;
}

/*Küldetésünk */

.kuld-kep img {
  height: 189px;
  filter: brightness(0.85);
  object-fit: cover;
}

.kuld-box {
  color: var(--kek) !important;
  background-color: #e5e9f0;
  position: relative;
}

.kuld-box * {
  color: var(--kek) !important;
}

.kuld-box p {
  font-style: italic;
  font-family: "Lora";
}

.idezojel-fel {
  height: 25%;
  transform: translateY(-10px);
}

.idezojel-lent {
  height: 25%;
  transform: translateY(10px);
}

.partnereink h1 {
  text-transform: uppercase;
  text-align: center;
}

.pslide {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  overflow: hidden;
}

.pslide img {
  width: 100%;
  object-fit: cover;
  height: auto;
}

.snl {
  left: -85px !important;
}

.slider-nav-next {
  right: -85px !important;
}

.slider-nav::before {
  background-color: transparent !important;
  border: 1px solid var(--bs-primary) !important;
}

.slider-nav::after {
  background-color: var(--bs-primary) !important;
}

.slider-indicators > * {
  background-color: #dfdfdf !important;
  opacity: 1 !important;
}

.slider-indicators > .active {
  background-color: var(--bs-primary) !important;
  opacity: 1;
}

/* Menü rendszer */
.almenu {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  left: 0;
  z-index: 1;
  padding-top: 42px;
  top: 42px;
  display: flex !important;
  visibility: collapse;
}

.alalmenu {
  background: rgba(47, 72, 134, 0.9);
  margin-inline: auto;
  width: 80%;
  max-width: 2000px;
  padding: 50px;
}

.nav-item a {
  position: relative !important;
  z-index: 10 !important;
}

.alnav-link {
  color: white !important;
}

.nav-item:hover .almenu {
  display: block !important;
  animation-name: show;
  animation-duration: 0.35s;
  visibility: visible;
}

.nav-item:not(:hover) .almenu-anim {
    animation-name: hide;
    animation-duration: 0.25s;
    visibility: collapse;
}

@keyframes hide {
    0% { opacity: 1; visibility: visible;}
    99% {opacity: 0; visibility: visible;}
    100% {visibility: collapse}
}

@keyframes show {
    from { opacity: 0;}
    to {opacity: 1;}
}

/*GYIK*/

.kerdes {
  position: inherit;relative;
  margin-bottom: 16px;
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgb(50 51 55 / 15%);
  padding-bottom: 20px;
  padding-top: 20px;
  padding-inline: 15px;
}

.kerdes > summary:after {
  content: "";
  position: absolute;
  right: 0;
  background-image: url("/Frontend/img/nyil-le.png");
  width: 30px;
  height: 30px;
  background-size: cover;
  top: 0;
}

.kerdes[open] > summary:after {
  content: "";
  background-image: url('/Frontend/img/nyil-fel.png');
}

.kerdes summary::marker {
  content: '';
}

.kerdes summary {
  cursor: pointer;
  position: relative;
  list-style: none;
}

.kerdes summary > * {
  display: inline;
}

.kerdes p {
  color: #2f4886;
  padding-top: 15px;
}

.kerdes p a {color: var(--bs-primary);}
.kerdes p a:hover {border-bottom: 1px dotted var(--bs-primary);}

/*sm*/
@media screen and (min-width: 576px) {
}

/*md*/
@media screen and (min-width: 768px) {
  .bizt-box {
    margin-bottom: 0;
    flex: 1;
  }
  .bizt-list {
    flex-direction: row;
  }
}

/*lg*/
@media screen and (min-width: 992px) {
  .bizt-box {
    flex: 1;
    height: 208px;
  }
  .bizt-list {
    transform: translateY(-50%);
    margin-bottom: -104px;
  }
}

/*xl*/
@media screen and (min-width: 1200px) {
  .bizt-n .pottyok {
    display: block;
  }

  .bizt-n {
    flex-direction: row;
  }

  .bizt-n2 {
    flex-direction: row-reverse;
  }

  .bizt-n .szoveg {
    flex: 0 0 55%;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-right: 10%;
  }

  .bizt-n2 .szoveg {
    padding-right: 5%;
    padding-left: 10%;
  }
}

@media screen and (max-width: 800px) {
  .beljebb {margin-inline: inherit;padding-inline: inherit;}
}