:root {
    --tg-ocean-base: #050B18;
    --tg-ocean-surface: #0B1830;
    --tg-ocean-surface-raised: #102443;
    --tg-neon-cyan: #19E6D2;
    --tg-ice-blue: #48A8FF;
    --tg-text-main: #D6E5F5;
    --tg-text-muted: #87A0BA;
    --tg-cyan-border: rgba(25, 230, 210, 0.38);
    --tg-cyan-glow: rgba(25, 230, 210, 0.24);
}
.model-content {
    padding: 1.5rem;
    color: rgba(0, 0, 0, 0.9) !important;
}
.mb-2{margin-bottom:20px}
.mr-2{margin-right:20px !important;}
.game-des-ghost{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.our-team .team-card.pricing-item.active{
    background: #EE5ABD;
}
.our-team .team-card.pricing-item.active p{
    color: #fff;
}


::selection {
    color: var(--tg-ocean-base);
    background: var(--tg-neon-cyan);
}

::-webkit-scrollbar-track { background: var(--tg-ocean-base); }
::-webkit-scrollbar-thumb { background: linear-gradient(var(--tg-neon-cyan), var(--tg-ice-blue)); }

.bg-color,
.theme-bg-primary { background-color: var(--tg-ocean-surface) !important; }
.theme-bg-secondary { background-color: var(--tg-ice-blue) !important; }
.theme-bg-accent-one { background-color: var(--tg-ocean-base) !important; }
.theme-bg-accent-two { background-color: var(--tg-text-muted) !important; }
.theme-bg-accent-three { background-color: var(--tg-text-main) !important; }
.theme-bg-accent-four { background-color: var(--tg-ocean-surface-raised) !important; }

.theme-text-primary,
.theme-text-secondary { color: var(--tg-neon-cyan) !important; }
.theme-text-accent-one { color: var(--tg-text-main) !important; }
.theme-text-accent-two { color: var(--tg-text-muted) !important; }
.theme-text-accent-three,
.theme-text-white { color: var(--tg-text-main) !important; }
.theme-text-accent-four { color: var(--tg-ocean-surface-raised) !important; }

a { color: var(--tg-ice-blue) !important; }
a:hover,
a:focus-visible { color: var(--tg-neon-cyan) !important; }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--tg-neon-cyan);
    outline-offset: 3px;
    box-shadow: 0 0 0 4px var(--tg-cyan-glow);
}

.head,
[data-bs-theme="light"] .head,
[data-bs-theme="dark"] .head {
    color: var(--tg-text-main);
}

.text-effect {
    background-image: linear-gradient(110deg, var(--tg-text-main) 15%, var(--tg-neon-cyan) 52%, var(--tg-ice-blue) 85%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

.text-shadow,
.theme-text-shadow {
    text-shadow: 0 0 18px var(--tg-cyan-glow);
}

.btn-wrap .btn-primary{background:var(--tg-neon-cyan)}
.faq .accordion-item .accordion-button{background-color:var(--tg-neon-cyan)}

header,
.sticky-menu,
[data-bs-theme="light"] header,
[data-bs-theme="dark"] header {
    background-color: rgba(5, 11, 24, 0.94);
    border-bottom: 1px solid var(--tg-cyan-border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}

.header-area .nav-toggle {
    color: var(--tg-neon-cyan);
    border-color: var(--tg-neon-cyan);
}

header .menu-nav .menu-navbar-wrap ul li a,
.sticky-menu .menu-nav .menu-navbar-wrap ul li a,
[data-bs-theme="light"] header .menu-nav .menu-navbar-wrap ul li a,
[data-bs-theme="dark"] header .menu-nav .menu-navbar-wrap ul li a {
    color: var(--tg-text-main);
}

header .menu-nav .menu-navbar-wrap > ul > li > a::before,
[data-bs-theme="light"] header .menu-nav .menu-navbar-wrap > ul > li > a::before,
[data-bs-theme="dark"] header .menu-nav .menu-navbar-wrap > ul > li > a::before {
    background: var(--tg-neon-cyan);
}

header .menu-nav .menu-navbar-wrap > ul > .active > a,
header .menu-nav .menu-navbar-wrap > ul > li:hover > a,
.sticky-menu .menu-nav .menu-navbar-wrap > ul > .active > a,
.sticky-menu .menu-nav .menu-navbar-wrap > ul > li:hover > a {
    color: var(--tg-neon-cyan);
}

header .menu-nav .menu-navbar-wrap ul li:hover > .sub-menu,
.sticky-menu .menu-nav .menu-navbar-wrap ul li:hover > .sub-menu {
    background: var(--tg-ocean-surface);
    border: 1px solid var(--tg-cyan-border);
}

.offCanvas-box {
    background-color: var(--tg-ocean-base);
    border-left: 1px solid var(--tg-cyan-border);
}

.offCanvas-box .box-body .top { border-bottom-color: var(--tg-cyan-border); }
.offCanvas-box .box-body .top .offCanvas-close { background: var(--tg-ocean-surface-raised); }
.offCanvas-box .box-body .top .offCanvas-close:hover {
    color: var(--tg-ocean-base);
    background: var(--tg-neon-cyan);
}
.offCanvas-box .box-body .content .small-title { color: var(--tg-neon-cyan); }
.mobile-menu-ovelay { background: rgba(2, 7, 17, 0.82); }

.hero .bg::before,
[data-bs-theme="light"] .hero .bg::before,
[data-bs-theme="dark"] .hero .bg::before {
    background: linear-gradient(110deg, rgba(5, 11, 24, 0.92), rgba(11, 24, 48, 0.72), rgba(25, 230, 210, 0.16));
}

.btn-primary,
.theme-btn,
button[type="submit"] {
    color: var(--tg-ocean-base);
    background: linear-gradient(135deg, var(--tg-neon-cyan), var(--tg-ice-blue));
    border-color: transparent;
    box-shadow: 0 8px 24px var(--tg-cyan-glow);
}

.btn-primary:hover,
.btn-primary:focus,
.theme-btn:hover,
.theme-btn:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
    color: var(--tg-ocean-base);
    background: linear-gradient(135deg, #66F4E6, #76BEFF);
    border-color: var(--tg-neon-cyan);
}

.contact-help:before{
    background: rgba(25, 230, 210, 0.75);
}


.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    color: var(--tg-text-main);
    background-color: var(--tg-ocean-surface-raised);
    border-color: var(--tg-neon-cyan);
    box-shadow: 0 0 0 0.2rem var(--tg-cyan-glow);
}

.form-check-input:checked {
    background-color: var(--tg-neon-cyan);
    border-color: var(--tg-neon-cyan);
}

.trending {
    background: radial-gradient(circle at 50% 0, rgba(72, 168, 255, 0.09), transparent 42%);
}

.trending .list {
    color: var(--tg-text-main);
    background-color: var(--tg-ocean-surface);
    background-image: linear-gradient(115deg, var(--tg-ocean-surface) 0%, var(--tg-ocean-surface-raised) 65%, rgba(25, 230, 210, 0.16) 100%);
    border: 1px solid var(--tg-cyan-border);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.04);
}

.trending .list .image-icon img {
    background-image: linear-gradient(var(--tg-ocean-surface), var(--tg-ocean-surface)), radial-gradient(circle at top left, var(--tg-neon-cyan), var(--tg-ice-blue), var(--tg-ocean-surface-raised), var(--tg-neon-cyan));
    box-shadow: 0 0 22px var(--tg-cyan-glow);
}

.trending .list:hover {
    border-color: var(--tg-neon-cyan);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.36), 0 0 24px var(--tg-cyan-glow);
}

.owl-carousel .owl-nav button,
.owl-carousel .owl-dots .owl-dot span {
    color: var(--tg-text-main);
    background: var(--tg-ocean-surface-raised);
    border-color: var(--tg-cyan-border);
}
.owl-carousel .owl-nav button:hover,
.owl-carousel .owl-dots .owl-dot.active span {
    color: var(--tg-ocean-base);
    background: var(--tg-neon-cyan);
}

.experience { background-color: rgba(72, 168, 255, 0.08); }
.experience .line {
    background: linear-gradient(to right, transparent 50%, var(--tg-neon-cyan) 50%);
    background-size: 8px 18px, 100% 2px;
}

.accordion-item,
.accordion-button,
.accordion-body {
    color: var(--tg-text-main);
    background-color: var(--tg-ocean-surface);
    border-color: var(--tg-cyan-border);
}

.accordion-button:not(.collapsed) {
    color: var(--tg-neon-cyan);
    background-color: var(--tg-ocean-surface-raised);
    box-shadow: inset 0 -1px 0 var(--tg-cyan-border);
}

.accordion-button:focus {
    border-color: var(--tg-neon-cyan);
    box-shadow: 0 0 0 0.2rem var(--tg-cyan-glow);
}

.accordion-button::after { filter: invert(85%) sepia(62%) saturate(633%) hue-rotate(113deg) brightness(97%); }

.footer {
    color: var(--tg-text-main);
    background: linear-gradient(180deg, var(--tg-ocean-surface), var(--tg-ocean-base));
    border-top: 1px solid var(--tg-cyan-border);
}

.footer .link-list li a,
.footer-link-effect,
[data-bs-theme="light"] .footer .link-list li a,
[data-bs-theme="dark"] .footer .link-list li a {
    color: var(--tg-text-muted);
}

.footer .link-list li a:hover,
.footer-link-effect:hover { color: var(--tg-neon-cyan); }

.footer .social a,
[data-bs-theme="light"] .footer .social a,
[data-bs-theme="dark"] .footer .social a {
    color: var(--tg-text-main);
    background: var(--tg-ocean-surface-raised);
    border: 1px solid var(--tg-cyan-border);
}

.footer .social a:hover {
    color: var(--tg-ocean-base);
    background: var(--tg-neon-cyan);
}

.our-team .team-card.pricing-item.active {
    color: var(--tg-text-main);
    background: linear-gradient(145deg, var(--tg-ocean-surface-raised), rgba(25, 230, 210, 0.2));
    border-color: var(--tg-neon-cyan);
}
.page-loader .loader{border-top: 4px solid #19E6D2;}
.footer .scrollup{background-color: #19E6D2;}
.cursor{border: 1px solid #19E6D2;}
.cursor-f{background-color: #19E6D2;}
.footer h1, .footer h2, .footer h3, .footer h4{color:#fff}