:root {
    --fg-blue: #115baa;
    --fg-blue-dark: #0d4785;
    --fg-blue-soft: #eaf3fb;
    --fg-green: #6fbe44;
    --fg-green-dark: #589936;
    --fg-green-soft: #eef9e9;
    --fg-ink: #162033;
    --bs-primary: #115baa;
    --bs-primary-rgb: 17, 91, 170;
    --bs-success: #6fbe44;
    --bs-success-rgb: 111, 190, 68;
}

a:hover,
.text-thm,
.text-primary-600,
.hover-text-primary:hover,
.hover-text-primary-600:hover,
.text-primary-light {
    color: var(--fg-blue) !important;
}

.text-success-main {
    color: var(--fg-green-dark) !important;
}

.bg-primary-600,
.btn-primary-600,
.btn-primary,
.ud-btn.btn-thm,
.ud-btn.btn-white:hover,
.ud-btn.btn-light-thm:hover,
.bg-thm,
.bgc-thm,
.bgc-thm2,
.progress-bar,
.sidebar-menu li a.active-page,
.sidebar-menu li a:hover {
    background-color: var(--fg-blue) !important;
    border-color: var(--fg-blue) !important;
    color: #fff !important;
}

.btn-primary-600:hover,
.btn-primary:hover,
.ud-btn.btn-thm:hover {
    background-color: var(--fg-blue-dark) !important;
    border-color: var(--fg-blue-dark) !important;
    color: #fff !important;
}

.btn-outline-primary,
.btn-outline-secondary:hover {
    border-color: var(--fg-blue) !important;
    color: var(--fg-blue) !important;
}

.btn-outline-primary:hover {
    background-color: var(--fg-blue) !important;
    color: #fff !important;
}

.bg-primary-focus,
.bg-primary-50,
.bg-gradient-end-1,
.bg-light-thm,
.btn-light-thm {
    background-color: var(--fg-blue-soft) !important;
}

.bg-success-main,
.bg-success-focus .icon,
.badge.bg-success,
.btn-success,
.online,
.online-badges {
    background-color: var(--fg-green) !important;
    border-color: var(--fg-green) !important;
}

.bg-success-focus,
.bg-gradient-end-2 {
    background-color: var(--fg-green-soft) !important;
}

.text-success-main,
.review-color,
.list-meta a:hover,
.freelancer-style1 .title:hover,
.listing-style1 .list-title a:hover {
    color: var(--fg-green-dark) !important;
}

.border-primary-600,
.border-primary,
.form-control:focus,
.fg-input:focus {
    border-color: var(--fg-blue) !important;
}

.form-control:focus,
.fg-input:focus {
    box-shadow: 0 0 0 3px rgba(17, 91, 170, 0.12) !important;
}

.hero-home2 {
    background-image: url("/images/hero/fluxgig-home-banner.png") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.header-nav.nav-innerpage-style .ace-responsive-menu > li > a:hover,
.header-nav.nav-innerpage-style .btn-mega:hover,
.header-nav.nav-homepage-style .ace-responsive-menu > li > a:hover,
.header-nav.nav-homepage-style .btn-mega:hover {
    color: var(--fg-green) !important;
}

.advance-search-tab .ud-btn,
.listing-fav:hover,
.pricing_packages.active,
.pricing_packages:hover {
    border-color: var(--fg-green) !important;
}

.advance-search-tab .ud-btn,
.pricing_packages.active .ud-btn,
.pricing_packages:hover .ud-btn {
    background-color: var(--fg-green) !important;
    border-color: var(--fg-green) !important;
    color: #fff !important;
}

.advance-search-tab .ud-btn:hover,
.pricing_packages.active .ud-btn:hover,
.pricing_packages:hover .ud-btn:hover {
    background-color: var(--fg-green-dark) !important;
    border-color: var(--fg-green-dark) !important;
}

.navbar-header,
.dashboard-main-body,
body[data-theme="light"] {
    color: var(--fg-ink);
}

.navbar-header .dropdown-menu-lg {
    width: min(460px, calc(100vw - 24px));
}

.fg-header-notification-item {
    color: inherit;
    min-width: 0;
}

.fg-header-notification-main {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.fg-header-notification-main > .min-w-0 {
    min-width: 0;
}

.fg-header-notification-time,
.fg-header-notification-meta {
    flex: 0 0 auto;
    margin-left: 12px;
    max-width: 128px;
    text-align: right;
    white-space: nowrap;
}

.fg-header-notification-time {
    line-height: 1.35;
}

.fg-header-notification-message {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
}

@media (max-width: 575.98px) {
    .navbar-header .dropdown-menu-lg {
        width: calc(100vw - 16px);
    }

    .fg-header-notification-item {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .fg-header-notification-time,
    .fg-header-notification-meta {
        max-width: 96px;
        margin-left: 8px;
        font-size: 12px !important;
    }
}

.sidebar-logo img {
    max-height: 48px;
    object-fit: contain;
}

.fluxgig-mobile-header .mobile-join-link {
    background: var(--fg-blue) !important;
}

.fluxgig-mobile-header .mobile-join-link:hover {
    background: var(--fg-blue-dark) !important;
}