.about__container{
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 5px;
  border: 1px solid var(--slate-600);
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  background: var(--slate-100);
  transition: var(--transition);
}
 

.about__description-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about__description{
  font-size: var(--p);
  max-width: 90%;
  text-align: justify;
}
 


.vission-mission__container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 1rem;
}

.vision, .mission{
  background: var(--slate-100);
  color: var(--slate-600);
  border: 1px solid var(--slate-600);
  border-radius: 5px;
  transition: var(--transition);
}
.vission__mission-title{
  line-height: 0;
}

.vision p, .mission p{
  width: 95%;
  text-align: justify;
  font-size: var(--p);
  color: var(--slate-400);
  padding: 0 0.5rem;
}

.vision:hover,.mission:hover{
  transform: translateY(-5px);
  background: var(--slate-600);
  color: var(--clr-white);
} 


/* xs */
/* @media (min-width:475px) {} */

/* sm */
/* @media (min-width:640px) {} */

/* md */
/* @media (min-width:768px) {} */

/* lg */
@media (min-width:1024px) {
  .about__container{
    grid-template-columns: 60% 40%;
  }
  .about__description{
    max-width: 80%;
  }

}

/* xl */
/* @media (min-width:1280px) {} */

/* 2xl */
/* @media (min-width:1536px) {} */