body {
      background-color: #f8f9fa;
      font-family: 'Segoe UI', sans-serif;
    }

    .modal-content {
      border: none;
      border-radius: 20px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }

    .modal-body {
      padding: 2rem;
    }

    .modal-body img {
      width: 290px;
      margin-bottom: 1rem;
    }

    .modal-body h3 {
      color: #076cb4; 
    }

    .modal-body p {
      margin-bottom: 0.75rem;
      font-size: 15px;
      color: #444;
    }

    .info-box {
      background-color: #f0f4f8;
      border: 1px solid #d1dce5;
      border-radius: 10px;
      padding: 1rem;
      text-align: left;
    }

    .info-box p {
    margin-bottom: 0.4rem;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

    .btn-success {
      background-color: #0070f3;
      border: none;
    }

    .btn-success:hover {
      background-color: #005bd1;
    }

    a {
      color: #0070f3;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }