.swal2-container {
            position: fixed;
            top: 20px;
            left: 20px;
            width: auto;
        }

        .swal2-timer-progress-bar {
            background: red !important;
             Change this to your desired color 
        }

        .swal2-toast {
            color: red;
             Change text color to white 
        }
      
        .field h3 {
            color: #E90586 !important;
            font-weight: bold !important;
            font-size: 18px !important;
        }

        .card-header h5 {
            margin: 0;
        }

        .table td {
            padding: 0.5rem;
        }

        .total-section {
            background-color: #f8f9fa;
            padding: 1rem;
            border-top: 1px solid #dee2e6;
            align-items: baseline;
            font-family: 'Exo';
        }

        .accordion-body p {
            line-height: 28px;
            font-size: 18px !important;
            font-family: 'Poppins';
        }

        .proceed-button {
            background-color: #007bff;
            color: white;
        }

        .accordion-button::after {
            display: none !important;
        }

        h5 {
            font-weight: 600;
            color: #21116d;
            text-decoration: underline;
        }

        .accordion-button:not(.collapsed) {
            color: #ffffff !important;
            font-size: 20px !important;
            background-color: #3e3e34 !important;
        }

        .text-number {
            background: #e90586;
            border-radius: 50%;
            padding: 5px 11px;
            color: #fff;
        }

        .accordion-button {
            font-family: 'Exo';
        }

        h4,
        h6 {
            font-family: 'Poppins';
        }

        .accordion-body {
            font-family: 'Poppins';
        }

        .accordion-button {
            font-size: 20px !important;
        }

        .accordion-button:focus {
            box-shadow: none !important;
        }
         .select2-container {
      width: 100% !important;
     
    }
     .coupon-message-container .success {
  color: green;
  font-weight: 500;
  margin-top: 5px;
}

.coupon-message-container .error {
  color: red;
  font-weight: 500;
  margin-top: 5px;
}

.total-amount-wrapper table {
  width: 50%;
  margin: 0 auto;
  border-collapse: collapse;
  font-weight: normal;
}

@media (max-width: 768px) {
  .total-amount-wrapper table {
    width: 100%;
  }
}