.card-custom {
      border-radius: 0.5rem;
      box-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
      border: none;
    }
    .btn-outline-custom {
      color: #15294B;
      border-color: #15294B;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.75rem;
      padding: 0.25rem 1rem;
      border-radius: 0.375rem;
    }
    .btn-outline-custom:hover,
    .btn-outline-custom:focus {
      background-color: #15294B;
      color: white;
      border-color: #15294B;
    }
    .btn-start {
      background-color: #F97316;
      color: white;
      font-weight: 700;
      font-size: 0.75rem;
      text-transform: uppercase;
      border-radius: 9999px;
      padding: 0.375rem 1.25rem;
      border: none;
      transition: background-color 0.2s ease;
    }
    .btn-start:hover,
    .btn-start:focus {
      background-color: #ea6f0f;
      color: white;
    }
    .text-custom {
      color: #15294B;
    }
    .btn-plus {
      font-size: 1.125rem;
      margin-right: 0.5rem;
    }
    @media (max-width: 576px) {
      .card-img-left {
        width: 100% !important;
        height: 12rem !important;
        border-radius: 0.5rem 0.5rem 0 0 !important;
        object-fit: cover;
      }
    }
    @media (min-width: 577px) {
      .card-img-left {
        width: 12rem !important;
        height: 12rem !important;
        border-radius: 0.5rem !important;
        object-fit: cover;
      }
    }