.filament-custom-section header {
    background-color: #00acac !important;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    color: white;
}

.filament-custom-section header h3 {
    color: white;
}

.filament-custom-section header p {
    color: rgb(243 244 246);
    /* gray-100 */
}

.fi-sidebar-nav {
    background-color: #fff;
}

.fi-sidebar-nav-groups {
    row-gap: 10px !important;
}

.fi-sidebar-item-active a {
    border: #00acac solid 1px !important;
}

form.custom-form>.fi-fo-component-ctn {
    display: flex !important;
    flex-direction: column;
}

.UploadMedia,
.done_btn {
    padding: 10px 15px;
    color: white;
    background-color: #00acac;
}

.modal-overlay {
    position: fixed;
    /* fixed inset-0 */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    /* flex items-center justify-center */
    align-items: center;
    justify-content: center;

    background-color: rgba(0, 0, 0, 0.5);
    /* bg-black/50 */
    z-index: 50;
    /* z-50 */
}

.modal-content {
    background-color: #ffffff;
    /* bg-white */
    padding: 1.5rem;
    /* p-6 */
    border-radius: 0.5rem;
    /* rounded-lg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
    /* shadow-lg */
    width: 75%;
    /* w-3/4 */
    position: relative;
    /* relative */
}

.model-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e7eb;
    /* gray-200 */
    padding-bottom: 5px;
}

.modal-gallery {
    display: flex;
    /* flex instead of grid */
    flex-wrap: wrap;
    /* allow wrapping to multiple rows */
    gap: 1rem;
    /* gap-4 */
    max-height: 20rem;
    /* max-h-80 */
    overflow-y: auto;
    /* overflow-y-auto */
}

.modal-image {
    width: 5rem;
    /* w-20 */
    height: 5rem;
    /* h-20 */
    cursor: pointer;
    /* cursor-pointer */
    border-radius: 0.25rem;
    /* rounded */
    border: 1px solid #d1d5db;
    /* border (gray-300 approx) */
    object-fit: cover;
    /* optional: crop image nicely */
}

.modal-image:hover {
    border-color: #3B82F6;
    /* hover:border-blue-500 */
}

.curator-panel-gallery ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.curator-panel-gallery ul li {
    width: 180px;
    height: 180px;
    position: relative;
}

.curator-image img,
.curator-image svg {
    object-fit: contain;
    max-width: 200px;
}

.fi-modal-close-btn {
    z-index: 1;
}

.curator-panel-toolbar {
    margin-top: 40px;
    border-bottom: 1px solid #e5e7eb;
}

.panel-search {
    margin-left: 10px;
}

.search-icon {
    left: 4px;
}

.panel-search input:focus {
    outline: none !important;
    /* default outline hatayega */
    box-shadow: none !important;
    /* agar shadow aa rahi hai to wo bhi hatayega */
}

.export-button {
    background-color: #10b981 !important;
    /* emerald-500 */
}

.import-button {
    background-color: #3b82f6 !important;
    /* blue-500 */
}

.assigned_to_class span {
    color: burlywood;
}

button.add_order_class {
    background-color: chocolate !important;
    color: white;
}

.leads-stats {
    background-color: #0495ac !important;
    color: white !important;
}

.leads-stats svg,
.leads-stats span,
.leads-stats div,
.order-stats svg,
.order-stats span,
.order-stats div {
    color: white !important;
}

.order-stats {
    background-color: #843fbc !important;
    color: white !important;
}

.order-stats {
    background-color: #843fbc !important;
}

.box {
    padding: 20px !important;
}

.status-span {
    background-color: #3b82f6;
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.jobPostTitle span{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}