body {
      font-family: Merriweather, Times, serif;
	  font-size: 100%;
	  line-height: 1.6;
      margin: 0;
      padding: 20px;
	background-image: url("../images/TE 6.jpeg");
	background-size: contain; /* or contain, depending on your needs */
	background-position: right;
	background-repeat: no-repeat;
	background-attachment: fixed;
    }

h1 {
  color: black;
  font-family: Century Gothic, verdana, sans-serif;
  font-weight: normal;
  font-size: clamp(3rem, 6vw, 7rem);
  margin-bottom: 20px;
  text-align: left;
}

p	{
	background-color: rgb(255,255,255,0.7);
    box-sizing: border-box;
	}
	
   .content1 {
    max-width: 800px;
    margin: 0 auto;
  }
    .container {
	  max-width: 1000px;
	  margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 150px;
      flex-wrap: wrap;
    }

    .left-column {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      max-width: 400px;
    }

    .right-column {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 80px;
    }

    .box {
      padding: 15px;
      border-radius: 10px;
      text-align: left;
      width: 100%;
      font-size: 16px;
      line-height: 1.5;
    }

    .green-box {
      background: linear-gradient(#d9fcd9, #b8f5b8);
    }

    .blue-box {
      background: linear-gradient(#d9f0fc, #b8e1f5);
    }

    .arrow {
		display: inline-block;
		font-size: 80px;       /* Base size */
		transform: scaleX(3);  /* Makes it wider without increasing height */
		color: red;            /* Optional: arrow color */
    }

    .highlight {
      color: red;
      font-size: 30px;
      font-weight: bold;
	  text-align: center;
    }

    .glucose-img {
      max-width: 180px;
      border: 1px solid #ccc;
      border-radius: 8px;
    }

    ul {
      margin: 0;
      padding-left: 20px;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
        align-items: center;
		gap: 50px;
      }
      .right-column {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
      }
    }