/* dark mode */
html[data-bs-theme="dark"] .text-black {color:#fff !important}
html[data-bs-theme="dark"] .text-dark {color:#e3e3e3 !important}
html[data-bs-theme="dark"] .d-dark {
    display:flex !important;
}
html[data-bs-theme="dark"] .d-light {
    display:none !important
}

html[data-bs-theme="dark"] .m-main-tab .nav-tabs {background:#181818}
html[data-bs-theme="dark"] .card {
    /* box-shadow:none !important */
    /* box-shadow:0px 3px 15px 0px rgba(0, 0, 0, 0.25); */
}
html[data-bs-theme="dark"] .card.application {
    background:#1e1e1e !important
}
html[data-bs-theme="dark"] .step0_number .form-control {
    background:#17181a;
    border-color:var(--ct-border-color-custom)
}
html[data-bs-theme="dark"] .type-btn input[type="radio"] {
    background:#2d2d2d !important;
    border:none !important
}
html[data-bs-theme="dark"] .type-btn input:checked[type="radio"] {
    background:#0b6efb !important;
    border:none !important
}
html[data-bs-theme="dark"] .logo-light {
    display:block
}
html[data-bs-theme="dark"] .logo-dark {
    display:none
}
html[data-bs-theme="dark"] #light-dark-mode .ri-moon-line::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background:url(/images/logo/mode_light.png) no-repeat;
    background-size: cover;
    background-position: center;
}



/* light mode */
html[data-bs-theme="light"] .d-dark {
    display:none !important;
}
html[data-bs-theme="light"] .d-light {
    display:flex !important
}
html[data-bs-theme="light"] .logo-light span {color:#fff}
html[data-bs-theme="light"] .text-white {color:#000 !important}
html[data-bs-theme="light"] .dummy-section h4.text-black {color:#fff !important}
html[data-bs-theme="light"] .dummy-section.main-first h2.text-black {color:#fff !important}
html[data-bs-theme="light"] .dummy-section h2.text-black {color:#000 !important}
html[data-bs-theme="light"] .logo-light {
    display:none
}
html[data-bs-theme="light"] .logo-dark {
    display:block;
    color:#fff
}

html[data-bs-theme="light"] .panel-title {
    color:#fff
}
html[data-bs-theme="light"] .panel-kicker,
html[data-bs-theme="light"] .panel-desc {
    color:rgba(255, 255, 255, 0.7)
}

html[data-bs-theme="light"] .slide_text {
    color:rgba(255, 255, 255, 0.9) !important;
}

html[data-bs-theme="light"] h2.title {
    color:rgba(0 0 0 / .9) !important;
}
html[data-bs-theme="light"] .inbox-widget .inbox-item .inbox-item-author {
    /* color:rgba(255 255 255 / 85%) !important */
}
html[data-bs-theme="light"] .bg-light-lighten {
    background-color:rgba(247, 253, 255, 0.5) !important
}
html[data-bs-theme="light"] .card .header-title {
    color:rgba(0 0 0 / 75%) !important
}
html[data-bs-theme="light"] .inbox-widget.notice .inbox-item.one .inbox-item-author {
    color:rgba(63 63 63 / 85%) !important
}
html[data-bs-theme="light"] .product-card {
    background:rgba(255 255 255 / 50%) !important
}
html[data-bs-theme="light"] .navbar-custom {
    background:rgba(0 0 0 / 90%);
}
html[data-bs-theme="light"] .family-site {
    background:#e7ebf0
}

html[data-bs-theme="light"] .company-content {
    background:rgba(255 255 255 / 95%) !important
}

html[data-bs-theme="light"] .sub-bg::before {
    opacity: .95;
}

html[data-bs-theme="light"] .product-content {
    /* background:rgba(255 255 255 / 98%) !important */
}

html[data-bs-theme="light"] .text-white-50 {
    color:rgba(0 0 0 / 50%) !important
}

html[data-bs-theme="light"] .tilebox-one {
    background:rgba(234, 236, 238, 0.9)
}

html[data-bs-theme="light"] .tilebox-one h3 {
    color:rgba(5, 26, 58, 0.9)
}

html[data-bs-theme="light"] .tilebox-one i {
    color:rgba(89, 133, 173, 0.5)
}

html[data-bs-theme="light"] .inbox-widget .inbox-item {
    background:#e7eaee
}

html[data-bs-theme="light"] .bg-sub-box .inbox-item-author {
    color:#5b5b5b
}
html[data-bs-theme="light"] .company-step {
    background: rgba(237, 240, 244, 0.9);
}
html[data-bs-theme="light"] .ingredient-box2 {
    background:#edf2f6;
}
html[data-bs-theme="light"] .ingredient-box2 h3 {
    color:rgba(0 0 0 / 70%)
}

html[data-bs-theme="light"] .ingredient-box2 p.text-light {
    color:rgba(0 0 0 / 90%) !important;
    font-weight:500
}

html[data-bs-theme="light"] .accordion-button:not(.collapsed) {
    color:#000 !important
}
html[data-bs-theme="light"] .accordion-button {
    color:rgba(0 0 0 /50%) !important;
    background:none
}
html[data-bs-theme="light"] .accordion-item {
    background:none !important
}

html[data-bs-theme="light"] .accordion-body {
    color:rgba(0 0 0 / 70%);
    background:#f2f5f9 !important
}

html[data-bs-theme="light"] .text-light {
    /* color:#a8b2cf !important */
    color:#757a88 !important
}

html[data-bs-theme="light"] .ingredient-box4 {
    background:rgba(182, 199, 216, 0.15)
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] h6 {
    color:rgba(0 0 0 / 90%)
}
html[data-bs-theme="light"] .custom-card {
    /* background:#fafbfe */
}
html[data-bs-theme="light"] .custom-card h1 span.number-1 {
    background:#000;
    color:#fff
}
html[data-bs-theme="light"] .custom-card h1 {
    color:#d80909
}

html[data-bs-theme="light"] .custom-card.card2, 
html[data-bs-theme="light"] .custom-card.card3, 
html[data-bs-theme="light"] .custom-card.card4 {
    background:#fafbfe;
} 

html[data-bs-theme="light"] .video-overlay {
    background:rgba(255 255 255 / 50%)
}

html[data-bs-theme="light"] .card-index {
    color:#da1e1d
}
html[data-bs-theme="light"] .card-desc {
    color:rgba(0 0 0 / 76%);
}
html[data-bs-theme="light"] .wave {
    background:rgb(115, 15, 15)
}

html[data-bs-theme="light"] .brand-bg::before {
    opacity: 0.9;
}
html[data-bs-theme="light"] .brand-section p {
    color:#000;
    text-shadow:none
}
html[data-bs-theme="light"] .text-highlight {
    color:rgba(0 0 0 / 50%);
}
html[data-bs-theme="light"] .text-highlight.active {
    color:#000
}

html[data-bs-theme="light"] [data-highlight="background"] .text-highlight {
    background-image:linear-gradient(#fffb00, #f9f504)
}

html[data-bs-theme="light"] .m-main-tab .nav-tabs .nav-link.active span {
    color:#000 !important
}
html[data-bs-theme="light"] #accordion_mobilemenu .accordion-button::after {
    background-color:#e5e5e5;
}

html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-1 {
    color:#b89e50
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-1::after {
    background: rgb(238, 218, 157);
    border:3px solid #f2e6c2
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-2 {
    color:#85b863
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-2::after {
    background: rgb(201, 238, 157);
    border:3px solid #e3f2c2
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-2 h5 {
    color:#74cd61
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-3 {
    color:#848f49
}
html[data-bs-theme="light"] .ingredient-box4 [class^="col-sm-4"] .sb-3::after {
    background: rgba(181, 192, 122, 0.95);
    border:3px solid #cedaad
}
html[data-bs-theme="light"] .ingredient-box4::before {
    background:rgba(208, 225, 190, 0.5);
}
html[data-bs-theme="light"] .footer {
    background:rgba(0 0 0 / 95%);
    border:0;
}
html[data-bs-theme="light"] .footer-bottom {
    border-top:1px solid #1a1a1a;
}
html[data-bs-theme="light"] .new-bg {
    background:rgba(237, 246, 251, 0.85);
}
html[data-bs-theme="light"] .charts-text-box {
    background:rgba(222, 238, 249, 0.5);
}
html[data-bs-theme="light"] .chart-content-bg {
    background:rgba(222, 238, 249, 0.5);
}
html[data-bs-theme="light"] .new-bg2 {
    background:rgba(236, 243, 255, 0.85);
}
html[data-bs-theme="light"] .new-bg3 {
    background:rgba(240, 240, 240, 0.85);
}
html[data-bs-theme="light"] .product_img_wrap img {
    border:0;
    box-shadow:none
}
html[data-bs-theme="light"] .table-striped > tbody > tr:nth-of-type(2n+1) > * {
    --ct-table-accent-bg:rgb(234, 242, 249);
}
html[data-bs-theme="light"] .graph-4-wrap .text-warning {
    color:#ffa555 !important
}
html[data-bs-theme="light"] .graph-4-wrap .text-success {
    color:#49da45 !important
}
html[data-bs-theme="light"] .graph-4-wrap .text-danger {
    color:#99a26b !important
}

html[data-bs-theme="light"] .graph-4-wrap [class^="col-md-6"]:nth-child(1) .new-bg2 {
    background: rgba(255, 250, 244, 0.85);
    border: 1px solid #fff2e1;
}
html[data-bs-theme="light"] .graph-4-wrap [class^="col-md-6"]:nth-child(2) .new-bg2 {
    background: #f1ffef;
    border: 1px solid #cef4c6;
}
html[data-bs-theme="light"] .graph-4-wrap [class^="col-md-6"]:nth-child(3) .new-bg2 {
    background:#f3f6e3;
    border:1px solid #edf0dc
}

html[data-bs-theme="light"] .bg-success-lighten {
    background-color: #d6ffcb !important;
}
html[data-bs-theme="light"] .charts-text-box .bg-primary-lighten {
    background-color: #ece6bb !important;
}

html[data-bs-theme="light"] .banner-box::before {
    display:block;
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255 255 255 / 15%);
    border-radius: 0.77rem;
}

html[data-bs-theme="light"] .new-bg .dropdown-menu {
    background:rgba(255 255 255 / 90%) !important;
    color:#556e80
}

html[data-bs-theme="light"] .new-bg.dropdown-menu a {
    color:#333
}

html[data-bs-theme="light"] .table-striped > tbody > tr:hover {
    background:none;
}
html[data-bs-theme="light"] .bg-dark {
    background-color: #f3f6fb !important
}
html[data-bs-theme="light"] .btn-outline-light {
    border-color: #e0e8f2;
    background: #fff;
}
html[data-bs-theme="light"] .btn-outline-light:hover {
    background: #e2f4ff;
    border: 1px solid #cce8f9;
}
html[data-bs-theme="light"] .ingredient-box1 [class^="col-sm-6"]:nth-child(1) h4 {
    background: rgba(255, 207, 14, 0.15);
    color: #e7a34a;
}
html[data-bs-theme="light"] .ingredient-box1 [class^="col-sm-6"]:nth-child(2) h4 {
    color: #a6c018;
    background: rgba(214, 255, 0, 0.15);
}
html[data-bs-theme="light"] .ingredient-box1 [class^="col-sm-6"]:nth-child(3) h4 {
    color: #96af15;
    background: rgba(184, 154, 26, 0.15);
}
html[data-bs-theme="light"] .footer-legal a {
    background:rgba(0 0 0 / 50%)
}
html[data-bs-theme="light"] #welcomeToast.toast {
    box-shadow:0 0 35px 0 rgba(84, 84, 84, 0.5);
    background:rgba(255 255 255 / 95%);
}
html[data-bs-theme="light"] .toast-footer {
    background:rgba(218, 218, 218, 0.3)
}
html[data-bs-theme="light"] .cta-box {
    background-color:rgba(221, 234, 242, 0.9);
    background-image: url('/images/banner/bg-pattern.png');
    background-size:cover;
}
html[data-bs-theme="light"] .apexcharts-tooltip-title {
  background: #fff !important;
  color: #000 !important;
  border-bottom: 1px solid #eee;
}

@media (max-width: 575.98px) { 
    html[data-bs-theme="light"] .new-bg,
    html[data-bs-theme="light"] .new-bg3
    {background:none}
}