h2 {
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
	  text-align:center;
    }
    p.subheading {
      font-size: 1.2rem;
      color: #555;
	  text-align:center;
    }
    .section-block-title {
      margin-bottom: 3rem;
	  padding-left:3rem;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 0.5rem;
	  margin:20px;
	  padding-left:2rem;
	  
    }
    .card {
      border-top: 1px solid #d1dce5;
      padding: 1.5rem 1rem;
      transition: background 0.2s;
	  max-height:200px;
	  margin-bottom:20px;
	  text-align:center;
	  background: grey;
    }
    .card:hover {
      background: #f8f9fc;
	 
    }
    .card h3 {
      font-size: 1.25rem;
      margin-bottom: 0.5rem;
	 
    }
    .card p {
      font-size: 1rem;
     
    }
    .arrow {
      display: inline-block;
      margin-top: 1rem;
      font-size: 1.5rem;
      color: #2671d6;
      transition: transform 0.2s;
    }
    .card:hover .arrow {
      transform: translateX(5px);
    }
	
	
	@media (max-width: 768px) {
  .section-block-title {
    padding-left: 0; /* remove horizontal offset */
    text-align: center;
  }

  .grid {
    padding-left: 0; /* remove offset */
    justify-items: center; /* center items inside grid */
  }

  .card {
    max-width: 100%;
    margin: 0 auto; /* center the card itself */
    text-align: center;
  }
}