.section-underline {
  width: 140px;
  height: 3px;
  background: linear-gradient(90deg, var(--brand), var(--brand-2)) !important;
  border-radius: 999px;
  margin: 14px auto 20px;
}

.about-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 26px;
  margin-top: 28px;
  color: var(--primary-grey);
  margin-bottom: 40px;
}

.about-list li{

  position: relative;
  padding-left: 38px;
  margin-bottom: 14px;
  font-weight: 500;

  opacity: 0;
  transform: translateY(12px);
  transition: all 0.5s ease;
}

.about-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background: #0a8cff;
  border-radius: 50%;
}

/* White checkmark */
.about-list li::after {
  position: absolute;
  left: 6px;
  top: 2px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}

/* Animation active state */
.about-list li.show {
  opacity: 1;
  transform: translateY(0);
}
  
  .section-title span {
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
  }

  .section-title{
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1.15 !important;
    letter-spacing: .2px !important;
    color: var(--ink) !important;
    font-weight: 700 !important;
  }

  .section-subtitle{
    font-size: 15px;
    color: var(--muted);
  }
  
  .section-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #05090e;
    border-radius: 2px;
  }

  
  .flyer-img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
  }
  
  /* Download button */
  .download-btn {
    display: inline-block;
    background-color: #1e88e5;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
  }
  
  .download-btn:hover {
    background-color: #1565c0;
    color: #ffffff;
    transform: translateY(-2px);
  }

.about-split{
  max-width: 1120px;
  margin: 0 auto;
}

/* Left content */
.about-kicker{
  display: inline-block;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0a8cff;
  background: rgba(10,140,255,.10);
  border: 1px solid rgba(10,140,255,.18);
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.about-heading{
  line-height: 1.12;
  color: #0f172a;
  margin-bottom: 30px;
}

.about-content{
  margin-top: 20px;
}

.about-lead{
  color: var(--primary-grey);
  line-height: 1.75;
  max-width: 52ch;
  font-weight: 500;
  line-height: 2.3;
}

.about-bullets{
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  display: grid;
  gap: 10px;
}

.about-bullets li{
  position: relative;
  padding-left: 28px;
  color: #475569;
  font-weight: 650;
}

.about-bullets li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: rgba(10,140,255,.12);
  color: #0a8cff;
  font-weight: 900;
}

.about-actions{
  justify-content: center; 
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 26px;
}

.about-note{
  color: #94a3b8;
  font-weight: 650;
  font-size: 14px;
}

/* Right image card */
.about-image-card{
  background: #ffffff;
  border: 1px solid #dbeafe;
  border-radius: 26px;
  padding: 14px;
  box-shadow: 0 30px 70px rgba(17,24,39,.10);
  overflow: hidden;
  transform: translateZ(0); /* smooth hover */
  transition: transform .25s ease, box-shadow .25s ease;
}

.about-image-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 40px 90px rgba(10,140,255,.14);
}

.about-image{
  width: 100%;
  height: auto;
  border-radius: 18px;
  display: block;
}

/* Make spacing nicer on small screens */
@media (max-width: 992px){
  .about-lead{ max-width: 100%; }
}

  
/* Justify paragraph descriptions */
.about-lead{
  text-align: justify;
  text-justify: inter-word;
}