/* Dark mode UI */
 @media (prefers-color-scheme: light) {

     .dark_mode .dark-mode,
     .dark-mode {
         display: none !important;
     }
 }

 @media (prefers-color-scheme: dark) {

     .dark_mode .light-mode,
     .light-mode {
         display: none !important;
     }

     .dark_mode .dark-mode,
     .dark-mode {
         display: block !important;
     }

     html,
     body {
         background-color: #151515 !important;
         color: #ffffff !important;
     }

     h1, h2, h3, h4, h5, h6, p, li, span, div, .text-dark {
         color: #ffffff !important;
     }

     

     .header-main {
         background: #1a1a1a !important;
     }

     .blogbannerwrapper,
     .blog-inner-bnr-main,
     .blog-cta-main,
     #ez-toc-container {
         background: #1e1e1e !important;
     }

     .header-section .navbar-nav_new .nav-item_new .nav-link,
     .header-section .navbar-nav_new .nav-item_new:hover .nav-link,
     .header-section .navbar-nav_new .nav-item_new:hover .tab-menus-title,
     .header-section .navbar-nav_new .nav-item_new:hover .text-start a,
     .blogcontentboxmain h3,
     .blogcontentboxmain h3 a,
     .header-section .navbar-nav_new .nav-item_new:hover .nav-link,
     #ez-toc-container a,
     .form-group .label {
         color: #ffffff !important;
     }
     a[href] {
        color: #007AFF !important;
     }
     .blogcontentboxmain p {
         color: #d3cfcf !important;
     }
     .blog_introwrapper {
        background: #292828;
    }

     .tab-megamenu,
     .header-section .navbar-nav_new .nav-item_new:hover,
     body.header_open:before,
     .tab-buttons button {
         background: #222 !important;
     }
     .tab-megamenu::after {
        border-bottom-color: #222 !important;
     }
     .stripe_banner p span:before,
     .navbar-toggle_new .icon-bar {
         background-color: #ffffff;
     }
    .btm-ft-main .btm-ft-sc .btm-ft-link li a img:first-child, .tooltip-icon-div img.tooltip-icon-img, .integration_arrow,
    #ez-toc-container.counter-decimal ul.ez-toc-list li a::before, .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
        filter: brightness(0) invert(1);
    }
    time:not(.icon) {
        position: relative;
        padding-left: 20px;
        color: #c3c3c3;
    }
    .footer-2025 .ft-main-sc .ft-sc .ft-main-links li a:hover img {
        transform: rotate(45deg);
        filter: brightness(0) invert(1);
    }

     .footer-2025 .ft-main,
     .btm-ft-main {
         background: #1a1a1a !important;
     }

     .footer-2025 .ft-main .footer-details p,
     .footer-2025 .ft-main .footer-grid h3 {
         color: #ffffff !important;
     }

     .footer-2025 .ft-main .footer-grid ul li a {
         color: #c1c1c1 !important;
     }

     .footer-2025 .ft-main-sc .ft-sc .ft-main-links li a:hover,
     .footer-2025 .ft-main-sc .ft-sc .ft-main-links li a:hover svg path {
         color: #ffffff !important;
         fill: #ffffff !important;
     }

     .footer-2025 .ft-logo-sc {
         border-bottom-color: #ffffff57 !important;
     }

     .footer-2025 .btm-ft-main .btm-ft-sc {
         border-top-color: #ffffff57 !important;
     }

     .footer-2025:not(.footer-mail-2025) .font-white {
         color: #cdcdcd !important;
     }
     @media screen and (max-width:991.98px) {
         .header-main .navbar_new {
             background: #222 !important;
         }
     }

     @media screen and (max-width: 576.98px) {

         .header-main .navbar_new,
         body:not(:has(.stripe-active)) .header-main .navbar_new {
             top: 61.5px !important;
         }
     }
     div.text blockquote {
        background-color: #151515 !important;
    }
 }