@import url("root.css");
.about {
  position: relative;
  width: 100%;
  color: var(--text-color);
  margin-top: 4em;
}
.aboutDtl {
    position: relative;
    width: 100%;
    color: var(--text-color);
    margin-top: 50vh;
    padding:0.5rem;
    text-align:justify;
    margin-bottom:5vh;
}
.details {
  position: relative;
  width: 100%;
  color: var(--text-color);
  margin: 0 auto;
  margin-top: 4em;
}

/* .grid-card {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-evenly;
} */

.section-name {
  text-align: center;
  font-size: var(--fs-section-name);
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}