/*===========================================*/
/*== ==FOLD 1 - Header Styling - Desktop== ==*/
/*===========================================*/
.fold-1-header {
  position: relative;
  background: rgb(175, 9, 49);
  background: linear-gradient(
    118deg,
    rgb(180, 10, 49) 0%,
    rgb(128, 4, 33) 87%,
    rgb(94, 1, 23) 100%
  );
  padding: 25px 0;
  z-index: 1;
}

.fold-1-header::before {
  content: "";
  background: url(/wp-content/uploads/2023/02/texture-light.png);
  position: absolute;
  background-repeat: no-repeat;
  background-position: right;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.fold-1-header .banner {
  text-align: center;
  z-index: 3;
}

.fold-1-header .title {
  font-size: 42px;
  color: var(--text-light);
  margin: 0;
  padding: 0;
  z-index: 5;
}

/*=============================================*/
/*== ==FOLD 2 - Timeline Styling - Desktop== ==*/
/*=============================================*/
.fold2 {
  position: relative;
}

.timeline-content {
  padding-left: 100px;
}

.timeline-section:nth-child(odd) {
  background: whitesmoke;
}

.timeline-section {
  position: relative;
}

.timeline-content {
  position: relative;
  padding: 25px 0 25px 100px;
}

.timeline-content p {
  margin: 0;
}

.timeline-content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background: white;
  border: var(--light-red) 5px solid;
  border-radius: 64px;
  z-index: 5;
}

.timeline-content::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 100%;
  background: var(--light-red);
}

.timeline-section:first-child .timeline-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  transform: translate(-50%, 0%);
  width: 5px;
  height: 50%;
  background: var(--light-red);
}

.timeline-section:last-child .timeline-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  transform: translate(-50%, 0%);
  width: 5px;
  height: 50%;
  background: var(--light-red);
}

.timeline-content {
  display: flex;
  align-items: center;
  gap: 20px;
}
.timeline-content img {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.timeline-content-img {
  display: flex;
  flex: 1 0 450px;
  justify-content: flex-end;
}