/**
 * NEXLANCER — Master Global Pages Design System (V5 All Subpages Identity Edition)
 * Applies the signature Nexlancer visual identity across all subpages:
 * /jobs/all, /talents/all, /subscriptions/all, /contact-us, /projects/all, /blogs/all, and /pages/*
 */

/* ==========================================================================
   01 — Global Scaffolding, Canvas & Brand Scrollbar
   ========================================================================== */
/* Brand Identity Custom Scrollbar (WebKit & Modern Browsers) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #050507;
    border-left: 1px solid rgba(229, 9, 20, 0.15);
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: #F8F9FC;
    border-left: 1px solid rgba(208, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #FF1E27 0%, #B80000 100%);
    border-radius: 9999px;
    border: 2px solid #050507;
    box-shadow: 0 0 10px rgba(229, 9, 20, 0.5);
    transition: all 0.3s ease;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #E50914 0%, #900000 100%);
    border: 2px solid #F8F9FC;
    box-shadow: 0 0 8px rgba(208, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #FF4D55 0%, #E50914 100%);
    box-shadow: 0 0 16px rgba(255, 30, 39, 0.85);
}

/* Firefox Standard */
* {
    scrollbar-width: thin;
    scrollbar-color: #E50914 #050507;
}

[data-theme="light"] * {
    scrollbar-color: #D00000 #F8F9FC;
}

/* Brand Scroll Progress Bar */
.nexus-scroll-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: linear-gradient(90deg, #B80000 0%, #FF1E27 50%, #FF4D55 100%);
    box-shadow: 0 0 12px #FF1E27, 0 0 20px rgba(255, 30, 39, 0.8);
    z-index: 99999;
    pointer-events: none;
    transition: width 0.08s linear;
}

html,
body {
    background-color: #050507;
    color: #FFFFFF;
    font-family: var(--nexus-font-sans, 'Geist', 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif);
    transition: background-color 0.3s ease, color 0.3s ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-theme="light"] html,
[data-theme="light"] body {
    background-color: #FFFFFF;
    color: #0B0D12;
}

/* Base Form Placeholders & Input Text */
::placeholder,
input::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
}

[data-theme="light"] ::placeholder,
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder,
[data-theme="light"] .form-control::placeholder {
    color: #64748B !important;
    opacity: 1 !important;
}

input,
textarea,
select,
.form-control {
    color: #FFFFFF !important;
}

[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .form-control {
    color: #0F172A !important;
}

/* Enhanced Standard HTML Select Elements Across All Sidebar Filters */
select,
select.form-control,
.form-control select,
.single-shop-left select,
.single-shop-left-select select,
.single-input select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: normal !important;
    padding: 11px 40px 11px 16px !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    background-color: rgba(14, 14, 22, 0.88) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FF1E27' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.single-shop-left select:hover,
.single-shop-left-select select:hover,
select.form-control:hover {
    border-color: rgba(255, 30, 39, 0.45) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 30, 39, 0.2) !important;
}

select:focus,
select.form-control:focus,
.single-shop-left select:focus,
.single-shop-left-select select:focus {
    border-color: #FF1E27 !important;
    box-shadow: 0 0 0 3px rgba(255, 30, 39, 0.22), 0 8px 24px rgba(255, 30, 39, 0.15) !important;
    outline: none !important;
}

[data-theme="light"] select,
[data-theme="light"] select.form-control,
[data-theme="light"] .form-control select,
[data-theme="light"] .single-shop-left select,
[data-theme="light"] .single-shop-left-select select,
[data-theme="light"] .single-input select {
    color: #0F172A !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23E50914' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] select:focus,
[data-theme="light"] select.form-control:focus,
[data-theme="light"] .single-shop-left select:focus,
[data-theme="light"] .single-shop-left-select select:focus {
    border-color: #E50914 !important;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.18), 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

select option {
    background-color: #0E0E16 !important;
    color: #FFFFFF !important;
    padding: 12px 16px !important;
}

[data-theme="light"] select option {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    padding: 12px 16px !important;
}

/* Page Section Wrappers */
.preview-area,
.section-bg-1,
.section-bg-2,
.pat-100,
.pab-100,
.pat-50,
.pab-50,
.pat-20,
.pab-20,
.categoryWrap-wrapper,
.shop-contents-wrapper,
.page-content-wrapper,
.dynamic-page-content,
.contact-area,
.pricing-area,
.dynamic-page-content-area {
    background-color: transparent !important;
    background: transparent !important;
}

.preview-area {
    padding-top: 10px !important;
    padding-bottom: 80px !important;
}

main {
    min-height: 80vh;
    padding-top: 10px !important;
    padding-bottom: 60px;
}

/* ==========================================================================
   02 — Search Bar Component (.nexus-jobs-search-bar-wrap)
   ========================================================================== */
.nexus-jobs-search-bar-wrap {
    width: 100%;
}

.nexus-search-box-gradient {
    background: rgba(14, 14, 22, 0.9) !important;
    border: 1px solid rgba(229, 9, 20, 0.28) !important;
    border-radius: 9999px !important;
    padding: 6px 8px 6px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(229, 9, 20, 0.05) !important;
    transition: all 0.25s ease !important;
}

[data-theme="light"] .nexus-search-box-gradient {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05) !important;
}

.nexus-search-box-gradient:focus-within {
    border-color: #FF1E27 !important;
    box-shadow: 0 12px 40px rgba(229, 9, 20, 0.18), 0 0 0 1px rgba(229, 9, 20, 0.3) !important;
}

.nexus-search-icon {
    color: #FF1E27 !important;
    font-size: 1.05rem !important;
    flex-shrink: 0 !important;
}

.nexus-search-input {
    background: transparent !important;
    border: none !important;
    color: #FFFFFF !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    padding: 8px 0 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
}

[data-theme="light"] .nexus-search-input {
    color: #0F172A !important;
}

.nexus-search-input:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn-search-trigger {
    flex-shrink: 0 !important;
    padding: 9px 24px !important;
    font-size: 0.88rem !important;
    border-radius: 9999px !important;
}

/* ==========================================================================
   03 — Category Chips Ribbon (.categorySub-area) & Click Motion
   ========================================================================== */
.categorySub-area {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 4px 0 12px 0 !important;
    position: relative;
    z-index: 100;
}

.categorySub-area .categorySub {
    position: relative;
    width: 100%;
    display: flex !important;
    justify-content: center !important;
}

/* Outer pill container — strictly fits the chip row width, centered */
.categorySub-list {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 9999px !important;
    padding: 4px 6px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: visible !important;
    width: fit-content !important;
    max-width: min(100%, 980px) !important;
    margin: 0 auto !important;
    flex-shrink: 0 !important;
}

/* Dark mode container */
html[data-theme="dark"] .categorySub-list,
[data-theme="dark"] .categorySub-list {
    background: #0D0D14 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ── Scroll track (the UL) ───────────────────────────────────────────── */
.categorySub-list-slide {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    list-style: none !important;
    /* Vertical padding so scale(1.05) hover doesn't clip */
    padding: 4px 2px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;        /* critical — no clipping */
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scroll-behavior: smooth !important;
    width: auto !important;
    max-width: 100% !important;
    flex-shrink: 1 !important;
}

.categorySub-list-slide::-webkit-scrollbar {
    display: none !important;
}

/* Each chip wrapper */
.categorySub-list-slide-list {
    flex-shrink: 0 !important;
    position: relative !important;
    overflow: visible !important;
}

/* ── Chip pill link ──────────────────────────────────────────────────── */
.categorySub-list-slide-link,
.categorySub-list-slide-list > a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 15px !important;
    border-radius: 9999px !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    color: #475569 !important;
    background: #F1F5F9 !important;
    border: 1.5px solid rgba(0, 0, 0, 0.07) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s cubic-bezier(0.34,1.56,0.64,1) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
}

/* Dark mode chips */
html[data-theme="dark"] .categorySub-list-slide-link,
[data-theme="dark"] .categorySub-list-slide-link,
html[data-theme="dark"] .categorySub-list-slide-list > a,
[data-theme="dark"] .categorySub-list-slide-list > a {
    color: #94A3B8 !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Hover — grow chip slightly, red fill */
.categorySub-list-slide-link:hover,
.categorySub-list-slide-list > a:hover {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #FF1E27 0%, #C70000 100%) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* Dark mode hover */
html[data-theme="dark"] .categorySub-list-slide-link:hover,
[data-theme="dark"] .categorySub-list-slide-link:hover,
html[data-theme="dark"] .categorySub-list-slide-list > a:hover,
[data-theme="dark"] .categorySub-list-slide-list > a:hover {
    color: #FFFFFF !important;
    background: #E50914 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* Press / active */
.categorySub-list-slide-link:active,
.categorySub-list-slide-link.nexus-chip-active,
.categorySub-list-slide-list > a:active {
    transform: scale(0.95) translateY(0) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Selected / active chip */
.categorySub-list-slide-list.active .categorySub-list-slide-link,
.categorySub-list-slide-link.active,
.categorySub-list-slide-list.active > a {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #FF1E27 0%, #C70000 100%) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Dark mode selected */
html[data-theme="dark"] .categorySub-list-slide-list.active .categorySub-list-slide-link,
[data-theme="dark"] .categorySub-list-slide-list.active .categorySub-list-slide-link,
html[data-theme="dark"] .categorySub-list-slide-link.active,
[data-theme="dark"] .categorySub-list-slide-link.active,
html[data-theme="dark"] .categorySub-list-slide-list.active > a,
[data-theme="dark"] .categorySub-list-slide-list.active > a {
    color: #FFFFFF !important;
    background: #E50914 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Light mode explicit hover */
[data-theme="light"] .categorySub-list-slide-link:hover,
[data-theme="light"] .categorySub-list-slide-list.active .categorySub-list-slide-link,
[data-theme="light"] .categorySub-list-slide-list > a:hover,
[data-theme="light"] .categorySub-list-slide-list.active > a {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #D00000 0%, #900000 100%) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* ── Swipe Arrow Buttons ──────────────────────────────────────────────── */
/* Hidden by default so they NEVER flash on page refresh/load */
.categorySub-arrow {
    display: none !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: rgba(229, 9, 20, 0.1) !important;
    border: 1.5px solid rgba(229, 9, 20, 0.3) !important;
    color: #E50914 !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin: 0 3px !important;
    z-index: 10 !important;
}

/* Only display arrows when container actually has scroll overflow */
.categorySub-list.has-arrows .categorySub-arrow {
    display: flex !important;
}

/* Hide arrow when at corresponding edge */
.categorySub-list.has-arrows .categorySub-arrow.hidden_item {
    display: none !important;
}

/* Suppress legacy ::before pseudo */
.categorySub-arrow::before {
    display: none !important;
    content: none !important;
}

/* Render clean FontAwesome chevron with ::after */
.categorySub-arrow::after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    content: "\f053" !important; /* left chevron */
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.2s ease !important;
}

.categorySub-arrow.right-arrow::after {
    content: "\f054" !important; /* right chevron */
}

.categorySub-arrow:hover {
    background: #E50914 !important;
    border-color: #E50914 !important;
    color: #FFFFFF !important;
    transform: scale(1.08) !important;
}

/* Dark mode arrows */
html[data-theme="dark"] .categorySub-arrow,
[data-theme="dark"] .categorySub-arrow {
    background: rgba(229, 9, 20, 0.12) !important;
    border: 1.5px solid rgba(229, 9, 20, 0.25) !important;
    color: #FF4A52 !important;
}

html[data-theme="dark"] .categorySub-arrow:hover,
[data-theme="dark"] .categorySub-arrow:hover {
    background: #E50914 !important;
    border-color: #E50914 !important;
    color: #FFFFFF !important;
}

/* Light mode arrows */
[data-theme="light"] .categorySub-arrow {
    background: rgba(208, 0, 0, 0.07) !important;
    border: 1.5px solid rgba(208, 0, 0, 0.2) !important;
    color: #C70000 !important;
}

[data-theme="light"] .categorySub-arrow:hover {
    background: #C70000 !important;
    border-color: #C70000 !important;
    color: #FFFFFF !important;
}

/* Category Submenu Dropdown */
.categorySub-slide-submenu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    background: rgba(14, 14, 22, 0.98) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    padding: 10px !important;
    min-width: 200px !important;
    backdrop-filter: blur(24px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7) !important;
    z-index: 100 !important;
    list-style: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.2s ease !important;
}

[data-theme="light"] .categorySub-slide-submenu {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;
}

.categorySub-list-slide-list:hover .categorySub-slide-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.categorySub-slide-submenu li a {
    display: block !important;
    padding: 8px 14px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #94A3B8 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.18s ease !important;
}

[data-theme="light"] .categorySub-slide-submenu li a {
    color: #475569 !important;
}

.categorySub-slide-submenu li a:hover {
    color: #FFFFFF !important;
    background: rgba(229, 9, 20, 0.15) !important;
    padding-left: 18px !important;
}

[data-theme="light"] .categorySub-slide-submenu li a:hover {
    color: #D00000 !important;
    background: #FEF2F2 !important;
}

/* ==========================================================================
   04 — Subpage Breadcrumb Area Overrides & Global H1 Hierarchy
   ========================================================================== */
.breadcrumb-area,
.breadcrumb-padding,
.banner-inner-area,
.user-profile-breadcrumb {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 24px 0 16px 0 !important;
    margin: 0 !important;
    position: relative;
    width: 100%;
}

.breadcrumb-contents,
.banner-inner-contents {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important; /* strictly left-to-right */
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px 24px !important;
    border-radius: 0 !important;
    width: 100%;
}

/* Page H1 Title — Strictly on the LEFT (order: 1) */
h1.breadcrumb-contents-title,
.breadcrumb-contents-title,
h1.banner-inner-title,
h2.banner-inner-title,
.banner-inner-title,
.user-profile-breadcrumb-title {
    order: 1 !important;
    font-size: clamp(1.85rem, 3.2vw, 2.35rem) !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em !important;
    color: #F8FAFC !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-align: left !important;
}

[data-theme="light"] h1.breadcrumb-contents-title,
[data-theme="light"] .breadcrumb-contents-title,
[data-theme="light"] h1.banner-inner-title,
[data-theme="light"] h2.banner-inner-title,
[data-theme="light"] .banner-inner-title,
[data-theme="light"] .user-profile-breadcrumb-title {
    color: #0F172A !important;
}

/* Breadcrumb Trail — Strictly on the RIGHT (order: 2) */
.breadcrumb-contents-list,
.inner-menu,
.user-profile-breadcrumb-list {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.breadcrumb-contents-list-item,
.inner-menu .list,
.user-profile-breadcrumb-list-item {
    color: #94A3B8 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 500 !important;
}

[data-theme="light"] .breadcrumb-contents-list-item,
[data-theme="light"] .inner-menu .list,
[data-theme="light"] .user-profile-breadcrumb-list-item {
    color: #64748B !important;
}

.breadcrumb-contents-list-item-link,
.inner-menu .list a,
.user-profile-breadcrumb-list-item a {
    color: #E50914 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.breadcrumb-contents-list-item-link:hover,
.inner-menu .list a:hover {
    color: #FF1E27 !important;
    opacity: 0.85;
}

/* Main content wrapper spacing below breadcrumbs */
.page-content-wrapper,
.dynamic-page-content-area,
.contact-area,
.pricing-area,
.preview-area {
    padding-top: 14px !important;
    padding-bottom: 70px !important;
}

/* ==========================================================================
   05 — Select2 Dark & Light Mode Theme Support (Futuristic Glassmorphism)
   ========================================================================== */
.select2-container--default .select2-selection--single {
    background-color: rgba(14, 14, 22, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    height: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.select2-container--default:hover .select2-selection--single {
    border-color: rgba(255, 30, 39, 0.45) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 30, 39, 0.2) !important;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #FF1E27 !important;
    box-shadow: 0 0 0 3px rgba(255, 30, 39, 0.22), 0 8px 24px rgba(255, 30, 39, 0.15) !important;
    outline: none !important;
}

[data-theme="light"] .select2-container--default .select2-selection--single {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .select2-container--default.select2-container--open .select2-selection--single,
[data-theme="light"] .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #E50914 !important;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.18), 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF !important;
    line-height: 46px !important;
    padding-left: 16px !important;
    padding-right: 36px !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
}

[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0F172A !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #64748B !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
    right: 12px !important;
    width: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    position: static !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FF1E27' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transition: transform 0.25s ease !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg) !important;
}

.select2-dropdown {
    background-color: rgba(12, 12, 18, 0.96) !important;
    border: 1px solid rgba(255, 30, 39, 0.25) !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 30, 39, 0.15) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    overflow: hidden !important;
    z-index: 999999 !important;
    padding: 6px 0 !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

.select2-dropdown--below,
.select2-dropdown--above {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    border-radius: 14px !important;
}

.select2-container--open {
    z-index: 999999 !important;
}

[data-theme="light"] .select2-dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .select2-dropdown--above,
[data-theme="light"] .select2-dropdown--below {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.select2-results__options {
    max-height: 240px !important;
    overflow-y: auto !important;
    padding: 4px 0 !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 30, 39, 0.4) transparent;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: transparent;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: rgba(255, 30, 39, 0.4);
    border-radius: 10px;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #FF1E27;
}

.select2-results__option {
    color: #E2E8F0 !important;
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    margin: 2px 6px !important;
    transition: all 0.18s ease !important;
    cursor: pointer !important;
}

/* Base Light Mode option text */
[data-theme="light"] .select2-results__option {
    color: #1E293B !important;
    background-color: transparent !important;
}

/* Hover & Highlighted State - Dark Mode */
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-results__option:hover {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    color: #FFFFFF !important;
    padding-left: 20px !important;
    font-weight: 600 !important;
}

/* Hover & Highlighted State - Light Mode (Crisp White Text on Red) */
[data-theme="light"] .select2-container--default .select2-results__option--highlighted,
[data-theme="light"] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-theme="light"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
[data-theme="light"] .select2-results__option:hover,
[data-theme="light"] .select2-results__option:focus {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    color: #FFFFFF !important;
    padding-left: 20px !important;
    font-weight: 600 !important;
}

/* Selected State */
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--selected,
[data-theme="light"] .select2-container--default .select2-results__option[aria-selected="true"],
[data-theme="light"] .select2-container--default .select2-results__option--selected {
    background: linear-gradient(135deg, #FF1E27 0%, #B80000 100%) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.select2-search--dropdown {
    padding: 8px 10px !important;
}

.select2-search--dropdown .select2-search__field {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    padding: 9px 14px !important;
    font-size: 0.88rem !important;
}

.select2-search--dropdown .select2-search__field:focus {
    border-color: #FF1E27 !important;
    box-shadow: 0 0 0 2px rgba(255, 30, 39, 0.25) !important;
    outline: none !important;
}

[data-theme="light"] .select2-search--dropdown .select2-search__field {
    background-color: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #0F172A !important;
}

/* Base Select Elements in Filter Sidebars */
.single-shop-left-select select.form-control,
.single-shop-left select.form-control {
    background-color: rgba(14, 14, 22, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 38px 0 16px !important;
    color: #FFFFFF !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FF1E27' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.single-shop-left-select select.form-control:focus,
.single-shop-left select.form-control:focus {
    border-color: #FF1E27 !important;
    box-shadow: 0 0 0 3px rgba(255, 30, 39, 0.22), 0 8px 24px rgba(255, 30, 39, 0.15) !important;
    outline: none !important;
}

[data-theme="light"] .single-shop-left-select select.form-control,
[data-theme="light"] .single-shop-left select.form-control {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: #0F172A !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .single-shop-left-select select.form-control:focus,
[data-theme="light"] .single-shop-left select.form-control:focus {
    border-color: #E50914 !important;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.18), 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

/* Style options inside native select */
.single-shop-left-select select option,
.single-shop-left select option {
    background-color: #12121A !important;
    color: #FFFFFF !important;
    padding: 10px 14px !important;
}

[data-theme="light"] .single-shop-left-select select option,
[data-theme="light"] .single-shop-left select option {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
}

/* ==========================================================================
   06 — Left Filter Sidebar Panels (.single-shop-left)
   ========================================================================== */
.shop-sidebar-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: visible !important;
}

.single-shop-left {
    background: rgba(14, 14, 22, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    padding: 20px !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
    overflow: visible !important;
}

.single-shop-left-select,
.single-shop-left-inner,
.single-flex-input,
.single-input {
    position: relative !important;
    overflow: visible !important;
}

[data-theme="light"] .single-shop-left {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03) !important;
}

.single-shop-left-filter-title .title,
.single-shop-left-title .title {
    color: #FFFFFF !important;
    font-size: 0.98rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    margin: 0 !important;
}

[data-theme="light"] .single-shop-left-filter-title .title,
[data-theme="light"] .single-shop-left-title .title {
    color: #0F172A !important;
}

.single-shop-left-filter-reset {
    color: #FF1E27 !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}

.single-shop-left-filter-reset:hover {
    opacity: 0.8;
    text-decoration: underline !important;
}

/* Rating Star Filters with Clean Custom Checkbox */
.filter-lists {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.single-shop-left .filter-lists .list,
.filter-lists .list {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 12px 8px 38px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
}

.single-shop-left .filter-lists .list::before,
.filter-lists .list::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    font-size: 10px !important;
    color: #FFFFFF !important;
    line-height: 18px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

[data-theme="light"] .single-shop-left .filter-lists .list::before,
[data-theme="light"] .filter-lists .list::before {
    border: 1.5px solid rgba(0, 0, 0, 0.25) !important;
    background: #FFFFFF !important;
    color: #FFFFFF !important;
}

.single-shop-left .filter-lists .list.active::before,
.filter-lists .list.active::before {
    content: "\f00c" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    background: #FF1E27 !important;
    border-color: #FF1E27 !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 10px rgba(255, 30, 39, 0.4) !important;
}

.single-shop-left .filter-lists .list:hover,
.filter-lists .list:hover {
    background: rgba(255, 30, 39, 0.08) !important;
}

.single-shop-left .filter-lists .list.active,
.filter-lists .list.active {
    background: rgba(255, 30, 39, 0.14) !important;
}

.single-shop-left .filter-lists .list a,
.filter-lists .list a {
    color: #FFB800 !important;
    font-size: 0.95rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    pointer-events: none !important;
}

.single-shop-left .filter-lists .list a i.fa-star,
.filter-lists .list a i.fa-star {
    color: #FFB800 !important;
    text-shadow: 0 0 6px rgba(255, 184, 0, 0.3) !important;
}

.single-shop-left .filter-lists .list a i.lar,
.filter-lists .list a i.lar {
    color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="light"] .single-shop-left .filter-lists .list a i.lar,
[data-theme="light"] .filter-lists .list a i.lar {
    color: rgba(0, 0, 0, 0.2) !important;
}

/* Sidebar Inputs */
.single-shop-left input[type="text"],
.single-shop-left input[type="number"],
.single-shop-left .form-control {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
    padding: 10px 14px !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    width: 100% !important;
    transition: all 0.2s ease !important;
}

[data-theme="light"] .single-shop-left input[type="text"],
[data-theme="light"] .single-shop-left input[type="number"],
[data-theme="light"] .single-shop-left .form-control {
    background: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #0F172A !important;
}

.single-shop-left input:focus,
.single-shop-left .form-control:focus {
    border-color: #E50914 !important;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.15) !important;
    outline: none !important;
}

/* Price Range Slider Container */
.price-range-input {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.price-range-input-flex {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 !important;
}

.price-range-input-min {
    flex: 1 !important;
}

.price-range-input-min input {
    height: 42px !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.price-range-separator {
    color: #94A3B8 !important;
    font-weight: 700 !important;
}

#set_price_range,
.price-range-input-btn button {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(229, 9, 20, 0.35) !important;
    transition: all 0.2s ease !important;
}

#set_price_range:hover,
.price-range-input-btn button:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 6px 16px rgba(229, 9, 20, 0.45) !important;
}

/* ==========================================================================
   07 — Master Job Cards (.categoryWrap-wrapper-item)
   ========================================================================== */
.categoryWrap-wrapper-item {
    background: linear-gradient(180deg, rgba(16, 16, 24, 0.88) 0%, rgba(10, 10, 15, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
    padding: 26px !important;
    margin-bottom: 20px !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden;
}

[data-theme="light"] .categoryWrap-wrapper-item {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.categoryWrap-wrapper-item:hover {
    border-color: rgba(229, 9, 20, 0.45) !important;
    box-shadow: 0 18px 45px rgba(229, 9, 20, 0.12), 0 0 0 1px rgba(229, 9, 20, 0.2) !important;
    transform: translateY(-3px) !important;
}

/* Top Header & Title */
.categoryWrap-wrapper-item-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 14px !important;
}

.single-jobs-title {
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    transition: color 0.2s ease !important;
}

[data-theme="light"] .single-jobs-title {
    color: #0F172A !important;
}

.single-jobs-title:hover {
    color: #FF1E27 !important;
}

/* Date & Experience Level Badge */
.single-jobs-date {
    color: #94A3B8 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

[data-theme="light"] .single-jobs-date {
    color: #64748B !important;
}

.single-jobs-date span {
    background: rgba(229, 9, 20, 0.12) !important;
    border: 1px solid rgba(229, 9, 20, 0.3) !important;
    color: #FF1E27 !important;
    border-radius: 9999px !important;
    padding: 2px 10px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

/* Bookmark Icon Button */
.categoryWrap-wrapper-item-top-right-image {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

[data-theme="light"] .categoryWrap-wrapper-item-top-right-image {
    background: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.categoryWrap-wrapper-item-top-right-image:hover {
    border-color: #FF1E27 !important;
    color: #FF1E27 !important;
    transform: scale(1.06) !important;
}

/* Price & Type Pill */
.single-jobs-price {
    color: #FF1E27 !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 10px 0 !important;
}

.single-jobs-price-fixed {
    background: rgba(14, 165, 233, 0.12) !important;
    border: 1px solid rgba(14, 165, 233, 0.28) !important;
    color: #38BDF8 !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 9999px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

[data-theme="light"] .single-jobs-price-fixed {
    color: #0284C7 !important;
}

/* Job Description */
.single-jobs-para {
    color: #94A3B8 !important;
    font-size: 0.93rem !important;
    line-height: 1.65 !important;
    margin-bottom: 14px !important;
}

[data-theme="light"] .single-jobs-para {
    color: #475569 !important;
}

/* Skill Tags */
.single-jobs-tag {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 14px !important;
}

.single-jobs-tag-link {
    display: inline-flex !important;
    align-items: center !important;
    padding: 5px 12px !important;
    border-radius: 8px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #CBD5E1 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

[data-theme="light"] .single-jobs-tag-link {
    background: #F1F5F9 !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    color: #334155 !important;
}

.single-jobs-tag-link:hover {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    transform: translateY(-1px) !important;
}

/* Bottom Metadata Bar Overrides */
.categoryWrap-wrapper-item.jobDetails-padding .categoryWrap-wrapper-item-bottom,
.categoryWrap-wrapper-item-bottom {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 16px 0 0 0 !important;
    margin-top: 16px !important;
}

[data-theme="light"] .categoryWrap-wrapper-item.jobDetails-padding .categoryWrap-wrapper-item-bottom,
[data-theme="light"] .categoryWrap-wrapper-item-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.categoryWrap-wrapper-item-bottom-list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.categoryWrap-wrapper-item-bottom-list-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 9999px !important;
    padding: 6px 14px !important;
    font-size: 0.84rem !important;
    font-weight: 500 !important;
    color: #CBD5E1 !important;
}

[data-theme="light"] .categoryWrap-wrapper-item-bottom-list-item {
    background: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    color: #64748B !important;
}

.categoryWrap-wrapper-item-bottom-list-item .item-icon svg path,
.categoryWrap-wrapper-item-bottom-list-item .item-icon i {
    fill: #FF1E27 !important;
    color: #FF1E27 !important;
}

/* ==========================================================================
   08 — Subscriptions Page (/subscriptions/all)
   ========================================================================== */
.pricing-area .section-title .title {
    font-size: clamp(2rem, 3.5vw, 2.6rem) !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #FFFFFF !important;
    margin-bottom: 20px !important;
}

[data-theme="light"] .pricing-area .section-title .title {
    color: #0B0D12 !important;
}

.single-pricing,
.pricing-card,
.single-pricing.single-pricing-border {
    background: linear-gradient(180deg, rgba(16, 16, 24, 0.9) 0%, rgba(10, 10, 15, 0.98) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    padding: 36px 28px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

[data-theme="light"] .single-pricing,
[data-theme="light"] .pricing-card,
[data-theme="light"] .single-pricing.single-pricing-border {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05) !important;
}

.single-pricing:hover,
.pricing-card:hover {
    border-color: rgba(229, 9, 20, 0.5) !important;
    box-shadow: 0 20px 50px rgba(229, 9, 20, 0.18), 0 0 0 1px rgba(229, 9, 20, 0.25) !important;
    transform: translateY(-5px) !important;
}

.single-pricing-top {
    margin-bottom: 24px !important;
}

.single-pricing-brand img {
    max-height: 48px !important;
    width: auto !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
}

.single-pricing-title {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    color: #FFFFFF !important;
    margin: 0 !important;
}

[data-theme="light"] .single-pricing-title {
    color: #0F172A !important;
}

.single-pricing-list {
    margin: 20px 0 28px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-grow: 1 !important;
}

.single-pricing-list-item {
    color: #CBD5E1 !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="light"] .single-pricing-list-item {
    color: #475569 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.single-pricing-list-item-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: rgba(16, 185, 129, 0.15) !important;
    color: #10B981 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    flex-shrink: 0 !important;
}

.single-pricing-list-item-icon.cross-icon {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #EF4444 !important;
}

.single-pricing-price {
    font-size: 2.3rem !important;
    font-weight: 900 !important;
    color: #FF1E27 !important;
    letter-spacing: -0.03em !important;
    margin: 16px 0 0 0 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.single-pricing-price sub {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #94A3B8 !important;
    letter-spacing: normal !important;
}

[data-theme="light"] .single-pricing-price sub {
    color: #64748B !important;
}

/* ==========================================================================
   09 — Contact Us Page (/contact-us)
   ========================================================================== */
.contact-info,
.contact-question {
    background: linear-gradient(180deg, rgba(16, 16, 24, 0.88) 0%, rgba(10, 10, 15, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    padding: 36px 32px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
    transition: all 0.3s ease !important;
}

[data-theme="light"] .contact-info,
[data-theme="light"] .contact-question {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

.contact-question-top-title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #FFFFFF !important;
    margin-bottom: 8px !important;
}

[data-theme="light"] .contact-question-top-title {
    color: #0B0D12 !important;
}

.contact-question-top-para {
    color: #94A3B8 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

[data-theme="light"] .contact-question-top-para {
    color: #64748B !important;
}

.contact-info-item {
    margin-bottom: 20px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    transition: all 0.2s ease !important;
}

[data-theme="light"] .contact-info-item {
    background: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.contact-info-item:hover {
    border-color: rgba(229, 9, 20, 0.3) !important;
    transform: translateX(4px) !important;
}

.contact-info-item-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: rgba(229, 9, 20, 0.12) !important;
    border: 1px solid rgba(229, 9, 20, 0.28) !important;
    color: #FF1E27 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

.contact-info-item-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin-bottom: 4px !important;
}

[data-theme="light"] .contact-info-item-title {
    color: #0F172A !important;
}

.contact-info-item-para {
    color: #94A3B8 !important;
    font-size: 0.88rem !important;
    margin: 0 !important;
}

[data-theme="light"] .contact-info-item-para {
    color: #64748B !important;
}

/* Contact Form Inputs */
.contact-question-search-form .form-group,
.custom-form .form-group {
    margin-bottom: 20px !important;
}

.contact-question-search-form label,
.custom-form label {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #E2E8F0 !important;
    margin-bottom: 8px !important;
}

[data-theme="light"] .contact-question-search-form label,
[data-theme="light"] .custom-form label {
    color: #334155 !important;
}

.contact-question-search-form input[type="text"],
.contact-question-search-form input[type="email"],
.contact-question-search-form input[type="tel"],
.contact-question-search-form textarea,
.custom-form .form-control {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: #FFFFFF !important;
    padding: 12px 16px !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    width: 100% !important;
    transition: all 0.25s ease !important;
}

[data-theme="light"] .contact-question-search-form input,
[data-theme="light"] .contact-question-search-form textarea,
[data-theme="light"] .custom-form .form-control {
    background: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #0F172A !important;
}

.contact-question-search-form input:focus,
.contact-question-search-form textarea:focus,
.custom-form .form-control:focus {
    border-color: #FF1E27 !important;
    box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.18) !important;
    outline: none !important;
}

/* ==========================================================================
   10 — Dynamic Pages (/pages/*, /about-us, /privacy-policy, etc.)
   ========================================================================== */
.dynamic-page-content-wrap,
.dynamic-page-content {
    background: linear-gradient(180deg, rgba(16, 16, 24, 0.88) 0%, rgba(10, 10, 15, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    padding: 40px 36px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
    line-height: 1.8 !important;
}

[data-theme="light"] .dynamic-page-content-wrap,
[data-theme="light"] .dynamic-page-content {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

.dynamic-page-content-wrap h1,
.dynamic-page-content-wrap h2,
.dynamic-page-content-wrap h3,
.dynamic-page-content-wrap h4,
.dynamic-page-content-wrap h5,
.dynamic-page-content-wrap h6 {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
}

[data-theme="light"] .dynamic-page-content-wrap h1,
[data-theme="light"] .dynamic-page-content-wrap h2,
[data-theme="light"] .dynamic-page-content-wrap h3,
[data-theme="light"] .dynamic-page-content-wrap h4,
[data-theme="light"] .dynamic-page-content-wrap h5,
[data-theme="light"] .dynamic-page-content-wrap h6 {
    color: #0B0D12 !important;
}

.dynamic-page-content-wrap p {
    color: #CBD5E1 !important;
    font-size: 0.96rem !important;
    margin-bottom: 16px !important;
}

[data-theme="light"] .dynamic-page-content-wrap p {
    color: #475569 !important;
}

.dynamic-page-content-wrap ul,
.dynamic-page-content-wrap ol {
    color: #CBD5E1 !important;
    padding-left: 24px !important;
    margin-bottom: 20px !important;
}

[data-theme="light"] .dynamic-page-content-wrap ul,
[data-theme="light"] .dynamic-page-content-wrap ol {
    color: #475569 !important;
}

.dynamic-page-content-wrap a {
    color: #FF1E27 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.dynamic-page-content-wrap a:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   11 — Talent & Freelancer Cards (.modern-talent-card)
   ========================================================================== */
.modern-talent-card {
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center !important;
    min-height: 380px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    position: relative !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="light"] .modern-talent-card {
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
}

.modern-talent-card:hover {
    border-color: rgba(229, 9, 20, 0.5) !important;
    box-shadow: 0 18px 45px rgba(229, 9, 20, 0.15) !important;
    transform: translateY(-4px) !important;
}

.talent-card-gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 5, 7, 0.1) 0%, rgba(5, 5, 7, 0.7) 50%, rgba(5, 5, 7, 0.98) 100%) !important;
    z-index: 1;
}

.talent-card-content {
    position: relative;
    z-index: 2;
    padding: 20px !important;
}

.talent-card-name a {
    color: #FFFFFF !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.talent-card-name a:hover {
    color: #FF1E27 !important;
}

.talent-card-title {
    color: #94A3B8 !important;
    font-size: 0.86rem !important;
    margin-bottom: 12px !important;
}

.talent-card-stats {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.talent-stat-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.82rem !important;
    color: #94A3B8 !important;
}

.talent-stat-value {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   12 — Buttons, Pagination & Utilities
   ========================================================================== */
.btn-profile,
.btn-wrapper a,
.btn-primary-gradient,
.cmn-btn,
.submit-btn,
.template-btn {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 9999px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    box-shadow: 0 4px 14px rgba(229, 9, 20, 0.35) !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.btn-profile:hover,
.btn-wrapper a:hover,
.btn-primary-gradient:hover,
.cmn-btn:hover,
.submit-btn:hover,
.template-btn:hover {
    box-shadow: 0 6px 20px rgba(229, 9, 20, 0.45) !important;
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
}

/* Pagination */
.pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 30px !important;
}

.page-item .page-link {
    background: rgba(14, 14, 22, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

[data-theme="light"] .page-item .page-link {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #475569 !important;
}

.page-item.active .page-link,
.page-item .page-link:hover {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(229, 9, 20, 0.35) !important;
}

/* RTL Support */
[dir="rtl"] .single-jobs-date span {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

[dir="rtl"] .categorySub-slide-submenu {
    left: auto !important;
    right: 0 !important;
}

/* ==========================================================================
   13 — Projects Page & Project Cards (/projects/all, /categories/*, etc.)
   ========================================================================== */
.preview-area.section-bg-2,
.preview-area {
    background: transparent !important;
    background-color: transparent !important;
}

/* Master Project Card */
.project-category-item {
    background: linear-gradient(180deg, rgba(16, 16, 24, 0.88) 0%, rgba(10, 10, 15, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
    padding: 22px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

[data-theme="light"] .project-category-item {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.project-category-item:hover {
    border-color: rgba(229, 9, 20, 0.45) !important;
    box-shadow: 0 18px 45px rgba(229, 9, 20, 0.12), 0 0 0 1px rgba(229, 9, 20, 0.2) !important;
    transform: translateY(-4px) !important;
}

.project-category-item .single-project {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Project Thumbnail */
.single-project-thumb {
    position: relative !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
    aspect-ratio: 16 / 9.5 !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

.single-project-thumb a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.single-project-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.project-category-item:hover .single-project-thumb img {
    transform: scale(1.05) !important;
}

/* Card Content */
.single-project-content {
    padding: 0 !important;
    flex-grow: 1 !important;
}

.single-project-content-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.single-project-content-review {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.single-project-content-review-icon {
    color: #F59E0B !important;
    font-size: 0.9rem !important;
    display: inline-flex !important;
    align-items: center !important;
}

.single-project-content-review-rating {
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

[data-theme="light"] .single-project-content-review-rating {
    color: #0F172A !important;
}

.single-project-orderCompleted {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 9999px !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.28) !important;
    color: #10B981 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.single-project-orderCompleted:hover {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #10B981 !important;
}

.single-project-content-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.4 !important;
    margin: 8px 0 16px 0 !important;
}

.single-project-content-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

[data-theme="light"] .single-project-content-title a {
    color: #0F172A !important;
}

.single-project-content-title a:hover {
    color: #FF1E27 !important;
}

/* Price & Delivery */
.single-project-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 0 !important;
    margin-bottom: 16px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .single-project-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.single-project-content-price {
    color: #FF1E27 !important;
    font-size: 1.45rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.single-project-content-price s {
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    color: #94A3B8 !important;
}

.single-project-delivery {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.85rem !important;
    color: #94A3B8 !important;
    font-weight: 500 !important;
}

[data-theme="light"] .single-project-delivery {
    color: #64748B !important;
}

.single-project-delivery-days {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

[data-theme="light"] .single-project-delivery-days {
    color: #0F172A !important;
}

/* Card Bottom Actions */
.project-category-item-bottom {
    padding: 0 !important;
    border: none !important;
    margin-top: auto !important;
}

.project-category-item-bottom-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.project-category-right-flex .click-to-favorite {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #94A3B8 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

[data-theme="light"] .project-category-right-flex .click-to-favorite {
    background: #F8F9FA !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #64748B !important;
}

.project-category-right-flex .click-to-favorite:hover {
    border-color: #FF1E27 !important;
    color: #FF1E27 !important;
    transform: scale(1.06) !important;
}

.project-category-item-btn .btn-profile,
.project-category-item-btn a {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    border: none !important;
    color: #FFFFFF !important;
    border-radius: 9999px !important;
    padding: 10px 24px !important;
    font-weight: 700 !important;
    font-size: 0.92rem !important;
    box-shadow: 0 4px 14px rgba(229, 9, 20, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.project-category-item-btn .btn-profile:hover,
.project-category-item-btn a:hover {
    box-shadow: 0 6px 20px rgba(229, 9, 20, 0.45) !important;
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
}

/* Pro Projects Toggle Switch */
.profile-wrapper-right-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

.profile-wrapper-switch-title {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

[data-theme="light"] .profile-wrapper-switch-title {
    color: #0F172A !important;
}

.custom_switch {
    position: relative !important;
    display: inline-block !important;
    width: 48px !important;
    height: 26px !important;
}

.custom_switch input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.custom_switch .slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    transition: 0.3s !important;
    border-radius: 9999px !important;
}

[data-theme="light"] .custom_switch .slider {
    background-color: #E2E8F0 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.custom_switch .slider:before {
    position: absolute !important;
    content: "" !important;
    height: 18px !important;
    width: 18px !important;
    left: 3px !important;
    bottom: 3px !important;
    background-color: #FFFFFF !important;
    transition: 0.3s !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.custom_switch input:checked+.slider {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    border-color: rgba(255, 30, 39, 0.5) !important;
    box-shadow: 0 0 12px rgba(229, 9, 20, 0.4) !important;
}

.custom_switch input:checked+.slider:before {
    transform: translateX(22px) !important;
}

/* ==========================================================================
   14 — Master Modern Sliders & Carousels (Slick, Ribbon, Range, Dots)
   ========================================================================== */

/* Global Slick Container & Track */
.slick-slider {
    position: relative;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-slide {
    outline: none !important;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

/* Modern Appended Arrow Wrappers (.append-flex, .append-jobs, etc.) */
.append-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.append-team,
.append-jobs,
.append-project,
.append-freelancer,
.append-search,
.append-testimonial,
.append-testimonial2,
.append-projectCategory,
.append-jobCategory {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Master Slider Navigation Arrows */
.slick-arrow,
.slick-prev,
.slick-next,
.prev-icon,
.next-icon,
.nav-style-one .prev-icon,
.nav-style-one .next-icon,
.append-team .slick-arrow,
.append-jobs .slick-arrow,
.append-project .slick-arrow,
.append-freelancer .slick-arrow,
.append-search .slick-arrow,
.append-testimonial .slick-arrow,
.append-projectCategory .slick-arrow,
.append-jobCategory .slick-arrow {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    z-index: 10 !important;
    opacity: 1 !important;
    visibility: visible !important;
    outline: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}

[data-theme="light"] .slick-arrow,
[data-theme="light"] .slick-prev,
[data-theme="light"] .slick-next,
[data-theme="light"] .prev-icon,
[data-theme="light"] .next-icon,
[data-theme="light"] .nav-style-one .prev-icon,
[data-theme="light"] .nav-style-one .next-icon,
[data-theme="light"] .append-team .slick-arrow,
[data-theme="light"] .append-jobs .slick-arrow,
[data-theme="light"] .append-project .slick-arrow,
[data-theme="light"] .append-freelancer .slick-arrow,
[data-theme="light"] .append-search .slick-arrow,
[data-theme="light"] .append-testimonial .slick-arrow,
[data-theme="light"] .append-projectCategory .slick-arrow,
[data-theme="light"] .append-jobCategory .slick-arrow {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    color: #0F172A !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

/* Hover & Active States for Arrows */
.slick-arrow:hover,
.slick-prev:hover,
.slick-next:hover,
.prev-icon:hover,
.next-icon:hover,
.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover,
.append-team .slick-arrow:hover,
.append-jobs .slick-arrow:hover,
.append-project .slick-arrow:hover,
.append-freelancer .slick-arrow:hover,
.append-search .slick-arrow:hover,
.append-testimonial .slick-arrow:hover,
.append-projectCategory .slick-arrow:hover,
.append-jobCategory .slick-arrow:hover {
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    border-color: rgba(255, 30, 39, 0.6) !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 20px rgba(229, 9, 20, 0.5) !important;
    transform: scale(1.08) !important;
}

.slick-arrow:active,
.prev-icon:active,
.next-icon:active {
    transform: scale(0.96) !important;
}

.slick-disabled,
.slick-arrow.slick-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    transform: none !important;
    box-shadow: none !important;
}



/* Modern Slider Pagination Dots (.slick-dots) */
.slick-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 0 0 !important;
}

.slick-dots li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

.slick-dots li button {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    padding: 0 !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: none !important;
    font-size: 0 !important;
    color: transparent !important;
    cursor: pointer !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="light"] .slick-dots li button {
    background: rgba(0, 0, 0, 0.2) !important;
}

.slick-dots li.slick-active button {
    width: 28px !important;
    background: linear-gradient(135deg, #FF1E27 0%, #D00000 100%) !important;
    box-shadow: 0 0 12px rgba(229, 9, 20, 0.5) !important;
}

/* Testimonial / Feedback / Team Card Sliders */
.attraction-slider .slick-slide,
.project-slider .slick-slide {
    padding: 0 12px !important;
}

.single-testimonial-item,
.testimonial-card,
.team-single-item {
    background: linear-gradient(180deg, rgba(16, 16, 24, 0.88) 0%, rgba(10, 10, 15, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
    padding: 28px 24px !important;
    transition: all 0.3s ease !important;
}

[data-theme="light"] .single-testimonial-item,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .team-single-item {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05) !important;
}

.single-testimonial-item:hover,
.testimonial-card:hover,
.team-single-item:hover {
    border-color: rgba(229, 9, 20, 0.4) !important;
    box-shadow: 0 15px 40px rgba(229, 9, 20, 0.15) !important;
    transform: translateY(-4px) !important;
}

/* Range / Price / Budget Sliders (jQuery UI / HTML5) */
.ui-slider-horizontal {
    height: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 9999px !important;
    border: none !important;
    position: relative !important;
}

[data-theme="light"] .ui-slider-horizontal {
    background: rgba(0, 0, 0, 0.08) !important;
}

.ui-slider .ui-slider-range {
    background: linear-gradient(90deg, #FF1E27, #E50914) !important;
    border-radius: 9999px !important;
    box-shadow: 0 0 10px rgba(229, 9, 20, 0.5) !important;
    position: absolute !important;
    height: 100% !important;
    top: 0 !important;
}

.ui-slider .ui-slider-handle {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    border: 3px solid #FF1E27 !important;
    box-shadow: 0 0 10px rgba(229, 9, 20, 0.6) !important;
    cursor: grab !important;
    top: -6px !important;
    outline: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.ui-slider .ui-slider-handle:hover,
.ui-slider .ui-slider-handle:active {
    transform: scale(1.25) !important;
    box-shadow: 0 0 16px rgba(229, 9, 20, 0.9) !important;
}