.elementor-3198 .elementor-element.elementor-element-70a8798{--display:flex;--min-height:920px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:32px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-3198 .elementor-element.elementor-element-70a8798:not(.elementor-motion-effects-element-type-background), .elementor-3198 .elementor-element.elementor-element-70a8798 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293837;}@media(min-width:768px){.elementor-3198 .elementor-element.elementor-element-70a8798{--content-width:834px;}}@media(max-width:1366px){.elementor-3198 .elementor-element.elementor-element-70a8798{--padding-top:32px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-3198 .elementor-element.elementor-element-70a8798{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS */.training-card__details {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.training-card--open .training-card__details {
  max-height: 500px; /* vagy nagyobb */
  opacity: 1;
}

.training-card__toggle{
    cursor: pointer;
}


.training-card--open .training-card__content, .training-card--open .training-card__details  {
  background: #fff !important;
}

.training-card--open .training-card__meta {
  color: black !important;
}


.training-card--open .training-card__meta span, .training-card--open .training-card__content .elementor-icon {
  color: black !important;
}



.training-card__toggle .elementor-icon {
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform-origin: bottom left;

}

.training-card--open .training-card__toggle .elementor-icon{
  transform: translateY(-5px) rotate(30deg);
  
}


.training-card__header {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.training-card__header::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.70) 0%,
    rgba(0, 0, 0, 0.00) 36.86%
  );
  pointer-events: none;
  z-index: 1;
}
.training-card__header > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */