.factoids {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two columns on larger screens */
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 48px;
  gap: 48px; /* Unified gap between columns and rows */
  margin: 24px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; /* Smooth transitions to reduce visual shifts */
  /* Ensure the third item spans two columns */
}

.factoids .factoid:nth-child(3n+0) {
  grid-column: span 2;
}

.factoids__heading {
  margin: 48px 0 32px;
  font-size: 2rem !important;
  color: #000000 !important; /* black */
}

.factoid {
  border: 2px solid var(--color-pewter);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: var(--font-family-serif);
  padding: 48px;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; /* Smooth changes for layout shifts */
  min-height: 300px; /* Prevent shift by reserving space */
}

.factoid .factoid__fact {
  color: var(--color-teal);
  font-weight: var(--font-weight-medium);
  font-size: 2rem;
  line-height: 136%;
  margin: 16px 0;
}

.factoid .factoid__fact::before {
  content: "";
  display: block;
  height: 4px;
  margin: 16px 0;
  width: 48px;
}

.factoid .factoid__description {
  color: var(--color-black);
  font-size: var(--font-size-heading);
  line-height: 160%;
  margin: 16px 0;
  font-weight: var(--font-weight-regular);
}

.factoids .factoid:nth-of-type(1n) .factoid__fact::before {
  background: #4681C1;
}

.factoids .factoid:nth-of-type(2n) .factoid__fact::before {
  background: #4681C1;
}

.factoids .factoid:nth-of-type(3n) .factoid__fact::before {
  background: #4681C1;
}

.factoids .factoid:nth-of-type(4n) .factoid__fact::before {
  background: #4681C1;
}

.factoids .factoid:nth-of-type(5n) .factoid__fact::before {
  background: #4681C1;
}

.factoids .factoid:nth-of-type(6n) .factoid__fact::before {
  background: #4681C1;
}

@media (max-width: 768px) {
  .factoids {
    grid-template-columns: 1fr; /* Single column layout for mobile and tablets */
    grid-gap: 24px;
    gap: 24px; /* Adjust the gap for smaller screens */
  }

  .factoid {
    padding: 24px;
    margin: 24px auto;
    min-height: 250px; /* Ensure minimum space is reserved */
  }
}

@media (max-width: 600px) {
  .homepage .paragraph--type--factoids .factoids, .homepage .paragraph--type--factoids-new .factoids {
    grid-template-columns: 1fr;
    display: inline-block !important;
    margin: 0 40px !important;
  }

  .factoids__heading {
    color: #000000 !important; /* black */
  }
}

@media (max-width: 600px) and (orientation: portrait) {
  .factoids {
    grid-template-columns: 1fr; /* Ensure single column layout */
  }

  .factoid {
    padding: 16px; /* Adjust padding for smaller screens */
    min-height: 200px; /* Prevent layout shifts */
  }
}

.homepage .paragraph--type--factoids, .homepage .paragraph--type--factoids-new {
  margin: 40px !important;
}

.opennuclearnetwork-org, .securefisheries-org, .pasocolombia-org, .oursecurefuture-org, .shuraako-org, .xniforpeace-org {
  /* Organization-Specific Colors */
}

.opennuclearnetwork-org h3.factoids__heading, .securefisheries-org h3.factoids__heading, .pasocolombia-org h3.factoids__heading, .oursecurefuture-org h3.factoids__heading, .shuraako-org h3.factoids__heading, .xniforpeace-org h3.factoids__heading {
  font-size: 1.6rem;
  font-weight: var(--font-weight-bold);
}

.opennuclearnetwork-org .factoid__fact::before, .securefisheries-org .factoid__fact::before, .pasocolombia-org .factoid__fact::before, .oursecurefuture-org .factoid__fact::before, .shuraako-org .factoid__fact::before, .xniforpeace-org .factoid__fact::before {
  width: 96px;
  height: 5px;
}

.opennuclearnetwork-org.opennuclearnetwork-org h3.factoids__heading, .securefisheries-org.opennuclearnetwork-org h3.factoids__heading, .pasocolombia-org.opennuclearnetwork-org h3.factoids__heading, .oursecurefuture-org.opennuclearnetwork-org h3.factoids__heading, .shuraako-org.opennuclearnetwork-org h3.factoids__heading, .xniforpeace-org.opennuclearnetwork-org h3.factoids__heading {
  color: var(--color-onn3);
}

.opennuclearnetwork-org.opennuclearnetwork-org .factoid:nth-of-type(1n) .factoid__fact::before, .securefisheries-org.opennuclearnetwork-org .factoid:nth-of-type(1n) .factoid__fact::before, .pasocolombia-org.opennuclearnetwork-org .factoid:nth-of-type(1n) .factoid__fact::before, .oursecurefuture-org.opennuclearnetwork-org .factoid:nth-of-type(1n) .factoid__fact::before, .shuraako-org.opennuclearnetwork-org .factoid:nth-of-type(1n) .factoid__fact::before, .xniforpeace-org.opennuclearnetwork-org .factoid:nth-of-type(1n) .factoid__fact::before {
  background: var(--color-onn4);
}

.opennuclearnetwork-org.opennuclearnetwork-org .factoid:nth-of-type(2) .factoid__fact::before, .securefisheries-org.opennuclearnetwork-org .factoid:nth-of-type(2) .factoid__fact::before, .pasocolombia-org.opennuclearnetwork-org .factoid:nth-of-type(2) .factoid__fact::before, .oursecurefuture-org.opennuclearnetwork-org .factoid:nth-of-type(2) .factoid__fact::before, .shuraako-org.opennuclearnetwork-org .factoid:nth-of-type(2) .factoid__fact::before, .xniforpeace-org.opennuclearnetwork-org .factoid:nth-of-type(2) .factoid__fact::before {
  background: var(--color-onn6);
}

.opennuclearnetwork-org.opennuclearnetwork-org .factoid:nth-of-type(3) .factoid__fact::before, .securefisheries-org.opennuclearnetwork-org .factoid:nth-of-type(3) .factoid__fact::before, .pasocolombia-org.opennuclearnetwork-org .factoid:nth-of-type(3) .factoid__fact::before, .oursecurefuture-org.opennuclearnetwork-org .factoid:nth-of-type(3) .factoid__fact::before, .shuraako-org.opennuclearnetwork-org .factoid:nth-of-type(3) .factoid__fact::before, .xniforpeace-org.opennuclearnetwork-org .factoid:nth-of-type(3) .factoid__fact::before {
  background: var(--color-onn5);
}

.opennuclearnetwork-org.securefisheries-org h3.factoids__heading, .securefisheries-org.securefisheries-org h3.factoids__heading, .pasocolombia-org.securefisheries-org h3.factoids__heading, .oursecurefuture-org.securefisheries-org h3.factoids__heading, .shuraako-org.securefisheries-org h3.factoids__heading, .xniforpeace-org.securefisheries-org h3.factoids__heading {
  color: var(--color-sf3);
}

.opennuclearnetwork-org.securefisheries-org .factoid:nth-of-type(1n) .factoid__fact::before, .securefisheries-org.securefisheries-org .factoid:nth-of-type(1n) .factoid__fact::before, .pasocolombia-org.securefisheries-org .factoid:nth-of-type(1n) .factoid__fact::before, .oursecurefuture-org.securefisheries-org .factoid:nth-of-type(1n) .factoid__fact::before, .shuraako-org.securefisheries-org .factoid:nth-of-type(1n) .factoid__fact::before, .xniforpeace-org.securefisheries-org .factoid:nth-of-type(1n) .factoid__fact::before {
  background: var(--color-sf4);
}

.opennuclearnetwork-org.securefisheries-org .factoid:nth-of-type(2) .factoid__fact::before, .securefisheries-org.securefisheries-org .factoid:nth-of-type(2) .factoid__fact::before, .pasocolombia-org.securefisheries-org .factoid:nth-of-type(2) .factoid__fact::before, .oursecurefuture-org.securefisheries-org .factoid:nth-of-type(2) .factoid__fact::before, .shuraako-org.securefisheries-org .factoid:nth-of-type(2) .factoid__fact::before, .xniforpeace-org.securefisheries-org .factoid:nth-of-type(2) .factoid__fact::before {
  background: var(--color-sf6);
}

.opennuclearnetwork-org.securefisheries-org .factoid:nth-of-type(3) .factoid__fact::before, .securefisheries-org.securefisheries-org .factoid:nth-of-type(3) .factoid__fact::before, .pasocolombia-org.securefisheries-org .factoid:nth-of-type(3) .factoid__fact::before, .oursecurefuture-org.securefisheries-org .factoid:nth-of-type(3) .factoid__fact::before, .shuraako-org.securefisheries-org .factoid:nth-of-type(3) .factoid__fact::before, .xniforpeace-org.securefisheries-org .factoid:nth-of-type(3) .factoid__fact::before {
  background: var(--color-sf5);
}

.opennuclearnetwork-org.pasocolombia-org h3.factoids__heading, .securefisheries-org.pasocolombia-org h3.factoids__heading, .pasocolombia-org.pasocolombia-org h3.factoids__heading, .oursecurefuture-org.pasocolombia-org h3.factoids__heading, .shuraako-org.pasocolombia-org h3.factoids__heading, .xniforpeace-org.pasocolombia-org h3.factoids__heading {
  color: var(--color-paso3);
}

.opennuclearnetwork-org.pasocolombia-org .factoid:nth-of-type(1n) .factoid__fact::before, .securefisheries-org.pasocolombia-org .factoid:nth-of-type(1n) .factoid__fact::before, .pasocolombia-org.pasocolombia-org .factoid:nth-of-type(1n) .factoid__fact::before, .oursecurefuture-org.pasocolombia-org .factoid:nth-of-type(1n) .factoid__fact::before, .shuraako-org.pasocolombia-org .factoid:nth-of-type(1n) .factoid__fact::before, .xniforpeace-org.pasocolombia-org .factoid:nth-of-type(1n) .factoid__fact::before {
  background: var(--color-paso4);
}

.opennuclearnetwork-org.pasocolombia-org .factoid:nth-of-type(2) .factoid__fact::before, .securefisheries-org.pasocolombia-org .factoid:nth-of-type(2) .factoid__fact::before, .pasocolombia-org.pasocolombia-org .factoid:nth-of-type(2) .factoid__fact::before, .oursecurefuture-org.pasocolombia-org .factoid:nth-of-type(2) .factoid__fact::before, .shuraako-org.pasocolombia-org .factoid:nth-of-type(2) .factoid__fact::before, .xniforpeace-org.pasocolombia-org .factoid:nth-of-type(2) .factoid__fact::before {
  background: var(--color-paso6);
}

.opennuclearnetwork-org.pasocolombia-org .factoid:nth-of-type(3) .factoid__fact::before, .securefisheries-org.pasocolombia-org .factoid:nth-of-type(3) .factoid__fact::before, .pasocolombia-org.pasocolombia-org .factoid:nth-of-type(3) .factoid__fact::before, .oursecurefuture-org.pasocolombia-org .factoid:nth-of-type(3) .factoid__fact::before, .shuraako-org.pasocolombia-org .factoid:nth-of-type(3) .factoid__fact::before, .xniforpeace-org.pasocolombia-org .factoid:nth-of-type(3) .factoid__fact::before {
  background: var(--color-paso5);
}

.opennuclearnetwork-org.oursecurefuture-org h3.factoids__heading, .securefisheries-org.oursecurefuture-org h3.factoids__heading, .pasocolombia-org.oursecurefuture-org h3.factoids__heading, .oursecurefuture-org.oursecurefuture-org h3.factoids__heading, .shuraako-org.oursecurefuture-org h3.factoids__heading, .xniforpeace-org.oursecurefuture-org h3.factoids__heading {
  color: var(--color-osf3);
}

.opennuclearnetwork-org.oursecurefuture-org .factoid:nth-of-type(1n) .factoid__fact::before, .securefisheries-org.oursecurefuture-org .factoid:nth-of-type(1n) .factoid__fact::before, .pasocolombia-org.oursecurefuture-org .factoid:nth-of-type(1n) .factoid__fact::before, .oursecurefuture-org.oursecurefuture-org .factoid:nth-of-type(1n) .factoid__fact::before, .shuraako-org.oursecurefuture-org .factoid:nth-of-type(1n) .factoid__fact::before, .xniforpeace-org.oursecurefuture-org .factoid:nth-of-type(1n) .factoid__fact::before {
  background: var(--color-osf4);
}

.opennuclearnetwork-org.oursecurefuture-org .factoid:nth-of-type(2) .factoid__fact::before, .securefisheries-org.oursecurefuture-org .factoid:nth-of-type(2) .factoid__fact::before, .pasocolombia-org.oursecurefuture-org .factoid:nth-of-type(2) .factoid__fact::before, .oursecurefuture-org.oursecurefuture-org .factoid:nth-of-type(2) .factoid__fact::before, .shuraako-org.oursecurefuture-org .factoid:nth-of-type(2) .factoid__fact::before, .xniforpeace-org.oursecurefuture-org .factoid:nth-of-type(2) .factoid__fact::before {
  background: var(--color-osf6);
}

.opennuclearnetwork-org.oursecurefuture-org .factoid:nth-of-type(3) .factoid__fact::before, .securefisheries-org.oursecurefuture-org .factoid:nth-of-type(3) .factoid__fact::before, .pasocolombia-org.oursecurefuture-org .factoid:nth-of-type(3) .factoid__fact::before, .oursecurefuture-org.oursecurefuture-org .factoid:nth-of-type(3) .factoid__fact::before, .shuraako-org.oursecurefuture-org .factoid:nth-of-type(3) .factoid__fact::before, .xniforpeace-org.oursecurefuture-org .factoid:nth-of-type(3) .factoid__fact::before {
  background: var(--color-osf5);
}

.opennuclearnetwork-org.shuraako-org h3.factoids__heading, .securefisheries-org.shuraako-org h3.factoids__heading, .pasocolombia-org.shuraako-org h3.factoids__heading, .oursecurefuture-org.shuraako-org h3.factoids__heading, .shuraako-org.shuraako-org h3.factoids__heading, .xniforpeace-org.shuraako-org h3.factoids__heading {
  color: var(--color-shuraako3);
}

.opennuclearnetwork-org.shuraako-org .factoid:nth-of-type(1n) .factoid__fact::before, .securefisheries-org.shuraako-org .factoid:nth-of-type(1n) .factoid__fact::before, .pasocolombia-org.shuraako-org .factoid:nth-of-type(1n) .factoid__fact::before, .oursecurefuture-org.shuraako-org .factoid:nth-of-type(1n) .factoid__fact::before, .shuraako-org.shuraako-org .factoid:nth-of-type(1n) .factoid__fact::before, .xniforpeace-org.shuraako-org .factoid:nth-of-type(1n) .factoid__fact::before {
  background: var(--color-shuraako4);
}

.opennuclearnetwork-org.shuraako-org .factoid:nth-of-type(2) .factoid__fact::before, .securefisheries-org.shuraako-org .factoid:nth-of-type(2) .factoid__fact::before, .pasocolombia-org.shuraako-org .factoid:nth-of-type(2) .factoid__fact::before, .oursecurefuture-org.shuraako-org .factoid:nth-of-type(2) .factoid__fact::before, .shuraako-org.shuraako-org .factoid:nth-of-type(2) .factoid__fact::before, .xniforpeace-org.shuraako-org .factoid:nth-of-type(2) .factoid__fact::before {
  background: var(--color-shuraako6);
}

.opennuclearnetwork-org.shuraako-org .factoid:nth-of-type(3) .factoid__fact::before, .securefisheries-org.shuraako-org .factoid:nth-of-type(3) .factoid__fact::before, .pasocolombia-org.shuraako-org .factoid:nth-of-type(3) .factoid__fact::before, .oursecurefuture-org.shuraako-org .factoid:nth-of-type(3) .factoid__fact::before, .shuraako-org.shuraako-org .factoid:nth-of-type(3) .factoid__fact::before, .xniforpeace-org.shuraako-org .factoid:nth-of-type(3) .factoid__fact::before {
  background: var(--color-shuraako5);
}

.opennuclearnetwork-org.xniforpeace-org h3.factoids__heading, .securefisheries-org.xniforpeace-org h3.factoids__heading, .pasocolombia-org.xniforpeace-org h3.factoids__heading, .oursecurefuture-org.xniforpeace-org h3.factoids__heading, .shuraako-org.xniforpeace-org h3.factoids__heading, .xniforpeace-org.xniforpeace-org h3.factoids__heading {
  color: var(--color-xni3);
}

.opennuclearnetwork-org.xniforpeace-org .factoid:nth-of-type(1n) .factoid__fact::before, .securefisheries-org.xniforpeace-org .factoid:nth-of-type(1n) .factoid__fact::before, .pasocolombia-org.xniforpeace-org .factoid:nth-of-type(1n) .factoid__fact::before, .oursecurefuture-org.xniforpeace-org .factoid:nth-of-type(1n) .factoid__fact::before, .shuraako-org.xniforpeace-org .factoid:nth-of-type(1n) .factoid__fact::before, .xniforpeace-org.xniforpeace-org .factoid:nth-of-type(1n) .factoid__fact::before {
  background: var(--color-xni4);
}

.opennuclearnetwork-org.xniforpeace-org .factoid:nth-of-type(2) .factoid__fact::before, .securefisheries-org.xniforpeace-org .factoid:nth-of-type(2) .factoid__fact::before, .pasocolombia-org.xniforpeace-org .factoid:nth-of-type(2) .factoid__fact::before, .oursecurefuture-org.xniforpeace-org .factoid:nth-of-type(2) .factoid__fact::before, .shuraako-org.xniforpeace-org .factoid:nth-of-type(2) .factoid__fact::before, .xniforpeace-org.xniforpeace-org .factoid:nth-of-type(2) .factoid__fact::before {
  background: var(--color-xni6);
}

.opennuclearnetwork-org.xniforpeace-org .factoid:nth-of-type(3) .factoid__fact::before, .securefisheries-org.xniforpeace-org .factoid:nth-of-type(3) .factoid__fact::before, .pasocolombia-org.xniforpeace-org .factoid:nth-of-type(3) .factoid__fact::before, .oursecurefuture-org.xniforpeace-org .factoid:nth-of-type(3) .factoid__fact::before, .shuraako-org.xniforpeace-org .factoid:nth-of-type(3) .factoid__fact::before, .xniforpeace-org.xniforpeace-org .factoid:nth-of-type(3) .factoid__fact::before {
  background: var(--color-xni5);
}