body {
    margin: 0;
    background-color: #F9F9F9;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.timeline-container {
    position: relative;
}

.timeline-line {

    position: absolute;
    top: 0;
    left: 4px;
    /* Centered with the circle marker */
    width: 2px;
    height: 100%;
    background-color: #C9D1DA;
    z-index: 0;
    opacity: 0.5;
}

.timeline-marker {
    margin-right: 10px;
    fill: #1697F3;
    z-index: 1;
}

.split-payment-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    /* Spacing between items, can adjust as needed */
}

.split-payment-item.paid .timeline-marker {
    fill: #C9D1DA;
}


.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease-in-out;
    height: auto;
}

.accordion-content.open {
    max-height: 1000px;
    /* You might need to adjust this depending on your content's height */
}

.text-default {
    @apply text-[#212B36];
}

.text-muted {
    @apply text-[#939EAA];
}

.font-common {
    font-family: 'Poppins', sans-serif;
    @apply font-normal;
}

.font-bold-common {
    font-family: 'Poppins', sans-serif;
    @apply font-semibold;
}

.text-small {
    @apply text-sm;
}

.bg-primary {
    @apply bg-[#1697F3];
}

.btn-full {
    @apply w-full rounded-xl py-3;
}