/* ai made me this bc I don't know how to style the dots */
        .fp-nav ul li a span,
        .fp-slidesNav ul li a span {
            background: #fff !important;
            box-shadow: none !important;
            border: none !important;
            opacity: 1 !important;
        }

        /* Ensure the active dot stays white */
        .fp-nav ul li.active a span,
        .fp-slidesNav ul li.active a span {
            background: #fff !important;
        }

        /* Tooltip text (if used) */
        .fp-nav .fp-tooltip {
            color: #fff !important;
        }

        #fp-nav ul li a span,
        #fp-nav ul li a span:before,
        #fp-nav ul li a span:after,
        .fp-slidesNav ul li a span,
        .fp-slidesNav ul li a span:before,
        .fp-slidesNav ul li a span:after {
            background-color: #fff !important;
            background-image: none !important;
            box-shadow: none !important;
            border: none !important;
            opacity: 1 !important;
            filter: none !important;
        }

        /* active state */
        #fp-nav ul li.active a span,
        .fp-slidesNav ul li.active a span {
            background-color: #fff !important;
        }

        /* tooltip text */
        #fp-nav .fp-tooltip,
        .fp-nav .fp-tooltip { color: #fff !important; }