.hero-section-2021,
.hero-section-2023 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90vh;
  padding-right: 5%;
  padding-left: 5%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.05)),
      to(rgba(0, 0, 0, 0.05))
    ),
    url('../images/2022/landing.webp');
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.05),
      rgba(0, 0, 0, 0.05)
    ),
    url('../images/2022/landing.webp');
  background-position: 0px 0px, 100% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero-section-2023 {
	background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.05)),
      to(rgba(0, 0, 0, 0.05))
    ),
    url('../images/2024/landing.png');
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.05),
      rgba(0, 0, 0, 0.05)
    ),
    url('../images/2024/landing.png');
}

.navigation {
  margin-bottom: 0px;
}

.heading-2021 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 58px;
  line-height: 58px;
}

.heading-2021.large {
  font-size: 75px;
  line-height: 75px;
}

.grid-item-1-2021 {
  position: relative;
  display: flex;
  height: 488px;
  padding: 96px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-style: solid;
  border-width: 4px 4px 4px 0px;
  border-color: #fff;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),
    url('../images/matt_2020.jpg');
  background-position: 0px 0px, 50% 40%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  -webkit-transition: border-color 350ms ease,
    padding 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: border-color 350ms ease,
    padding 350ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  text-decoration: none;
  cursor: pointer;
}

.grid-item-1-2021:hover {
  padding-left: 110px;
  border-width: 5px;
  border-color: #fc0;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(55, 36, 106, 0.7)),
      to(rgba(55, 36, 106, 0.7))
    ),
    url('../images/matt_2020.jpg');
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.7),
      rgba(55, 36, 106, 0.7)
    ),
    url('../images/matt_2020.jpg');
  background-position: 0px 0px, 50% 40%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.grid-item-1-2021.gifts {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(55, 36, 106, 0.8)),
      to(rgba(55, 36, 106, 0.8))
    ),
    url('../images/make-a-change.jpg');
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.8),
      rgba(55, 36, 106, 0.8)
    ),
    url('../images/make-a-change.jpg');
}

.grid-item-1-2021.ten-years {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(55, 36, 106, 0.8)),
      to(rgba(55, 36, 106, 0.8))
    ),
    url('../images/graduates.jpg');
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.8),
      rgba(55, 36, 106, 0.8)
    ),
    url('../images/graduates.jpg');
}

.grid-item-1-2021.horizon {
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(55, 36, 106, 0.8)),
      to(rgba(55, 36, 106, 0.8))
    ),
    url('../images/group-of-peeps.jpg');
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.8),
      rgba(55, 36, 106, 0.8)
    ),
    url('../images/group-of-peeps.jpg');
}

.gifts-2021 {
  border-width: 4px 0px 4px 4px;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),
    url('../images/2023/your-gifts-at-work.png');
}

.gifts-2021:hover {
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.7),
      rgba(55, 36, 106, 0.7)
    ),
    url('../images/2023/your-gifts-at-work.png');
}

.about-2022 {
  border-width: 4px 4px 4px 0px;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),
    url('../images/2023/impact.png');
}

.about-2022:hover {
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.7),
      rgba(55, 36, 106, 0.7)
    ),
    url('../images/2023/impact.png');
}

.horizon-2022 {
  border-width: 4px 4px 4px 0px;
  background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),
    url('../images/2023/on-the-horizon.png');
}

.horizon-2022:hover {
  background-image: linear-gradient(
      180deg,
      rgba(55, 36, 106, 0.7),
      rgba(55, 36, 106, 0.7)
    ),
    url('../images/2023/on-the-horizon.png');
}


.rectangle-review {
  position: absolute;
  border-radius: 0px 25px 25px 0px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 0px;
  top: 380px;
  width: 390px;
  height: 40px;
  z-index: 5;
}

.text-sm-yellow-2021 {
  font-family: 'Avenir next lt pro 5182', sans-serif;
  font-size: 24px;
  line-height: 40px;
  display: flex;
  color: #452d7b;
  /* justify-content: flex-end; */
  /* padding-right: 10px; */
  padding-left: 95px;
}

.text-sm-yellow-2021.large {
  font-size: 34px;
  line-height: 34px;
}

.button-donate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 70px 17px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 25px;
  background-color: #fff;
  font-family: Avenir, sans-serif;
  color: #37246a;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}

.donate-footer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.added-operations {
	position: relative;
	z-index: 2;
}

.added-operations .left {
    width: 40vw;
    height: 24vw;
    background-image: url('../../annual-report-2024/added-team.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.added-operations .right {
    height: auto;
    width: auto;
}

.prepared-for-revive24 { max-height: 1000px; }
.prepared-for-revive24 .left { width: 0%; }
.prepared-for-revive24 .right { width: 100vw; }
.prepared-for-revive24 .right .top  {}

.prepared-for-revive24 .right .bottom {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* min-height: 15vw; */
    height: 60%;
}

.donor-recognition .container {
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 40px; /* space between grid items */
    max-width: 800px; /* constrain grid width */
    justify-content: center; /* center the grid */
}

.donor-recognition .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.donor-recognition img {
    max-width: 100%;
    height: auto;
}

.donor-recognition .container .item {
	width: 105%;
}

.donor-recognition .container .item img {
    width: 120%;
}

.donor-recognition .container .item h5 {
    margin-top: 0px;
}
.donor-recognition h5 {
    font-size: 2.35vw;
}

.one-newman .text {
    width: 85%;
}

.first90 {
	width: auto;
	height: auto;
    background-color: #1F1B69;
    color: white;
    display: flex
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.first90 .text {
    width: auto;
    color: white;
    height: auto;
}

.first90 .text h3 {
    align-self: center;
    width: 77%;
}

.revive24 .top {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 11.5%;
    padding-right: 9%;
    background-color: #30C0AB;
    color: white;
}

.added-operations.horizon .left {
    width: 40vw;
    height: 34vw;
    background-image: url('../../annual-report-2024/meredith.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.added-operations.horizon .right {
    height: auto;
    width: 100%;
}

.message-from-matt {
	padding-bottom: 165px;
}

@media screen and (max-width: 700px) {
	.message-from-matt {
		padding-bottom: 195px;
	}
}

.provided-more, .prepared-for-revive24 {
	position: relative;
	z-index: 2;
}