/* This is a comment explaining the code */
body {
  background-color: #b1b2b3;
  font-family: Arial, sans-serif;
}

h1 {
  color: blue;
  text-align: center;
}

.highlight-text {
  color: red;
  font-weight: bold;
}
.container {
  width: 100%;
  max-width: 1200px;      /* Change this to match your design's max width */
  margin-left: auto;      /* Centers the container horizontally */
  margin-right: auto;
  padding-left: 1.5rem;   /* Prevents content from touching the screen edge */
  padding-right: 1.5rem;
  box-sizing: border-box; /* Ensures padding doesn't increase the total width */
  background-color: #d6d6d6;
}

.header {
  width: 100%;
  max-width: 1200px;      /* Change this to match your design's max width */
  margin-left: auto;      /* Centers the container horizontally */
  margin-right: auto;
  padding-left: 1.5rem;   /* Prevents content from touching the screen edge */
  padding-right: 1.5rem;
  box-sizing: border-box; /* Ensures padding doesn't increase the total width */
  /*background-color: #d6d6d6;*/
}

.container-flex {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  box-sizing: border-box;
  
  /* Flexbox rules */
  display: flex;
  align-items: center;            /* Vertically centers child elements */
  justify-content: space-between; /* Spreads child elements evenly */
  gap: 1rem;                      /* Adds space between child elements */
}

/* This for the from*/
body { font-family: Arial, sans-serif; line-height: 1.6; max-width: 600px; margin: 20px auto; padding: 20px; }
        .form-group { margin-bottom: 15px; }
        label { display: block; font-weight: bold; margin-bottom: 5px; }
        input[type="text"], input[type="tel"], input[type="mail"], select { width: 100%; padding: 8px; box-sizing: border-box; }
        input[type="file"] { padding: 10px 0; }
        button { padding: 10px 20px; background-color: #0056b3; color: white; border: none; cursor: pointer; font-size: 16px; }
        button:hover { background-color: #004494; }