/* General Styles */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0; /* A softer background */
    color: #333;             /* Darker, readable text */
  }
  
  /* Container Styles */
  .container {
      max-width: 1200px; /* Wider container */
      margin-top: 13%;
      margin: 0 auto;      /* Center the container */
      padding: 20px;       /* Some spacing around */
  }
  
  /* Sponsor Section */
  .sponsor-section {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Softer shadow */
    border-radius: 12px;
    padding: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
  /* Sponsor Header */
  .sponsor-header {
    border-bottom: 3px solid #007bff; /* A primary color */
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  
  .sponsor-header h1 {
    font-size: 2.5em;
    font-weight: 600;
    color: #333;          /* A bit darker */
  }
  
  .sponsor-header p.lead {
    font-size: 1.25em;
    color: #666;
  }
  
  /* Image Styles */
  .monument-image {
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
    max-width: 100%; /* Responsive image */
    height: auto;
  }
  
  .monument-image:hover {
    transform: scale(1.05);
  }
  
  /* Sponsor Details */
  .sponsor-details {
    background-color: #f8f9fa;   /* Soft background */
    border-left: 5px solid #007bff; /* Consistent primary color */
    border-radius: 12px;
    padding: 30px;
  }
  
  .sponsor-details h2 {
    font-size: 1.75em;
    font-weight: 500;
    margin-bottom: 20px;
  }
  
  .sponsor-details p {
    font-size: 1.1em;
    line-height: 1.7;
  }
  
  /* Timeline Styles */
  .timeline-item {
    position: relative;
    padding-left: 40px;  /* More spacing for the timeline */
    margin-bottom: 30px;
  }
  
  .timeline-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;  /* Adjust for better alignment */
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #007bff;   /* Accent Color */
    border: 3px solid #fff;       /* Add a white border */
  }
  
  .timeline-item:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 15px;
    width: 2px;
    height: 100%;
    background-color: #ddd;  /* Subtle line */
  }
  
  .timeline-item:last-child:after {
    display: none;
  }
  
  .timeline-item h4 {
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: 600;
  }
  
  .timeline-item p {
    font-size: 1em;
    line-height: 1.6;
    color: #555;
  }
  
  /* Card for Contact Section */
  .card {
    border: none;               /* Remove border */
    border-radius: 12px;      /* Rounded corners */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* A bit more shadow */
    transition: transform 0.2s ease-in-out;    /* Hover effect */
  }
  
  .card:hover {
    transform: translateY(-5px);
  }
  
  .card p {
    font-size: 1em;
  }
  
  /* Contact Info */
  .contact-info p {
    margin-bottom: 8px;
  }
  
  .contact-info strong {
    font-weight: 600;
    margin-right: 5px;
  }
  
  /* General Responsiveness */
  @media (max-width: 768px) {
      .container {
          padding: 15px;
      }
      .sponsor-header h1 {
          font-size: 2em;
      }
      .sponsor-details {
          padding: 20px;
      }
      .monument-image {
          margin-bottom: 20px;
      }
      .timeline-item {
          padding-left: 20px;
      }
  }