/* Breadcrumb */
    .breadcrumb {
      margin-top: 10px;
      font-size: 17px;
      padding: 10px 20px;
      margin-left: 50px;
      color: #555;
    }

    .breadcrumb a {
      text-decoration: none;
      color: #006666;
      font-size: 15px;
      font-weight: 500px;
    }

    /* Main Layout */
    .container {
      display: flex;
      padding: 20px;
      gap: 20px;
   
      max-width: 1200px;
      margin: auto;
    }

    /* Blog Section */
    .blog-section {
      flex: 3;
          margin-top: 200px;
      background: white;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }

    .blog-section h2 {
      color: #003366;
      margin-bottom: 15px;
    }

    .blog-post {
      display: flex;
      margin-bottom: 25px;
      border-bottom: 1px solid #eee;
      padding-bottom: 15px;
    }

    .blog-post img {
      width: 220px;
      height: 150px;
      object-fit: cover;
      border-radius: 5px;
      margin-right: 20px;
    }

    .blog-content h3 {
      color: #006666;
      margin-bottom: 5px;
    }

    .blog-meta {
      font-size: 13px;
      color: #777;
      margin-bottom: 8px;
    }

    .blog-content p {
      font-size: 14px;
      color: #444;
      line-height: 1.5;
    }

    .read-more {
      color: #006666;
      text-decoration: none;
      font-weight: bold;
    }

    /* Sidebar */
    .sidebar {
      margin-top: 200px;
      flex: 1;
      background: white;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
      height: fit-content;
    }

    .sidebar h3 {
      color: #003366;
      border-bottom: 2px solid #006666;
      padding-bottom: 5px;
      margin-bottom: 10px;
    }

    .sidebar ul {
      list-style: none;
    }

    .sidebar ul li {
      margin-bottom: 8px;
    }

    .sidebar ul li a {
      color: #006666;
      text-decoration: none;
      font-size: 14px;
    }

    .sidebar ul li a:hover {
      text-decoration: underline;
    }

    footer {
      /* background: #006666; */
      background:linear-gradient(135deg,#0f2a44,#0b1f35);
      color: white;
      text-align: center;
      padding: 10px;
      margin-top: 30px;
    }

    @media(max-width: 900px) {
      .container {
        flex-direction: column;
      }

      .blog-post {
        flex-direction: column;
      }

      .blog-post img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
      }
    }