.about-text {
  width: fit-content;
  height: fit-content;
  padding-left: 10%;

  position: absolute;
  z-index: 998;
  top: 3rem;

  display: flex;
  flex-direction: column;
}

.about-details { 
  width: 80%;
  
  margin-top: 12rem;
  padding: 1rem;
  border-radius: 20px;

  display: flex;
  flex-direction: column;
  gap: 10px;

  background-color: var(--d);
  color: aliceblue;
}

.about-text h2 {
  text-align: left;
  background-color: var(--d);
  width: fit-content;
  padding: 1rem;
  color: aliceblue;
  border-radius: 20px;
}



/* small mobile */
@media (min-width: 320px) {
 .about-details {
  margin-top: 13rem;
 }
}

/* m mobile */
/* @media (min-width: 375px) {
 
} */

/* l mobile */
@media (min-width: 425px) {
 .about-details {
  width: 75%;
  
  margin-top: 13rem;

 }
}

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

} */

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

} */

/* m */
@media (min-width: 768px) {
  .about-details {
    width: 40%;
    
    margin-top: 1rem;
  
   }
}

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

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

} */