/* ========================= spots ========================== */

.universal-screening-container {
  position: relative;
}

.spot {
  position: absolute;
  z-index: -1;
}

.spot--spot_17-01 {
  height: auto;
  width: 286px;
  top: 400px;
  left: 40px;
  transform: rotate(217deg);
}

.spot--spot_17-02 {
  height: auto;
  width: 386px;
  top: 430px;
  left: 750px;
  transform: rotate(354deg);
}

.spot--spot_01-01 {
  height: auto;
  width: 500px;
  top: 1052px;
  left: 51px;
  transform: rotate(35deg);
}

.spot--spot_01-02 {
  height: auto;
  width: 378px;
  top: 631px;
  left: 500px;
}

@media (max-width: 600px) {

  .spot--spot_01-01 {
    height: auto;
    width: 378px;
    top: 1531px;
    left: 0px;
  }

  .spot--spot_01-02 {
    height: auto;
    width: 378px;
    top: 31px;
    left: 191px;
  }

  .spot--spot_17-01 {
    height: auto;
    width: 386px;
    top: 758px;
    left: 14px;
  }

  .spot--spot_17-02 {
    height: auto;
    width: 378px;
    top: 331px;
    left: -168px;
  }

}

/* ========================= Page ========================== */

.Prevent-small-gaps,
.Comprehensive-tool,
.Backed-by-research {
  display: grid;
  margin: 120px 0px 0px;
}


/* ========================= Prevent small gaps from becoming larger barriers to learning ========================== */

.Prevent-small-gaps {
  gap: 80px;
}

.Prevent-small-gaps__text-block {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
}

.Prevent-small-gaps__methods {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}

@media (max-width: 768px) {

  .Prevent-small-gaps {
    margin: 40px 0px 0px;
    gap: 16px;
  }

  .Prevent-small-gaps__methods {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 24px;
  }

  .Prevent-small-gaps__methods .square-icon.square-icon--92 {
    width: 72px;
    height: 72px;
    min-width: 72px;
    min-height: 72px;
    border-radius: 24px;
  }

  .Prevent-small-gaps__methods .square-icon.square-icon--92 .square-icon__icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}

/* ========================= A comprehensive tool for universal screening ========================== */

.Comprehensive-tool {
  gap: 80px;
}

.Comprehensive-tool__title {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.Comprehensive-tool__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "text image";
  gap: 80px;
}

.Comprehensive-tool__content--reverted {
  grid-template-areas: "image text";
}

.Comprehensive-tool__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  grid-area: text;
  padding: 0;
}

.Comprehensive-tool__image {
  grid-area: image;
}

@media (max-width: 768px) {

  .Comprehensive-tool {
    margin: 80px 0px 0px;
    gap: 20px;
  }

  .Comprehensive-tool__content {
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "text";
    gap: 20px;
  }

  .Comprehensive-tool__list {
    gap: 20px;
  }
}


/* ========================= Backed by research, designed for educators ========================== */

.Backed-by-research {
  grid-template-columns: 1fr 1fr;
}

.Backed-by-research__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

.Backed-by-research__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  padding: 0;
}

.Backed-by-research__bullet-point {
  display: flex;
  align-items: center;
  gap: 16px;
}

@media (max-width: 768px) {

  .Backed-by-research {
    grid-template-columns: 1fr;
    margin: 80px 0px 0px;
    gap: 20px;
  }

  .Backed-by-research__content {
    padding: 24px 0;
    gap: 20px;
  }

  .Backed-by-research__list {
    gap: 16px;
  }
}