.custom-tab-buttons {
            margin-top: 20px;
            background-color: #f7f7f7;
            padding: 5px;
            border-radius: 999px;
            width: 100%;
            box-sizing: border-box;
        }

        .custom-tab-buttons .nav-tabs {
            display: flex;
            flex-direction: row;
            gap: 12px;
            border: none;
            padding: 0;
            justify-content: center;
            width: 100%;
        }

        .custom-tab-buttons .nav-item {
            flex-grow: 0;
        }

        .custom-tab-buttons .nav-link {
            padding: 10px 20px;
            font-weight: 600;
            border-radius: 999px;
            background-color: #f7f7f7;
            color: #000;
            font-size: 15px;
            min-width: 90px;
            text-align: center;
            white-space: nowrap;
        }

        /* Active tab */
        .custom-tab-buttons .nav-link.active {
            background-color: #007bff;
            color: #fff !important;
        }

        @media (min-width: 768px) {
            .custom-tab-buttons .nav-tabs {
                flex-direction: row;
                justify-content: stretch;
                width: 100%;
            }

            .custom-tab-buttons .nav-item {
                flex: 1 1 0;
                width: auto;
            }

            .custom-tab-buttons .nav-link {
                padding: 14px 0;
                font-size: 16px;
                width: 100%;
                min-width: 0;
            }
        }


        .gradient-bar {
            background-image: linear-gradient(to right, #6EBF18, #0090CE);
            border-radius: inherit;
        }

        .bg-gold {
            background-color: #B77B13;
        }
        .color-gold {
         color: #B77B13;
     }

     .color-primary {
        color: #19B223;
    }

    .bg-color-primary {
        background-color: #19B223;
    }

    .color-blue {
        color:#0090CE;
    }

    .bg-gray-primary {
        background-color: #3C3C3C;
    }

    .warning-badge {
        background: linear-gradient(90deg, #6EBF18 0%, #0090CE 100%);
        font-size: 0.9rem;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }

    .gradient-bar {
        background-image: linear-gradient(to right, #6EBF18, #0090CE);
    }

    .gradient-text {
        background: linear-gradient(to right, #6EBF18, #0090CE);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }

    label.required::after {
    content: " *";
    color: red;
}