@keyframes flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

#about{
  background-color: #fff;
  
} 


.about-heading {
 
  text-align: left;


  font-family: 'Sora';
  letter-spacing: 0.2px;
  font-size: 29px;
  font-weight: 600;
  color: #343f52;
}

.highlight {
  color: #cd83da;
  letter-spacing: 0.2px;
}

.highlight-bold {
  color: #cd83da;
  font-weight: bold;
}

.about-description {
  
  margin-top: 15px;
text-align: justify;
   font-family: 'Readex Pro';
  color: #666;
  font-weight: 400;
  font-size: 16px;
letter-spacing: 0.4px;
  line-height: 2;
}

.about-points {
  font-family: 'Readex Pro';
  color: #666;
  font-weight: 400;
  font-size: 16px;
letter-spacing: 0.4px;

  margin-top: 20px;
}

.highlight-quote {
  /* background-color: #fff5eb; */
  background-color: transparent;
  border-left: 8px solid #cd83da;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  margin-top: 10px;



  font-family: 'Readex Pro', sans-serif;
  font-weight: 500;
  margin-top: 16px;
  letter-spacing: 0.4px;

  border-top:2px solid #cd83da;
   border-bottom:2px solid #cd83da;
    border-right:2px solid #cd83da;
  color: #cd83da;
   animation: pulseBorder 1.5s infinite;
  font-size: 16px;
}

@keyframes pulseBorder {
  0% {
    box-shadow: 0 0 0px #cd83da;
  }
  50% {
    box-shadow: 0 0 12px #cd83da;
  }
  100% {
    box-shadow: 0 0 0px #cd83da;
  }
}

.main-quote {
  
 
  
  margin: 0;
  


  font-family: 'Sora';
  letter-spacing: 0.2px;
  font-size: 15px;
  font-weight: 600;
  color: #343f52;
}

.sub-tagline {



cursor: pointer;
   font-family: 'Readex Pro';
 color:#708dff;
  font-weight: 500;
  font-size: 16px;
letter-spacing: 0.4px;
text-decoration: underline;

}
/* .sub-tagline:hover{
    color:#343f52;
    
} */

/* Responsive Styles */
@media (min-width: 768px) and (max-width: 991.98px) {
  #about p,
  #about li {
    font-size: 20px;
  }

  #about h2 {
    font-size: 28px;
    text-align: center;
  }

  #about ul {
    padding-left: 0;
  }

  #best {
    text-align: center;
  }
  
}