.joining-head {
  display: grid;
  margin-top: 50px;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
}

/* .bottom-join {
    margin-left: 100px;
} */
 .bottom-join{
    /* text-align: center; */
    margin: auto;
 }

.joining-quote {
  /* margin-left: 100px; */
  text-align: right;
}

.sUpper {
  margin-top: 30px;
}
@media (max-width: 800px) {
  .joining-head {
    grid-template-columns: 1fr;
    gap: 30px;
    font-size: 2.75vw;
    /* flex-direction: column; */
    align-items: center;
    text-align: center;
  }

  .joining-quote {
    margin-left: 0;
    margin-top: 20px;
    text-align: center;
  }
}