.box1 {
  background-image: url('./Assets/42.png');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.box2 div img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}

.box2 div {
  color: black;
}

.box2 div p {
  line-height: 1.8;
}

@media only screen and (max-width: 1500px) {
  .box2 {
    height: 100vh;
  }

  .box21 {
    height: 100vh;
  }

  .box212 {
    /* background-color: yellow; */
    height: 40vh;
  }

  .box22 {
    height: 90vh;

  }

  .box22 p {
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 600px) {
  .box1 {
    height: 50vh;
  }

  .box2 {
    height: 180vh;
    gap: 0rem;
    flex-direction: column;
    align-items: center;
  }

  .box21 {
    height: 50vh;
    width: 90%;
  }

  .box212 {
    height: 20vh;
    width: 90%;
  }

  .box22 {
    height: 120vh;
    width: 90%;
  }

  .box22 p {
    font-size: 0.8rem;
  }
}