/* Override Green styles globally with dynamic theme colors */
        .text-green {
            color: var(--color-primary) !important;
        }

        .bg-green,
        .bg-app-sec {
            background-color: var(--color-primary) !important;
        }

        .border-green {
            border-color: var(--color-primary) !important;
        }

        /* Active Sidebar elements */
        .nav_lay_active,
        .nav_lay_active:hover {
            background-color: var(--color-primary) !important;
            background: var(--color-primary) !important;
            color: #ffffff !important;
        }

        .nav_lay_active i,
        .nav_lay_active span {
            color: #ffffff !important;
        }

        .text-app {
            color: var(--color-primary) !important;
        }

        .bg-primary\/10 {
            background-color: rgba(var(--color-primary-rgb), 0.1) !important;
        }

        .badge.bg-primary\/10 {
            background-color: rgba(var(--color-primary-rgb), 0.15) !important;
            color: var(--color-primary) !important;
        }

        /* Sidebar Options Hover Overrides */
        .nav_lay1:hover {
            background: rgba(var(--color-primary-rgb), 0.8) !important;
            color: #ffffff !important;
        }

        .nav_lay1:hover i,
        .nav_lay1:hover span {
            color: #ffffff !important;
        }

        /* Border App & Quote Overrides */
        .border-app {
            border-color: var(--color-primary) !important;
        }

        .csm-reply-quote {
            border-left-color: var(--color-primary) !important;
        }

        /* Chat Unlocked banner & login buttons overrides */
        .unl-chat {
            color: var(--color-primary) !important;
        }

        .csm_btn_log_2,
        .csm_btn_log_3,
        .csm_btn_log_5,
        .btn_1,
        .bg-rgb-blue,
        .b-drop {
            background-color: var(--color-primary) !important;
            background: var(--color-primary) !important;
            background-image: none !important;
        }

        .csm_btn_log_2:hover,
        .csm_btn_log_3:hover,
        .csm_btn_log_5:hover,
        .btn_1:hover {
            background-color: var(--color-hover) !important;
            background: var(--color-hover) !important;
            filter: brightness(1.1) !important;
        }

        /* Floating Chat Trigger overrides */
        #open-btn,
        .open_cst {
            background: var(--color-primary) !important;
            background-color: var(--color-primary) !important;
            background-image: none !important;
            color: #ffffff !important;
            border-bottom: none !important;
            box-shadow: none !important;
        }

        #open-btn:after,
        .open_cst:after {
            background: var(--color-primary) !important;
            background-color: var(--color-primary) !important;
            background-image: none !important;
        }

        #open-btn i,
        .open_cst i {
            color: #ffffff !important;
        }

        /* Adblock detection text/icon overrides */
        .adblock_image-container .image h3,
        .adblock_image-container .image .fas {
            color: var(--color-primary) !important;
        }

        /* Mobile bottom nav active */
        .csm_b_nav_active {
            color: var(--color-primary) !important;
        }

        /* Footer copyright and menu overrides */
        .copyright-text p a {
            color: var(--color-primary) !important;
        }

        .copyright-text p a:hover {
            color: var(--color-hover) !important;
        }

        .footer-menu li a:hover,
        .footer-menu li:hover a {
            color: var(--color-primary) !important;
        }

        .footer-widget-heading h3::before {
            background: var(--color-primary) !important;
        }

        /* Earn page heading icons and badges overrides */
        .fea_text i {
            color: var(--color-primary) !important;
        }

        .csm-offer-badge {
            background: rgba(var(--color-primary-rgb), 0.14) !important;
            color: var(--color-primary) !important;
        }

        /* Authorization Modal / Login & Register Active Tab */
        .login_tab_ac_col {
            background-color: var(--color-primary) !important;
            background: var(--color-primary) !important;
            background-image: none !important;
            color: #ffffff !important;
        }

        /* Tiers / VIP Levels Card page overrides */
        .csm-tier-box {
            background:
                linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.15), rgba(39, 40, 61, 0) 38%),
                linear-gradient(180deg, #19212c 0%, #111923 100%) !important;
        }

        .csm-tier-box.csm-active {
            border-color: var(--color-primary) !important;
        }

        @media (min-width: 421px) {
            .csm-tier-box.csm-active .csm-tier-card-head {
                padding-right: 95px !important;
            }
        }

        .csm-tier-box:hover {
            border-color: rgba(var(--color-primary-rgb), 0.45) !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24) !important;
        }

        .csm-active-badge {
            background-color: rgba(var(--color-primary-rgb), 0.15) !important;
            color: var(--color-primary) !important;
        }

        .csm-tier-icon {
            background-color: rgba(var(--color-primary-rgb), 0.1) !important;
            color: var(--color-primary) !important;
            border: 1px solid rgba(var(--color-primary-rgb), 0.2) !important;
        }

        .csm-tier-commission span,
        .csm-tier-requirement-title i {
            color: var(--color-primary) !important;
        }

        /* Rewards Page overlays & Streak panels */
        .rewards-bonus-btn {
            background: linear-gradient(135deg, var(--color-primary), var(--color-hover)) !important;
            box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.25) !important;
        }

        .rewards-bonus-btn:hover {
            box-shadow: 0 8px 25px rgba(var(--color-primary-rgb), 0.35) !important;
        }

        .rewards-panel-icon {
            background-color: rgba(var(--color-primary-rgb), 0.1) !important;
            color: var(--color-primary) !important;
            border: 1px solid rgba(var(--color-primary-rgb), 0) !important;
        }

        .rewards-today-card {
            border-color: rgba(var(--color-primary-rgb), 0.2) !important;
            background: linear-gradient(to right, rgba(var(--color-primary-rgb), 0.05), transparent) !important;
        }

        .rewards-streak-target {
            border-color: rgba(var(--color-primary-rgb), 0.2) !important;
            background: linear-gradient(to right, rgba(var(--color-primary-rgb), 0.05), transparent) !important;
        }

        .rewards-streak-target i {
            color: var(--color-primary) !important;
        }

        .csm-streak-day::after {
            background: rgba(var(--color-primary-rgb), 0.1) !important;
        }

        .csm-streak-day.is-completed {
            border-color: var(--color-primary) !important;
            background: rgba(var(--color-primary-rgb), 0.15) !important;
        }

        .csm-streak-day.is-completed .streak-day-top i {
            color: var(--color-primary) !important;
        }

        .csm-streak-day.is-current,
        .csm-streak-day.is-claimable {
            border-color: var(--color-primary) !important;
            box-shadow: 0 0 15px rgba(var(--color-primary-rgb), 0.2) !important;
        }

        .csm-streak-day.is-current::after,
        .csm-streak-day.is-claimable::after {
            background: linear-gradient(to bottom, var(--color-primary), var(--color-hover)) !important;
            opacity: 0.2 !important;
        }

        .csm-streak-day:hover {
            border-color: var(--color-primary) !important;
        }

        .csm-streak-footer {
            background-color: rgba(var(--color-primary-rgb), 0.03) !important;
            border-top: 1px solid rgba(var(--color-primary-rgb), 0.1) !important;
        }

        .streak-day-top i {
            color: var(--color-primary) !important;
        }

        /* Action Buttons */
        .btn_app,
        .cc_btn,
        .wit_btn,
        .bonus_btn {
            background: linear-gradient(135deg, var(--color-primary), var(--color-hover)) !important;
        }

        .btn_app:hover,
        .cc_btn:hover,
        .wit_btn:hover,
        .bonus_btn:hover {
            filter: brightness(1.1) !important;
        }

        .wit_btn {
            border-bottom-color: var(--color-hover) !important;
        }


        /* Preloader loader ellipses dots */
        .lds-ellipsis div {
            background-color: var(--color-primary) !important;
        }

        /* Daily Missions active claim btn override */
        .csm-claim-btn.claim-button {
            background-color: var(--color-primary) !important;
            box-shadow: 0 4px 12px var(--color-glow) !important;
            color: #ffffff !important;
        }

        .csm-claim-btn.claim-button:hover {
            background-color: var(--color-hover) !important;
        }

        /* Leaderboard and tabs overrides */
        .csm-claim-btn.bg-green {
            background-color: var(--color-primary) !important;
        }

        .csm-claim-btn.bg-green:hover {
            background-color: var(--color-hover) !important;
        }

        /* Missions grid and hover cards overrides */
        .missions-card:hover {
            border-color: var(--color-primary) !important;
            box-shadow: 0 0 15px var(--color-border-glow) !important;
        }

        /* Progress Bar fills overrides */
        .rewards-mini-progress>div {
            background: linear-gradient(90deg, var(--color-grad-start), var(--color-grad-end)) !important;
        }

        .rewards-mini-progress>span {
            background-color: var(--color-primary) !important;
        }

        /* Landing page / Hero section overrides */
        .home-redesign {
            --home-accent: var(--color-primary) !important;
            background:
                radial-gradient(circle at 18% 10%, rgba(var(--color-primary-rgb), .16), transparent 30rem),
                radial-gradient(circle at 84% 0%, rgba(255, 209, 102, .09), transparent 24rem),
                linear-gradient(180deg, #0d131c 0%, #101720 42%, #0d131c 100%) !important;
        }

        .home-primary {
            background: linear-gradient(135deg, var(--color-primary), var(--color-hover)) !important;
            color: #ffffff !important;
        }

        .home-primary:hover {
            filter: brightness(1.1);
        }

        .home-kicker {
            border: 1px solid rgba(var(--color-primary-rgb), 0.24) !important;
            background: rgba(var(--color-primary-rgb), 0.08) !important;
            color: var(--color-primary) !important;
        }

        .home-kicker i {
            color: var(--color-primary) !important;
        }

        .home-live-dot {
            color: var(--color-primary) !important;
        }

        .home-live-dot::before {
            background: var(--color-primary) !important;
        }

        .home-offer-pulse {
            background: var(--color-primary) !important;
            box-shadow: 0 0 0 0 rgba(var(--color-primary-rgb), 0.4) !important;
        }

        .home-google:hover {
            border-color: rgba(var(--color-primary-rgb), 0.25) !important;
        }

        /* Improved Website Buttons UI Style */
        /* --- Standard Primary Buttons (Dynamic Theme) --- */
        .btn_1,
        .csm_btn_log_2,
        .csm_btn_log_3,
        .csm_btn_log_5 {
            position: relative;
            overflow: hidden;
            background: var(--color-primary) !important;
            border: 1px solid var(--color-border-glow) !important;
            border-bottom: 2px solid var(--color-hover) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
                0 4px 12px var(--color-glow) !important;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        }

        .btn_1:hover,
        .csm_btn_log_2:hover,
        .csm_btn_log_3:hover,
        .csm_btn_log_5:hover {
            transform: translateY(-2px);
            background: var(--color-hover) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
                0 8px 20px var(--color-glow) !important;
            filter: brightness(1.06);
        }

        .btn_1:active,
        .csm_btn_log_2:active,
        .csm_btn_log_3:active,
        .csm_btn_log_5:active {
            transform: translateY(1px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
                0 2px 4px rgba(0, 0, 0, 0.25) !important;
            transition: all 0.08s ease !important;
        }

        /* Shining Sweep Animation for primary buttons */
        .btn_1::after,
        .csm_btn_log_2::after,
        .csm_btn_log_3::after,
        .csm_btn_log_5::after {
            content: '';
            position: absolute;
            top: 0;
            left: -50%;
            width: 20%;
            height: 100%;
            background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.25), transparent);
            transform: skewX(-25deg);
            transition: 0.75s;
        }

        .btn_1:hover::after,
        .csm_btn_log_2:hover::after,
        .csm_btn_log_3:hover::after,
        .csm_btn_log_5:hover::after {
            left: 125%;
        }

        /* --- Blue Buttons (e.g. Collect/Missions) --- */
        .btn_2 {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(19, 151, 249, 0.15) !important;
            border-bottom: 2px solid #0a46b2 !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25),
                0 4px 10px rgba(19, 151, 249, 0.15) !important;
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
        }

        .btn_2:hover {
            transform: translateY(-1.5px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35),
                0 6px 15px rgba(19, 151, 249, 0.3) !important;
            filter: brightness(1.08);
        }

        .btn_2:active {
            transform: translateY(1px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
                0 2px 4px rgba(0, 0, 0, 0.2) !important;
            transition: all 0.08s ease !important;
        }

        /* --- Secondary / Dark / Outline Buttons --- */
        .csm_btn_log_,
        .csm_btn_log_4 {
            background: rgba(255, 255, 255, 0.03) !important;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.09) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 4px 12px rgba(0, 0, 0, 0.15) !important;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
        }

        .csm_btn_log_:hover,
        .csm_btn_log_4:hover {
            transform: translateY(-2px);
            background: rgba(255, 255, 255, 0.07) !important;
            border-color: var(--color-border-glow) !important;
            /* Glow accent border */
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
                0 8px 20px var(--color-glow) !important;
            color: #ffffff !important;
        }

        .csm_btn_log_:active,
        .csm_btn_log_4:active {
            transform: translateY(1px);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02),
                0 2px 4px rgba(0, 0, 0, 0.2) !important;
            transition: all 0.08s ease !important;
        }

        .csm-reply-quote {
            border-left: solid 4px #344050 !important;
            margin-top: 3px !important;
            margin-bottom: 5px !important;
        }

        /* Cashout and reward packages page overrides */
        .withdraw-link {
            color: var(--color-primary) !important;
        }

        .withdraw-link:hover {
            color: var(--color-hover) !important;
            text-decoration: underline !important;
        }

        .csm-radio:checked+.csm-box {
            border-color: var(--color-primary) !important;
        }

        .csm-radio:checked+.csm-box::after {
            background-color: var(--color-primary) !important;
        }

        .csm_rew_deti:focus {
            border-color: var(--color-primary) !important;
            outline: none !important;
            --tw-ring-color: var(--color-primary) !important;
        }

        /* Daily Streak overrides */
        .csm-streak-footer {
            background:
                linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.1), rgba(255, 255, 255, 0.03)),
                #111923 !important;
        }

        .csm-timer {
            color: var(--color-primary) !important;
        }

        .csm-streak-day::after {
            background: rgba(var(--color-primary-rgb), 0.08) !important;
        }

        .csm-streak-day:hover {
            border-color: rgba(var(--color-primary-rgb), 0.34) !important;
        }

        .csm-streak-day.is-completed {
            border-color: rgba(var(--color-primary-rgb), 0.26) !important;
        }

        .csm-streak-day.is-claimable {
            border-color: var(--color-primary) !important;
            box-shadow: 0 18px 38px rgba(var(--color-primary-rgb), 0.12) !important;
        }

        /* Affiliate Tiers progress overrides */
        .csm-tier-progress span {
            background: linear-gradient(90deg, var(--color-grad-start), var(--color-grad-end)) !important;
        }

        .progress .bg-success {
            background-color: var(--color-primary) !important;
        }

        /* Invite page Stats layout icon overrides */
        .icon-box {
            background-color: rgba(var(--color-primary-rgb), 0.14) !important;
        }

        .icon-box i {
            color: var(--color-primary) !important;
        }

        .focus\:text-slate-800:focus {
            color: var(--color-primary) !important;
        }

        .focus\:bg-slate-800:focus {
            background-color: var(--color-primary) !important;
        }

        .focus\:border-slate-400:focus {
            border-color: var(--color-primary) !important;
        }

        .bg-app-use {
            background-color: var(--color-primary) !important;
        }

        /* Leaderboard page overrides */
        .csm-tabs {
            border-color: rgba(var(--color-primary-rgb), 0.32) !important;
        }

        .csm-tab.csm-active {
            background-color: var(--color-primary) !important;
            color: #ffffff !important;
        }

        .csm-tab.csm-active:hover {
            color: #ffffff !important;
        }

        .csm-tab:hover {
            color: var(--color-hover) !important;
        }

        .csm_referBox {
            background: linear-gradient(to right, rgba(var(--color-primary-rgb), 0.05), transparent) !important;
            border: 1px solid rgba(var(--color-primary-rgb), 0.1) !important;
        }

        /* Dynamic App Preloaders CSS Overrides */
        .preloader-spinner {
            width: 48px;
            height: 48px;
            border: 3.5px solid rgba(var(--color-primary-rgb), 0.15) !important;
            border-radius: 50% !important;
            border-top-color: var(--color-primary) !important;
            animation: preloader-spin 0.85s linear infinite !important;
            margin-top: 15px;
        }

        @keyframes preloader-spin {
            to {
                transform: rotate(360deg);
            }
        }

        .preloader-pulse {
            width: 46px;
            height: 46px;
            background-color: var(--color-primary) !important;
            border-radius: 50% !important;
            animation: preloader-pulse-anim 1.1s ease-in-out infinite !important;
            margin-top: 15px;
            box-shadow: 0 0 15px var(--color-glow) !important;
        }

        @keyframes preloader-pulse-anim {
            0% {
                transform: scale(0.1);
                opacity: 1;
            }

            100% {
                transform: scale(1.1);
                opacity: 0;
            }
        }

        .preloader-wave {
            display: flex;
            gap: 6px;
            margin-top: 15px;
            height: 38px;
            align-items: center;
        }

        .preloader-wave div {
            width: 4.5px;
            height: 18px;
            background-color: var(--color-primary) !important;
            border-radius: 2px !important;
            animation: preloader-wave-anim 1.1s ease-in-out infinite !important;
        }

        .preloader-wave div:nth-child(1) {
            animation-delay: -1.1s !important;
        }

        .preloader-wave div:nth-child(2) {
            animation-delay: -1.0s !important;
        }

        .preloader-wave div:nth-child(3) {
            animation-delay: -0.9s !important;
        }

        .preloader-wave div:nth-child(4) {
            animation-delay: -0.8s !important;
        }

        .preloader-wave div:nth-child(5) {
            animation-delay: -0.7s !important;
        }

        @keyframes preloader-wave-anim {

            0%,
            40%,
            100% {
                transform: scaleY(1);
            }

            20% {
                transform: scaleY(2.2);
            }
        }

        .preloader-bounce {
            display: flex;
            gap: 8px;
            margin-top: 15px;
            height: 30px;
            align-items: center;
        }

        .preloader-bounce div {
            width: 11px;
            height: 11px;
            background-color: var(--color-primary) !important;
            border-radius: 50% !important;
            animation: preloader-bounce-anim 1.35s ease-in-out infinite !important;
        }

        .preloader-bounce div:nth-child(1) {
            animation-delay: -0.32s !important;
        }

        .preloader-bounce div:nth-child(2) {
            animation-delay: -0.16s !important;
        }

        @keyframes preloader-bounce-anim {

            0%,
            80%,
            100% {
                transform: scale(0.2);
                opacity: 0.5;
            }

            40% {
                transform: scale(1.1);
                opacity: 1;
            }
        }

        .preloader-flip {
            width: 26px;
            height: 26px;
            background-color: var(--color-primary) !important;
            animation: preloader-flip-anim 1.2s infinite ease-in-out !important;
            margin-top: 15px;
        }

        @keyframes preloader-flip-anim {
            0% {
                transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            }

            50% {
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            }

            100% {
                transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            }
        }

        .preloader-double-ring {
            position: relative;
            width: 48px;
            height: 48px;
            margin-top: 15px;
        }

        .preloader-double-ring div {
            position: absolute;
            border: 3.5px solid transparent;
            border-top-color: var(--color-primary) !important;
            border-radius: 50% !important;
            animation: preloader-double-ring-anim 1s linear infinite !important;
        }

        .preloader-double-ring div:nth-child(1) {
            width: 48px;
            height: 48px;
            top: 0;
            left: 0;
        }

        .preloader-double-ring div:nth-child(2) {
            width: 32px;
            height: 32px;
            top: 8px;
            left: 8px;
            border-top-color: transparent;
            border-bottom-color: rgba(var(--color-primary-rgb), 0.5) !important;
            animation-direction: reverse !important;
        }

        @keyframes preloader-double-ring-anim {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .preloader-spinning-dots {
            position: relative;
            width: 48px;
            height: 48px;
            margin-top: 15px;
        }

        .preloader-spinning-dots div {
            position: absolute;
            width: 6px;
            height: 6px;
            background: var(--color-primary) !important;
            border-radius: 50% !important;
            animation: preloader-spinning-dots-anim 1.2s linear infinite !important;
        }

        .preloader-spinning-dots div:nth-child(1) {
            top: 6px;
            left: 24px;
            animation-delay: 0s !important;
        }

        .preloader-spinning-dots div:nth-child(2) {
            top: 11px;
            left: 37px;
            animation-delay: -0.15s !important;
        }

        .preloader-spinning-dots div:nth-child(3) {
            top: 24px;
            left: 42px;
            animation-delay: -0.3s !important;
        }

        .preloader-spinning-dots div:nth-child(4) {
            top: 37px;
            left: 37px;
            animation-delay: -0.45s !important;
        }

        .preloader-spinning-dots div:nth-child(5) {
            top: 42px;
            left: 24px;
            animation-delay: -0.6s !important;
        }

        .preloader-spinning-dots div:nth-child(6) {
            top: 37px;
            left: 11px;
            animation-delay: -0.75s !important;
        }

        .preloader-spinning-dots div:nth-child(7) {
            top: 24px;
            left: 6px;
            animation-delay: -0.9s !important;
        }

        .preloader-spinning-dots div:nth-child(8) {
            top: 11px;
            left: 11px;
            animation-delay: -1.05s !important;
        }

        @keyframes preloader-spinning-dots-anim {

            0%,
            100% {
                opacity: 0.2;
                transform: scale(1);
            }

            50% {
                opacity: 1;
                transform: scale(1.3);
            }
        }

        .preloader-triple-pulse {
            position: relative;
            width: 48px;
            height: 48px;
            margin-top: 15px;
        }

        .preloader-triple-pulse div {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 3.5px solid var(--color-primary);
            border-radius: 50% !important;
            opacity: 0;
            animation: preloader-triple-pulse-anim 1.8s cubic-bezier(0.165, 0.84, 0.44, 1) infinite !important;
            box-shadow: 0 0 15px var(--color-glow) !important;
        }

        .preloader-triple-pulse div:nth-child(1) {
            animation-delay: 0s !important;
        }

        .preloader-triple-pulse div:nth-child(2) {
            animation-delay: -0.6s !important;
        }

        .preloader-triple-pulse div:nth-child(3) {
            animation-delay: -1.2s !important;
        }

        @keyframes preloader-triple-pulse-anim {
            0% {
                transform: scale(0.1);
                opacity: 1;
            }

            70% {
                opacity: 0.5;
            }

            100% {
                transform: scale(1);
                opacity: 0;
            }
        }

        .home-cashout-card-3d:hover {
            background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.12), rgba(255, 255, 255, 0.01)), #111923 !important;
            border-color: rgba(var(--color-primary-rgb), 0.25) !important;
            transform: scale(1.03) translateY(-1px) !important;
            box-shadow: 0 6px 18px rgba(var(--color-primary-rgb), 0.08) !important;
        }

        .focus\:border-primary:focus {
            border-color: var(--color-primary) !important;
        }

        .peer:focus~.peer-focus\:text-primary {
            color: var(--color-primary) !important;
        }

        .checked\:border-primary:checked {
            border-color: var(--color-primary) !important;
        }

        .checked\:bg-primary:checked {
            background-color: var(--color-primary) !important;
        }

        .disabled\:bg-gray-50:disabled {
            background-color: #f9fafb !important;
        }

        .hover\:border-primary:hover {
            border-color: var(--color-primary) !important;
        }

        /* Responsive Footer Stats & Language Switcher Grid Layout */
        .cas_main {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 1rem !important;
            align-items: center !important;
            width: 100% !important;
        }

        .cas_1 {
            width: 100% !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            white-space: nowrap !important;
        }

        .lang-switch-footer {
            grid-column: span 2 !important;
            display: flex !important;
            justify-content: center !important;
        }

        @media (min-width: 576px) {
            .cas_main {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            }
            .lang-switch-footer {
                grid-column: span 1 !important;
                justify-content: flex-start !important;
            }
        }

        /* Override green bell icon container background & color for notifications */
        .noti-bell-ico {
            background: rgba(var(--color-primary-rgb), 0.12) !important;
            color: var(--color-primary) !important;
        }