/* color mode */
.color-mode .dropstart .dropdown-toggle:before {
    display: none;
}

.color-mode .dropdown-menu.show {
    display: block !important;
}

.color-mode .dropdown-menu {
    display: none !important;
    z-index: 9999;
}

.color-mode .dropdown .btn {
    border: none;
}

.color-mode .dropdown-toggle:after {
    display: none;
}

.hope-solution-hero {
    background-image: linear-gradient( 135deg, rgba(180, 225, 249, 0.85) 3%, /* light sky blue top-left with transparency */
    rgba(251, 201, 163, 0.85) 50%, /* soft peach middle with transparency */
    rgba(246, 165, 127, 0.85) 100% /* warm pink-orange bottom-right with transparency */
    ), url('../img/content/solution-bg.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Make partner logos bigger - double the size */
.clients-style2 .inner-logo img {
    max-height: 160px !important;
    width: auto;
    object-fit: contain;
}

/* Optional: Add some spacing */
.clients-style2 .item {
    padding: 20px 15px;
}

.clients-style2 .owl-stage {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.clients-style2 .owl-item {
    flex: 0 0 auto !important;
}

/* Default: Transparent header (on page load) */
.transparent-header .navbar-nav a.active {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
    position: relative;
}

    /* Active underline when transparent */
    .transparent-header .navbar-nav a.active::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 30px;
        height: 2px;
        background: #fff;
        border-radius: 1px;
    }

/* On scroll (solid header) */
.transparent-header.scrollHeader .navbar-nav a.active {
    background: linear-gradient(-45deg, #6d66fb, #af68de);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

    /* Active underline after scroll */
    .transparent-header.scrollHeader .navbar-nav a.active::after {
        background: linear-gradient(-45deg, #6d66fb, #af68de);
    }