body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      font-family: 'Open Sans', sans-serif;
      font-weight: 200; /* Set the font weight */
      background-image: url('../img/bg03.jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;

}

.container {
    background-color: azure;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Adjust values to control shadow */
    padding: 20px;
  
}

.logo-container {
    text-align: center;
}

.logo-image {
    max-width: 100%;
    height: auto;
    /* Example styles for SVG */
    width: 500px; /* Adjust the width as needed */
    height: 300px; /* Adjust the height as needed */
    margin-top: -30px;
    fill: blue; /* Change the color of the SVG if applicable */
}
/* Styling the content div */
.content {
    display: flex;
    justify-content: space-between;
    margin-top: -80px; /* Adjust the margin as needed */
  }
  
  /* Styling the content boxes */
  .content-box {
    flex: 1;
    text-align: left;
  }



  h1 {
    /* Basic styling for all h1 tags */
    font-size: 18px; /* Set the font size */
    font-weight: bold; /* Make the text bold */
    /* You can add more styles here */
  }

  h2 {
    font-size: 16px;
    font-weight: bold;
  }