:root {
    --luna-bg: #37B4C8;
    --luna-main-bg-color: #ffffff;
    --bio-main-bg-color: #f2f2f2;
    --bio-bg-gradient: linear-gradient(to top, #000206 0%, #011A3C 100%);
    --bio-btn-bg:#0034b7;
    --bio-btn-hover-bg: #141a47;
    --bio-font: 'Inter', sans-serif;
    --bio-link-font-color: #00b4e5;
    --bio-link-color-hover: #ffdd57;
    --bio-font-color-hover: #ffffff;
    --bio-font-color: #ffffff;
    --bio-font-color-p: #444444;
    --bio-font-color-h2: #ffffff;
}

.body_bio_background {
    background-color: var(--bio-main-bg-color);
}

/* Marquee */
.marquee_container.bio-style {    
    background: var(--bio-bg-gradient);
    font-family: var(--bio-font);
    a.marquee-link:hover span:before, a.marquee-link:focus span:before {
        color: var(--bio-link-color-hover);
    }    
}

/* Banner */
.carousel-banners.bio-style .banner {
    background: var(--bio-bg-gradient);
    font-family: var(--bio-font);

    & h5 {
        color: var(--bio-font-color-h2);
    }

    & p {
        color: var(--bio-font-color-p);
    }

    & .btn-link {
        color: var(--bio-link-font-color);

        &:hover,
        &:focus {
            color: var(--bio-font-color-hover);
        }
    }
}

/* Content + Featured lists */
.content_feature_list.bio-style {
    font-family: var(--bio-font);

    & p {
        color: var(--bio-font-color-p);
    }

    & .btn-link {
        color: var(--bio-link-font-color);

        &:hover,
        &:focus {
            color: var(--bio-font-color-hover);
        }
    }
}

/* Testimonial slider */
.testimonial-blockquote.bio-style {
    font-family: var(--bio-font);
    background-color: var(--luna-main-bg-color);
}

/* Products Banner */
.products-banner.bio-style {
    font-family: var(--bio-font);

    & .banner-product {
        background-color: var(--luna-main-bg-color);
    }

    & .btn-link {
        color: var(--bio-link-font-color);

        &:hover,
        &:focus {
            color: var(--bio-font-color-hover);
        }
    }

    & .btn-primary {
        color: var(--bio-font-color);
        background-color: var(--bio-btn-bg);

        &:hover,
        &:focus {
            color: var(--bio-font-color-hover);
            background-color: var(--bio-btn-hover-bg);
        }      
    }
}

/* Customers Logos */
.section-customer-logos.bio-style {
    font-family: var(--bio-font);

    & ::before {
        background: linear-gradient(to right, var(--bio-main-bg-color), rgba(255, 255, 255, 0));
    }

    & ::after {
        background: linear-gradient(to left, var(--bio-main-bg-color), rgba(255, 255, 255, 0));
    }
}

/* Content + Image/Video */
.content-image-video.bio-style {
    font-family: var(--bio-font);

    & p {
        color: var(--bio-font-color-p);
    }

    & .btn-link {
        color: var(--bio-link-font-color);

        &:hover,
        &:focus {
            color: var(--bio-font-color-hover);
        }
    }
}