/* styling the about page */

    /* hero section styling */
	.hero {
	  width: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 3rem 1rem;
	}

	.hero-content {
	  width: 700px;
	  max-width: 92%;
	  background: rgba(255,255,255,0.94);
	  padding: 36px;
	  border-radius: 14px;
	  text-align: center;
	  box-shadow: 0 10px 40px rgba(9,30,66,0.12);
	  color: #112052;
	}

	.hero-content h1 {
	  font-size: 48px;
	  margin: 0 0 1rem 0;
	}

	.hero-content p {
	  font-size: 18px;
	  margin-bottom: 1rem;
	  color: #2b3b63;
	}

	.hero-image {
	  border-radius: 16px;
	  border: 2px solid #fff;
	  max-width: 100%;
	  display: block;
	  margin: 1rem auto;
	}

	.hero-cta { margin-top: 2.5rem; text-align:center }

    /* about section styling */
	.about {
	  max-width: 1100px;
	  margin: 2.5rem auto;
	  padding: 0 1rem 4rem 1rem;
	}

	.about-card {
	  background: rgba(255,255,255,0.96);
	  padding: 28px;
	  border-radius: 12px;
	  box-shadow: 0 8px 30px rgba(9,30,66,0.08);
	  color: #223355;
	}

	.about-card h2 { 
      margin-top: 0;
      color: #112052; 
    }

	.about-card p { 
      line-height: 1.7; 
    }