.app-eight-home,
.eisticky-menu-bg-overlay {
    background-color: #0d0b0e !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
a,
li,
ul,
ol,
blockquote,
pre,
img,
video,
button,
input,
textarea {
    color: #ffffff;
}

.main-header-eight .appheader-content .navigation-eight li a:after {
    background-color: #99eb48 !important;
}

.main-header-eight .appheader-content .navigation-eight li.active {
    background-color: transparent !important;
    color: #99eb48 !important;
}

.main-header-eight .appheader-content .navigation-eight li.active * {
    color: #99eb48 !important;
}

.eight-banner-section
    .eight-banner-content
    .banner-content-box
    .ei-banner-btn
    a:nth-child(1),
.main-header-eight .appheader-content .sign-up-btn-eight {
    background-color: #99eb48;
    color: #0d0b0e;
}

.eight-banner-section
    .eight-banner-content
    .banner-content-box
    .ei-banner-btn
    a:nth-child(1):hover,
.main-header-eight .appheader-content .sign-up-btn-eight:hover {
    background-color: #009cff;
}

#imc4g {
    color: #99eb48;
}

#i5o2k8,
#ihf3pf,
#id3p41,
#injy6u,
#id41cl,
.feature-eight-section .eight-feature-box .feature-text8 h3,
.feature-eight-section .eight-feature-box .feature-text8 p,
.feature-eight-section .eight-feature-box .feature-text8 p span,
.eg-how-work-text.appeight-headline.pera-content h3 span,
.eg-how-work-section
    .ei-how-work-content-item
    .eg-how-work-icon-text
    .eg-how-work-text
    h3 {
    color: #ffffff;
}

#i3aqp,
#il5a1,
#ii9ng {
    color: #99eb48;
}

.eg-how-work-section
    .ei-how-work-content-item
    .mCSB_scrollTools
    .mCSB_dragger
    .mCSB_dragger_bar {
    background-color: #99eb48;
}

.eg-how-work-section
    .ei-how-work-content-item
    .eg-how-work-icon-text:hover
    .scroller-no {
    color: #ffffff;
}

.xis-dm-step-list-item .xis-dm-step-inner-text h3 {
    color: #99eb48;
}

.xis-dm-step-section .xis-dm-section-title span {
    color: #99eb48;
}

.xis-dm-step-section .xis-dm-section-title span {
    background-color: #0d0b0e !important;
}

.ei-testimonial-text p {
    color: #0d0b0e;
}

.ei-app-down-text .eight-section-title p {
    color: #ffffff;
}

.feature-eight-section .eight-feature-box .feature-icon8:before {
    background: #99eb48;
}

.feature-eight-section .eight-feature-box .feature-icon8:after {
    background: #009cff;
}

#testimonial-scroller .owl-dot.active {
    background-color: #99eb48;
}

.marquee-container {
    background-color: #010206 !important;
}

.marquee-content span {
    color: #99eb48 !important;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text {
    background-color: #0d0b0e;
}

/* Min page feature */
.feature-eight-section .eight-feature-box {
    background-color: #010206;
}

.feature-eight-section .eight-feature-box:hover {
    background-color: #0d0b0e;
    color: #ffffff;
}

.feature-eight-section .eight-feature-box .feature-text8 h3 {
    color: #ffffff;
}

.feature-eight-section .eight-feature-box .feature-text8 p {
    color: #ffffff;
}

/* Icons */
.feature-eight-section .eight-feature-box .feature-icon8 i {
    background-image: linear-gradient(
        173deg,
        #99eb48 30%,
        #99eb48 67%,
        #99eb48 99%
    ) !important;
}

/* WhatsApp Button */
.whatapp-chatbot {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.whatapp-chatbot-icon {
    margin: 15px;
    color: #ffffff;
}

.fade-out {
    animation: 0.5s ease-out forwards fadeOut;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

/* Memew Card */
.xis-dm-step-list-item .xis-dm-step-icon i {
    color: #99eb48 !important;
}

/* Footer */
.xis-nft-footer-widget .about-widget .nft-icon-text .icon {
    background: #99eb48 !important;
}

/* Cookie Consent */
.js-cookie-consent.cookie-consent {
    background-color: #ffffff !important;
    z-index: 9999 !important;
}

.js-cookie-consent-agree {
    background-color: #99eb48 !important;
}

/* Breadcrumb */
.saasio-breadcurmb-section {
    background-color: #99eb48 !important;
}

/* Button */
.btn-primary {
    background-color: #99eb48 !important;
    border-color: #99eb48 !important;
    color: #0d0b0e !important;
}

/* Input */
.form-control:focus {
    border-color: #99eb48 !important;
}

/* Footer */
.xis-nft-copywright-content.d-flex.justify-content-between.align-items-center,
.xis-nft-footer-widget .about-widget .nft-icon-text {
    background-color: #0d0b0e !important;
}

.eight-banner-section {
    background: linear-gradient(to right, rgb(55, 236, 27), rgb(81, 255, 0));
}

.xis-nft-footer-widget .menu-widget li a:hover {
    color: #99eb48 !important;
}

.xis-dm-btn.wow.flipInX a {
    background-color: #99eb48 !important;
    border: 2px solid #99eb48 !important;
    color: #0d0b0e !important;
}

i.fas.fa-arrow-right,
span.fas.fa-chevron-right,
span.fas.fa-chevron-left {
    color: #0d0b0e !important;
}

.xis-dm-section-title h2 {
    color: #ffffff !important;
}

.xis-dm-step-list-item .xis-dm-step-icon,
.xis-dm-step-list-item:nth-child(2) .xis-dm-step-icon,
.xis-dm-step-list-item:nth-child(3) .xis-dm-step-icon {
    background-color: #ffffff !important;
}

i.fas.fa-bars {
    font-size: 25px !important;
}

.appi-ei-mobile_menu_button {
    top: -6px !important;
}

.ei-screenshots-section .banner-navigation .swiper-button-prev {
    background-color: #ffffff !important;
}

.ei-screenshots-section .banner-navigation .swiper-button-prev:hover,
.ei-screenshots-section .banner-navigation .swiper-button-next:hover {
    background-color: #99eb48 !important;
}

/* Memew Card */
.xis-dm-step-list-item .xis-dm-step-icon {
    width: 55px !important;
    height: 60px !important;
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
    .xis-dm-step-list-item .xis-dm-step-icon {
        width: 50px !important;
        height: 55px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .xis-dm-step-list-item .xis-dm-step-icon {
        width: 45px !important;
        height: 50px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .xis-dm-step-list-item .xis-dm-step-icon {
        width: 40px !important;
        height: 45px !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .xis-dm-step-list-item .xis-dm-step-icon {
        width: 50px !important;
        height: 45px !important;
    }
}

/* Extra small devices (portrait phones, less than 400px) */
@media (max-width: 400px) {
    .xis-dm-step-list-item .xis-dm-step-icon {
        width: 30px !important;
        height: 35px !important;
    }
}

/* Footer icons */
.xis-nft-footer-widget .about-widget .nft-icon-text .icon {
    width: 42px !important;
    height: 36px !important;
}

/* Extra large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {
    .xis-nft-footer-widget .about-widget .nft-icon-text .icon {
        width: 40px !important;
        height: 34px !important;
    }
}

/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) {
    .xis-nft-footer-widget .about-widget .nft-icon-text .icon {
        width: 38px !important;
        height: 32px !important;
    }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
    .xis-nft-footer-widget .about-widget .nft-icon-text .icon {
        width: 36px !important;
        height: 30px !important;
    }
}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {
    .xis-nft-footer-widget .about-widget .nft-icon-text .icon {
        width: 40px !important;
        height: 35px !important;
    }
}

/* Extra small devices (portrait phones, less than 400px) */
@media (max-width: 400px) {
    .xis-nft-footer-widget .about-widget .nft-icon-text .icon {
        width: 32px !important;
        height: 26px !important;
    }
}

.ei-appdownload-section .ei-download-btn .download-icon {
    background-color: #99eb48 !important;
}

.feature-eight-section .eight-feature-box .feature-icon8, .eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .eg-how-work-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.appi-ei-mobile_menu_content {
    background-color: #0d0b0e !important;
}

.appi-ei-mobile_menu_content .appi-ei-mobile-main-navigation .navbar-nav li a {
    color: #ffffff !important;
}

/* Pricing */
.xis-saas-banner-section, .apihu-port-pricing-area, .xis-nft-create-sell-section, .ei-faq-section {
    background: #0d0b0e !important;
}

.apihu-port-section-heading .apihu-port-section-title, .apihu-port-section-heading .apihu-port-section-text {
    color: #ffffff !important;
}

.apihu-port-section-heading .apihu-port-section-subtitle {
    color: #99eb48 !important;
}

.text-primary {
    color: #ffffff !important;
}

.apihu-port-pricing-area .apihu-port-single-pricing {
    background: linear-gradient(269.18deg, #99eb48 -9.55%, #0d0b0e 118.48%) !important;
}

.xis-contact-content {
    background-image: linear-gradient(180deg, white 0%, #99eb48 100%) !important;
}

.xis-section-title span {
    color: #0d0b0e !important;
}

.apihu-port-pricing-area .apihu-port-single-pricing h2, .apihu-port-pricing-area .apihu-port-single-pricing h3, .apihu-port-pricing-area .apihu-port-single-pricing ul li {
    color: #ffffff !important;
}

.xis-dm-step-list-item .xis-dm-step-inner-text h3, .ei-faq-section .ei-faq-queans .ei-faq-header button {
    color: #ffffff !important;
}

.eight-section-title .eg-title-tag, .ei-faq-section .ei-faq-content .ei-title-faq p {
    color: #ffffff !important;
}

.ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
    background-color: #0d0b0e !important;
}

.ei-faq-section .ei-faq-queans .ei-faq .ei-faq-body {
    color: #ffffff !important;
}

.ei-faq-section .ei-faq-queans .ei-faq-header button:before {
    color: #99eb48 !important;
}

.eight-section-title .eg-title-tag i:nth-child(1), .eight-section-title .square-shape i:nth-child(1), .eight-section-title .square-shape i:nth-child(2) {
    background: #99eb48 !important;
}

.eight-section-title .square-shape i:nth-child(3), .eight-section-title .square-shape i:nth-child(4) {
    background: #ffffff !important;
}

.ei-appdownload-section .ei-download-btn a {
    color: #99eb48 !important;
}

.xis-dia-footer-newslatter-content {
    background-color: #010206 !important;
}

.xis-dia-section-title h2 {
    color: #ffffff !important;
}

.xis-dia-newslatter-form button {
    background-image: linear-gradient(30deg, #99eb48 0%, #99eb48 50%, #99eb48) !important;
    color: #0d0b0e !important;
}

/* Default: Hide mobile menu on large screens */
.appi-ei-mobile_menu.relative-position {
  display: none !important;
}

.pricing-btn-eight {
    background-color: #99eb48;
    color: #0d0b0e;
    height: 36px;
    width: 95px;
    line-height: 36px;
    border-radius: 20px;
    justify-content: center;
    transition: 0.3s all ease-in-out;
}

.pricing-btn-eight a {
    font-weight: 600 !important;
    display: block !important;
    width: 100% !important;
}

/* Between 330px and 1050px → hide desktop nav, show mobile menu & signup button */
@media screen and (min-width: 330px) and (max-width: 1050px) {
  .main-header-eight .appheader-content .navigation-eight {
    display: none !important;
  }

  /* Show mobile menu */
  .appi-ei-mobile_menu.relative-position {
    display: block !important;
  }

  /* Adjust Sign Up / Dashboard button */
  .main-header-eight .appheader-content .sign-up-btn-eight {
    display: inline-block !important;
    margin-right: 0 !important;
  }
}

/* Hide Pricing on desktop (≥ 1050px) */
@media screen and (min-width: 1050px) {
  .hide-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
    .appi-ei-mobile_menu_button {
        display: none !important;
    }
}

.xis-saas-banner-text .xis-saas-btn a {
    background-color: #99eb48 !important;
    color: #010206 !important;
}

.xis-saas-banner-text .xis-saas-btn a span {
    color: #010206 !important;
    margin-left: 10px !important;
}

.apihu-port-pricing-area .apihu-port-single-pricing, .apihu-port-pricing-area .apihu-port-single-pricing a {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.apihu-port-single-pricing ul p {
    color: #010206 !important;
}

.xis-nft-copywright-content.d-flex.justify-content-between.align-items-center {
    background-color: #010206 !important;
}