.internship-page {
      max-width: 1500px;
      margin: auto;
      padding: 90px 90px;
      font-family: Arial, sans-serif;
  }

  /* Hero */

  .internship-hero {
      text-align: center;
      margin-bottom: 50px;
  }

  .internship-hero h1 {
      font-size: 36px;
      margin-bottom: 10px;
  }

  .internship-hero p {
      color: #666;
  }


  /* Card */

  .internship-card {
      background: #fff;
      background: #2c2c2c53;

      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
      margin-bottom: 40px;
      /* color: #555; */
  }

  .company-info h2 {
      margin-bottom: 10px;

  }


  /* Details Grid */

  .details-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      margin-top: 20px;
  }

  .detail {
      background: #f8f8f8;
      background: #2c2c2c53;

      padding: 15px;
      border-radius: 8px;
  }


  .detail h3 {
      padding: 5px 0;

  }

  /* Section */

  .section {
      margin-bottom: 40px;
  }

  .section li {
      padding: 10px;
  }

  .section h2 {
      margin-bottom: 15px;
  }


  /* Tech */

  .tech-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }

  .tech-list span {
      background: #0077ff;
      color: white;
      padding: 8px 14px;
      border-radius: 20px;
      font-size: 14px;
  }


  /* Skills */

  .skills-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 15px;
  }

  .skills-grid div {
      background: #2c2c2c53;
      padding: 15px;
      border-radius: 8px;
      /* color: #444; */
  }


  /* Certificate */

  .certificate-box {
      /* background: #f9fbff; */
      padding: 30px;
      border-radius: 10px;
      text-align: center;
      /* color: #444; */
  }

  .certificate-box h2 {
      padding: 10px 0;
  }












  body {
      font-style: italic;
  }

  .internship-projects {
      margin-top: 50px;

  }

  .section-title {
      text-align: center;
      margin-bottom: 30px;
      font-size: 28px;
  }

  /* Grid */

  .project-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 20px;
  }

  /* Box */

  .project-box {
      background: #ffffff;
      background: #2c2c2c53;

      padding: 25px;
      border-radius: 10px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      transition: 0.3s;
      /* color: #000; */
  }

  .project-box:hover {
      transform: translateY(-5px);
  }

  /* Name */

  .project-name {
      font-size: 20px;
      margin-bottom: 10px;
  }

  /* Description */

  .project-desc {
      /* color: #555;
                 */
      opacity: 0.7;

      margin-bottom: 15px;
  }

  /* Meta */

  .project-meta {
      font-size: 14px;
      /* color: #444; */
      opacity: 0.7;
      display: flex;
      flex-direction: column;
      gap: 5px;
  }



  @media  (max-width: 750px) {

      .internship-page {
          margin: auto;
          padding: 10px;
          font-family: Arial, sans-serif;
          margin-top: 100px;
      }
  }