:root {
    --bs-body-bg: #0b1426;
    --bs-body-bg-rgb: 11, 20, 38;
    --bs-body-color: #e4e9ff;
    --bs-body-color-rgb: 228, 233, 255;
    --bs-gray-100: #101b2e;
    --bs-gray-200: #121f34;
    --bs-gray-300: #1b2a43;
    --bs-gray-400: #23334c;
    --bs-gray-500: #2f3f5e;
    --bs-gray-600: #516189;
    --bs-gray-700: #6b7aa3;
    --bs-gray-800: #8ea0c6;
    --bs-gray-900: #a9b7d5;
    --bs-primary: #3b82f6;
    --bs-primary-rgb: 59, 130, 246;
    --bs-secondary: #1a2438;
    --bs-secondary-rgb: 26, 36, 56;
    --bs-success: #22c55e;
    --bs-info: #38bdf8;
    --bs-warning: #f59e0b;
    --bs-danger: #f97316;
    --bs-light: #27344d;
    --bs-dark: #0b1426;
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

body, p, li {
    color: var(--bs-body-color);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #f2f5ff;
}

a {
    color: #8ab4ff;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #b6ceff;
    text-decoration: none;
}

.bg-white,
.pricing-new-wrapper,
.card,
.section-heading,
.footer-1,
.footer-bottom,
.table,
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #141f33 !important;
    color: var(--bs-body-color);
}
.footer-1{
    border-top: 1px solid rgba(59, 71, 103, 0.1);
}
.border,
.pricing-new-wrapper,
.card,
.table,
input,
textarea,
.form-control {
    border-color: #22304c !important;
}

input,
textarea,
.form-control,
select {
    background-color: #101a2d !important;
    color: #e4e9ff !important;
}

input::placeholder,
textarea::placeholder {
    color: #7c8bb4 !important;
}

.navbar,
.header-main,
.xs-top-bar {
    background: #0f1b2f !important;
    color: #e4e9ff;
    border-bottom: 1px solid rgba(59, 71, 103, 0.1);
}

.navbar .nav-link,
.top-menu a,
.xs-top-bar-info a {
    color: #e4e9ff !important;
}

.navbar .nav-link:hover,
.top-menu a:hover,
.xs-top-bar-info a:hover {
    color: #8ab4ff !important;
}

.source-bg {
    background: #0d182c !important;
}

.dark-bg {
    background: #101d33 !important;
}

.btn,
.btn-primary,
.btn-brand-03,
.btn-dark,
.btn-hover {
    border-radius: 12px;
    border-color: transparent;
}

.btn-primary,
.btn-brand-03 {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #f5f7ff !important;
    border: none;
}

.btn-primary:hover,
.btn-brand-03:hover,
.btn-primary:focus,
.btn-brand-03:focus {
    background: linear-gradient(135deg, #60a5fa, #2563eb);
    color: #ffffff !important;
}

.btn-dark {
    background-color: #1a2438;
    color: #e4e9ff !important;
}

.btn-dark:hover,
.btn-dark:focus {
    background-color: #2b3752;
    color: #ffffff !important;
}

.footer-1 p,
.footer-1 a,
.footer-1 li,
.footer-bottom {
    color: #d1d9ff !important;
}

.footer-1 a:hover {
    color: #8ab4ff !important;
}

.pricing-new-wrapper ul li,
.pricing-info h2,
.pricing-content p {
    color: #e8ecff;
}

.custom-indicator-slider .item::after,
.hero-equal-height::after {
    background: rgba(11, 20, 38, 0.65);
}

.section-heading .lead,
.section-heading p {
    color: #c6cff8;
}

.table thead th {
    background-color: #1a2438;
    color: #f1f4ff;
}

.badge,
.kampanya {
    background: linear-gradient(135deg, #38bdf8, #6366f1) !important;
    color: #fff !important;
}

.scroll-to-target {
    background: #1d4ed8;
    color: #f8fbff;
    box-shadow: 0 12px 24px rgba(29, 78, 216, 0.35);
}

.scroll-to-target.open {
    background: #2563eb;
}

.owl-dots .owl-dot span {
    background: #334155;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #60a5fa;
}

::selection {
    background: rgba(96, 165, 250, 0.45);
    color: #fff;
}

hr,
.divider,
.new1 {
    border-color: #202d45;
}

blockquote,
.alert,
.badge-soft-primary {
    background-color: rgba(59, 130, 246, 0.1);
    color: #cfe2ff;
    border-color: rgba(59, 130, 246, 0.15);
}

.shadow-sm,
.shadow,
.pricing-new-wrapper {
    box-shadow: 0 18px 45px rgba(8, 16, 32, 0.45) !important;
}

#navBar,
.navbar-collapse,
.navbar-nav {
    background: transparent;
}

.dropdown-menu,
.hs-mega-menu {
    background-color: #111d31;
    border-color: #1f2c45;
}

.dropdown-menu a,
.hs-mega-menu a,
.hs-mega-menu .menu-item-wrap .u-header__promo-title {
    color: #e4e9ff !important;
}

.dropdown-menu a:hover,
.hs-mega-menu a:hover {
    color: #8ab4ff !important;
    background: rgba(59, 130, 246, 0.08);
}

.badge-secondary,
.label {
    background-color: #1f2d47;
    color: #d8e1ff;
}

pre,
code,
.ssh-block {
    background-color: #111d31;
    color: #c8d4ff;
    border-color: #1f2c45;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #101a2d;
}

.mfp-bg {
    background: rgba(6, 11, 23, 0.95);
}

.modal-content {
    background-color: #141f33;
    color: #e6ecff;
    border-color: #1f2c45;
}

.navbar .btn {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff !important;
    border: none;
}

.navbar .btn:hover {
    background: linear-gradient(135deg, #60a5fa, #1d4ed8);
}

.top-menu li + li::before {
    color: #323f5c;
}

.section-heading .subtitle {
    color: #7f8fb4;
}

.breadcrumb,
.breadcrumb a {
    color: #a9b7d5;
}

.breadcrumb .active {
    color: #d9e2ff;
}

.table-striped tbody tr:hover {
    background-color: #1a2438;
}

::placeholder {
    color: #7f8fb4 !important;
}

.nav-offcanvas,
.offcanvas-overlay.on {
    background-color: rgba(6, 12, 24, 0.85);
}

.owl-carousel .owl-nav button span {
    color: #e4e9ff;
}

.owl-carousel .owl-nav button:hover span {
    color: #8ab4ff;
}

.pricing-feature-list-2 li p,
.pricing-feature-list-2 li strong,
.pricing-feature-list-2 li span {
    color: #e8ecff;
}


.pricing-new-wrapper,
.pricing-new-wrapper h5,
.pricing-new-wrapper .h5,
.pricing-new-wrapper p,
.pricing-new-wrapper li,
.pricing-new-wrapper li p,
.pricing-new-wrapper li span,
.pricing-new-wrapper li i,
.pricing-new-wrapper .pricing-info h5,
.pricing-new-wrapper .pricing-price .h3,
.pricing-new-wrapper .pricing-price .price-cycle,
.pricing-new-wrapper .pricing-content ul li i {
    color: #f2f5ff !important;
}

.pricing-new-wrapper .pricing-content p,
.pricing-new-wrapper .pricing-content span,
.pricing-new-wrapper .pricing-content li p {
    color: #d8e1ff !important;
}

.pricing-new-wrapper .pricing-info h5 {
    color: #f8fbff !important;
}


.pricing-new-wrapper .pricing-content ul li {
    color: #f0f4ff !important;
}

.pricing-new-wrapper .pricing-content ul li i {
    color: #60a5fa !important;
}


.pricing-new-wrapper .text-dark,
.pricing-new-wrapper .pricing-price .text-dark,
.pricing-new-wrapper .pricing-price .h3,
.pricing-new-wrapper .pricing-price .price-cycle,
.pricing-new-wrapper h5,
.pricing-new-wrapper .h5 {
    color: #f2f6ff !important;
}


.pricing-new-wrapper,
.pricing-new-wrapper *,
.pricing-new-wrapper .pricing-price .h3,
.pricing-new-wrapper .pricing-price .price-cycle,
.pricing-new-wrapper .pricing-info h5,
.pricing-new-wrapper .pricing-content p,
.pricing-new-wrapper .pricing-content ul li,
.pricing-new-wrapper .pricing-content ul li p,
.pricing-new-wrapper .pricing-content ul li span,
.pricing-new-wrapper .pricing-content ul li i {
    color: #ffffff !important;
}