.course-container {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin: 30px;
      flex-wrap: wrap;
      position: relative;
      z-index: 2;
    }
    .course {
      background: rgba(255, 255, 255, 0.8); /* সাদা কিন্তু 80% স্বচ্ছ */
      border: 1px solid #ddd;
      border-radius: 8px;
      width: 300px;
      padding: 20px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }
    .course:hover {
      transform: scale(1.05);
    }
    .course h2 {
      color: #2c3e50;
    }
    .price {
      font-size: 20px;
      font-weight: bold;
      color: #27ae60;
    }
    button {
      background: #27ae60;
      color: white;
      border: none;
      padding: 10px 15px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 10px;
    }
    button:hover {
      background: #219150;
    }
    .details {
      display: none;
      margin-top: 10px;
      color: #555;
    }

    /* রাস্তা */
    .road {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 160px;
      background: #333;
      z-index: 1;
    }
    .road::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 10px;
      background: repeating-linear-gradient(
        to right,
        #fff 0,
        #fff 60px,
        transparent 60px,
        transparent 120px
      );
    }

    /* গাড়ি */
    .car, .bus {
      position: fixed;
      border-radius: 10px;
      z-index: 1;
    }
    .car {
      width: 160px;
      height: 70px;
    }
    .car::before, .car::after {
      content: "";
      position: absolute;
      bottom: -20px;
      width: 35px;
      height: 35px;
      background: black;
      border-radius: 50%;
    }
    .car::before { left: 20px; }
    .car::after { right: 20px; }
    .window {
      position: absolute;
      top: 10px;
      left: 15px;
      width: 130px;
      height: 30px;
      background: #ecf0f1;
      border-radius: 5px;
    }

    .bus {
      width: 240px;
      height: 90px;
    }
    .bus::before, .bus::after {
      content: "";
      position: absolute;
      bottom: -25px;
      width: 45px;
      height: 45px;
      background: black;
      border-radius: 50%;
    }
    .bus::before { left: 30px; }
    .bus::after { right: 30px; }
    .bus-window {
      position: absolute;
      top: 10px;
      left: 15px;
      width: 210px;
      height: 40px;
      background: #ecf0f1;
      border-radius: 5px;
    }

    /* অ্যানিমেশন */
    @keyframes drive-right {
      0% { left: -300px; }
      100% { left: 110%; }
    }
    @keyframes drive-left {
      0% { right: -300px; }
      100% { right: 110%; }
    }
    
     
    /* গাছ */
    .tree, .tree2 {
      position: fixed;
      bottom: 160px;
      width: 50px;
      height: 100px;
      background: #8b5a2b;
    }
    .tree { left: 10%; }
    .tree2 { right: 15%; }
    .tree::before, .tree2::before {
      content: "";
      position: absolute;
      bottom: 60px;
      left: -25px;
      width: 100px;
      height: 70px;
      background: #2ecc71;
      border-radius: 50%;
    }