.under-new-management {
  display: flex;
  margin-top: -44px;
  justify-content: space-between;
  width: 100%;
  max-width: 580px;
}
.under-new-management div {
  text-align: left;
}
.under-new-management div:first-child {
  text-align: right;
  /* padding-right: 300px; */
}
.under-new-management span {
  display: block;
  font-family: "Spartan Medium";
}
.under-new-management span:first-child {
  font-family: "Spartan ExtraBold";
  font-weight: bold;
}
.under-new-management span:last-of-type {
  margin-bottom: 8px;
}

.under-new-management a {
  all: initial;
  cursor: pointer !important;
}
.under-new-management a:hover {
  all: initial;
}

/* --------------------------------------------- */

section .three-column-images {
  display: grid;
  grid-gap: 20px;
}

@media (min-width: 1024px) {
  section .three-column-images {
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center;
    grid-gap: 80px;
  }
}

/* --------------------------------------------- */

/* TIMELINE */
/* Know-how accumulated from solving unprecedented challenges */

/* --------------------------------------------- */

.our-leader-cards > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.our-leader-cards .left-card {
  display: flex;
}
.our-leader-cards .right-card {
  display: flex;
}
.our-leader-cards .avatar {
  margin-right: -10px;
  display: flex;
  justify-content: center;
  margin-bottom: -25px;
}
.our-leader-cards .avatar img {
  width: 160px;
  height: 160px;
  z-index: 10;
  object-fit: contain;
}
.our-leader-cards .avatar p {
  margin: 2px;
}
.our-leader-cards .avatar .textblock {
  margin: 15px;
}
.our-leader-cards .avatar .avatar-text img {
  width: 30px;
  height: 30px;
  margin: 0 15px;
}
.our-leader-cards .avatar .avatar-text {
  text-align: right;
}

.our-leader-cards .avatar .textblock p:first-child {
  font-weight: bold;
}

.our-leader-cards .card-body {
  background-color: #fff;
  margin: 20px 0 20px 0;
  padding: 10px 30px;
  text-align: left;
  /* max-width: 75%; */
}
.our-leader-cards .card-body p {
  line-height: 1.6rem;
}

.our-leader-cards .card-body:hover {
  background-color: var(--main-color);
  color: var(--white-bg);
}
.our-leader-cards .card-body:hover p {
  background-color: var(--main-color);
  color: var(--white-bg);
}
.our-leader-cards .card-body strong {
  font-family: "Spartan ExtraBold";
}

.our-leader-cards a {
  all: initial;
  cursor: pointer !important;
}

.our-leader-cards a:hover {
  all: unset;
}

@media (min-width: 500px) {
  .our-leader-cards .card-body {
    max-width: 75%;
  }
  .our-leader-cards > div {
    flex-direction: row;
  }
  .our-leader-cards .avatar {
    flex-direction: column;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

@media (min-width: 1400px) {
  .our-leader-cards {
    display: flex;
    flex-direction: row;
  }
  .our-leader-cards .right-card {
    display: flex;
    flex-direction: row-reverse;
  }
  .our-leader-cards .avatar {
    margin-top: 80px;
    margin-bottom: 80px;
    margin-right: -10px;
  }
  .our-leader-cards .right-card .avatar {
    display: flex;
    flex-direction: column-reverse;
  }
  .our-leader-cards .right-card .avatar .avatar-text {
    display: flex;
    flex-direction: column-reverse;
  }
  .our-leader-cards .right-card .avatar .textblock {
    text-align: left;
  }
  .our-leader-cards .right-card .avatar img {
    margin-left: -10px;
    z-index: 10;
  }
  .our-leader-cards .right-card .avatar .avatar-text {
    text-align: left;
  }
  .our-leader-cards .right-card .avatar .avatar-text img {
    margin: 0 15px;
  }
}

/* We are purpose-driven and have an audacious vision */

section ul.horizontal-card {
  background-color: #fff;
}
section ul.horizontal-card li {
  background-color: #fff;
}
section ul.horizontal-card li div.text {
  background-color: var(--gray-bg);
  margin: 2rem 0;
  padding: 1rem 1.8rem;
}
section ul.horizontal-card li img {
  filter: invert(48%) sepia(35%) saturate(6246%) hue-rotate(174deg)
    brightness(93%) contrast(99%);
  width: 120px;
  width: 120px;
}
section ul.horizontal-card li h3 {
  font-size: 1.5rem;
  letter-spacing: -1px;
}
section ul.horizontal-card li p {
  font-size: 1.1rem;
  font-family: Spartan;
  letter-spacing: -1px;
}

section ul.horizontal-card li p strong {
  color: #606266;
}

@media (min-width: 768px) {
  section ul.horizontal-card li img {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section ul.horizontal-card li {
    display: flex;
    flex-direction: row;
  }
  section ul.horizontal-card li.reverse {
    flex-direction: row-reverse;
  }
  section ul.horizontal-card li div.image {
    width: 47%;
    margin: 2rem 0 0 0;
    padding: 1rem 1.8rem;
    vertical-align: middle;
  }
  section ul.horizontal-card li div.text {
    margin: 2rem 0 0 0;
    width: 53%;
    text-align: left;
  }
}

/* Maintaining a values-based culture */

section ul.left-aligned-cards li {
  text-align: left;
  margin-bottom: 40px;
  padding: 30px;
}
section ul.left-aligned-cards li h3 {
  font-size: 1.5rem;
  letter-spacing: -1px;
}
section ul.left-aligned-cards li img {
  filter: invert(48%) sepia(35%) saturate(6246%) hue-rotate(174deg)
    brightness(93%) contrast(99%);
}
section ul.left-aligned-cards li:hover {
  background-color: var(--main-color);
  color: var(--white-bg);
}
section ul.left-aligned-cards li:hover img {
  filter: invert(1) brightness(100%) !important;
}
section ul.left-aligned-cards li:hover p {
  color: var(--white-bg);
}

@media (min-width: 1400px) {
  section ul.left-aligned-cards {
    display: flex;
    flex-wrap: wrap;
  }
  section ul.left-aligned-cards li {
    max-width: 44%;
    margin: 30px;
  }
}

/* Agile is a way to motivate our employees */

/* High-performing teams through self-management */
/* no style required */

section .time-line {
  padding-left: 20px;
}

section .time-line h3 {
  font-size: 1.1rem;
}

section .time-line li {
  background: transparent;
  display: flex;
  flex-direction: column;
  margin: 7px 0px;
  padding: 7px 0px;
}

section .time-line li::after {
  content: "";
  background: #e0e0e0;
  width: 16px;
  height: 110%;
  position: absolute;
  left: -26px;
  transform: translate(50%, -10%);
  -webkit-transform: translate(50%, -10%);
}

section .time-line li:first-of-type:after {
  height: 530px;
}

section .time-line li img {
  margin: auto;
}

section .time-line li p {
  padding: 0px 10px;
  color: #6f6f6f;
}

section .time-line li span {
  display: inline-block;
  padding: 10px 35px 5px 30px;
  border-radius: 20px;
  position: relative;
  width: 120px;
  margin-left: -30px;
  text-align: center;
  font-weight: bold;
  z-index: 1;
  margin-right: auto;
  background-color: #66c3d0;
  border-color: #66c3d0;
  color: #fff;
  font-family: "Spartan Bold";
}

section .time-line li span::before {
  content: "";
  background-color: inherit;
  border: 7px solid #fff;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  margin-bottom: -40px;
  left: 0;
  margin-left: 7px;
  box-sizing: border-box;
}

section .time-line li span::after {
  content: "";
  position: absolute;
  border: solid transparent;
  border-width: 7px 7px 0;
  padding: 0;
  border-top-color: inherit;
  transform: none;
  -webkit-transform: none;
  top: 100%;
  left: 15px;
  right: unset;
}

section .time-line li:nth-of-type(2n) span {
  background-color: #4d897c;
  border-color: #4d897c;
}

section .time-line li:nth-of-type(3n) span {
  background-color: #fecc00;
  border-color: #fecc00;
}
section .time-line li:nth-of-type(4n) span {
  background-color: #ff7518;
  border-color: #ff7518;
}
section .time-line li:nth-of-type(6n) span {
  background-color: #0d70be;
  border-color: #0d70be;
}
section .time-line li:nth-of-type(8n) span {
  background-color: #fecc00;
  border-color: #fecc00;
}
section .time-line li:nth-of-type(10n) span {
  background-color: #7e71b1;
  border-color: #7e71b1;
}
section .time-line li:nth-of-type(12n) span {
  background-color: #f08683;
  border-color: #f08683;
}
section .time-line li:nth-of-type(13n) span {
  background-color: #ea556f;
  border-color: #ea556f;
}
section .time-line li:nth-of-type(14n) span {
  background-color: #b394b3;
  border-color: #b394b3;
}
section .time-line li:nth-of-type(15n) span {
  background-color: #b0cb1f;
  border-color: #b0cb1f;
}
section .time-line li:nth-of-type(16n) span {
  background-color: #ce82b5;
  border-color: #ce82b5;
}
section .time-line li:nth-of-type(17n) span {
  background-color: #61a375;
  border-color: #61a375;
}
section .time-line li:nth-of-type(19n) span {
  background-color: #fecc00;
  border-color: #fecc00;
}

@media (min-width: 1024px) {
  section .time-line {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-top: 75px;
  }
  section .time-line li {
    max-width: 50%;
  }

  section .time-line li:first-of-type:after {
    height: 870px;
  }
  section .time-line li:last-of-type:after {
    height: 102%;
    top: -1px;
  }

  section .time-line li img {
    margin: 0;
    width: 150px;
  }

  section .time-line h3 {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 1rem;
  }

  section .time-line li p {
    text-align: left;
    padding: 0;
    margin-top: 8px;
  }

  section .time-line li span::before {
    top: 4px;
    margin-bottom: 0;
    margin-left: 16px;
    left: 100%;
    z-index: 15;
  }

  section .time-line li::after {
    z-index: 3;
  }

  section .time-line li span {
    position: absolute;
    z-index: 5;
  }

  section .time-line li span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: unset;
    right: -10px;
    transform: translate(0, -50%) rotate(-45deg);
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    border: solid white;
    border-width: 0 15px 15px 0;
    padding: 15px;
    z-index: 1;
  }

  /*Jobbra rendezett*/

  section .time-line li:nth-of-type(1),
  section .time-line li:nth-of-type(7),
  section .time-line li:nth-of-type(10),
  section .time-line li:nth-of-type(15),
  section .time-line li:nth-of-type(17),
  section .time-line li:nth-of-type(18),
  section .time-line li:nth-of-type(13),
  section .time-line li:nth-of-type(11),
  section .time-line li:nth-of-type(6),
  section .time-line li:nth-of-type(3) {
    align-self: flex-end;
    padding-left: 55px;
  }
  section .time-line li:nth-of-type(1) span,
  section .time-line li:nth-of-type(7) span,
  section .time-line li:nth-of-type(10) span,
  section .time-line li:nth-of-type(15) span,
  section .time-line li:nth-of-type(17) span,
  section .time-line li:nth-of-type(18) span,
  section .time-line li:nth-of-type(13) span,
  section .time-line li:nth-of-type(11) span,
  section .time-line li:nth-of-type(6) span,
  section .time-line li:nth-of-type(3) span {
    margin-left: -214px;
  }

  section .time-line li:nth-of-type(1) > img,
  section .time-line li:nth-of-type(7) > img,
  section .time-line li:nth-of-type(10) > img,
  section .time-line li:nth-of-type(15) > img,
  section .time-line li:nth-of-type(17) > img,
  section .time-line li:nth-of-type(18) > img,
  section .time-line li:nth-of-type(13) > img,
  section .time-line li:nth-of-type(11) > img,
  section .time-line li:nth-of-type(6) > img,
  section .time-line li:nth-of-type(3) > img {
    /* margin-right: -93px!important; */
    margin-right: -25px;
    margin-left: 15px;
  }

  /*bal oldali rendezés*/

  section .time-line li:nth-of-type(2),
  section .time-line li:nth-of-type(14),
  section .time-line li:nth-of-type(16),
  section .time-line li:nth-of-type(19),
  section .time-line li:nth-of-type(12),
  section .time-line li:nth-of-type(9),
  section .time-line li:nth-of-type(8),
  section .time-line li:nth-of-type(5),
  section .time-line li:nth-of-type(4) {
    padding-right: 65px;
  }

  section .time-line li:nth-of-type(2) span::after,
  section .time-line li:nth-of-type(14) span::after,
  section .time-line li:nth-of-type(16) span::after,
  section .time-line li:nth-of-type(19) span::after,
  section .time-line li:nth-of-type(12) span::after,
  section .time-line li:nth-of-type(9) span::after,
  section .time-line li:nth-of-type(8) span::after,
  section .time-line li:nth-of-type(5) span::after,
  section .time-line li:nth-of-type(4) span::after {
    right: unset;
    /* z-index: -1; */
    left: -10px;
    transform: translate(0, -50%) rotate(135deg);
    -webkit-transform: translate(0, -50%) rotate(135deg);
  }

  section .time-line li:nth-of-type(2) span::before,
  section .time-line li:nth-of-type(14) span::before,
  section .time-line li:nth-of-type(16) span::before,
  section .time-line li:nth-of-type(19) span::before,
  section .time-line li:nth-of-type(12) span::before,
  section .time-line li:nth-of-type(9) span::before,
  section .time-line li:nth-of-type(8) span::before,
  section .time-line li:nth-of-type(5) span::before,
  section .time-line li:nth-of-type(4) span::before {
    left: 0;
    margin-left: -42px;
  }

  section .time-line li:nth-last-of-type(2),
  section .time-line li:nth-last-of-type(5),
  section .time-line li:nth-last-of-type(4) {
    /* padding-right: 55px; */
  }

  section .time-line li:nth-of-type(2) span,
  section .time-line li:nth-of-type(14) span,
  section .time-line li:nth-of-type(16) span,
  section .time-line li:nth-of-type(19) span,
  section .time-line li:nth-of-type(12) span,
  section .time-line li:nth-of-type(9) span,
  section .time-line li:nth-of-type(8) span,
  section .time-line li:nth-of-type(5) span,
  section .time-line li:nth-of-type(4) span {
    margin-right: -139px;
    margin-left: auto;
    /* position: absolute; */
    right: 0;
  }
  section .time-line li:nth-of-type(2)::after,
  section .time-line li:nth-of-type(14)::after,
  section .time-line li:nth-of-type(16)::after,
  section .time-line li:nth-of-type(19)::after,
  section .time-line li:nth-of-type(12)::after,
  section .time-line li:nth-of-type(9)::after,
  section .time-line li:nth-of-type(8)::after,
  section .time-line li:nth-of-type(5)::after,
  section .time-line li:nth-of-type(4)::after {
    left: unset;
    right: 0;
    margin-right: 10px;
  }
}

@media (min-width: 1400px) {
  section .time-line {
    max-width: calc(var(--content-max-width) * 0.92);
  }

  section .time-line li {
    flex-wrap: wrap;
    flex-direction: row;
    /* flex: 1; */
  }
  section .time-line li p {
    width: calc(100% - 150px);
    flex: 1;
  }
  section .time-line li img {
    object-fit: contain;
    margin-left: 0px;
  }
  section .time-line li h3 {
    width: 100%;
  }

  section .time-line li:nth-of-type(2) img,
  section .time-line li:nth-of-type(14) img,
  section .time-line li:nth-of-type(16) img,
  section .time-line li:nth-of-type(19) img,
  section .time-line li:nth-of-type(12) img,
  section .time-line li:nth-of-type(9) img,
  section .time-line li:nth-of-type(8) img,
  section .time-line li:nth-of-type(5) img,
  section .time-line li:nth-of-type(4) img {
    order: 2;
    margin-right: 20px;
    margin-left: -35px;
  }

  section .time-line li:nth-of-type(2) p,
  section .time-line li:nth-of-type(14) p,
  section .time-line li:nth-of-type(16) p,
  section .time-line li:nth-of-type(19) p,
  section .time-line li:nth-of-type(12) p,
  section .time-line li:nth-of-type(9) p,
  section .time-line li:nth-of-type(8) p,
  section .time-line li:nth-of-type(5) p,
  section .time-line li:nth-of-type(4) p {
    order: 3;
  }

  section .time-line li:nth-of-type(2) h3,
  section .time-line li:nth-of-type(14) h3,
  section .time-line li:nth-of-type(16) h3,
  section .time-line li:nth-of-type(19) h3,
  section .time-line li:nth-of-type(12) h3,
  section .time-line li:nth-of-type(9) h3,
  section .time-line li:nth-of-type(8) h3,
  section .time-line li:nth-of-type(5) h3,
  section .time-line li:nth-of-type(4) h3 {
    padding-left: 164px;
  }

  section .time-line li:nth-of-type(19) img {
    margin-top: -31px !important;
  }
}