.navbar-pill {
    background-color: rgb(221 221 220);
    color: rgb(8 38 38);
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.navitemcolor {
    color: rgb(8 38 38);
    font-weight: bold;
}

/* .ampbuttoncolor{
    background-color: rgb(41 217 111);
background: rgb(41 217 111);

} */

.buttoncolor {
    --bs-btn-bg: #6cb54a;
    --bs-btn-border-color: #6cb54a;
    --bs-btn-hover-bg: #6cb54a;
    --bs-btn-hover-border-color: #6cb54a;
}


.bg-image {
    /* Replace with your image path */
    background-image: url('images/accu_test.png');

    /* Centers the image perfectly */
    background-position: center;

    /* Prevents the image from repeating */
    background-repeat: no-repeat;

    /* Forces the image to scale proportionally and cover the container */
    background-size: cover;
}

.btn-secondary {
    /* Normal State */
    /*  #29d96f*/
    --bs-btn-bg: #6cb54a; /* Background color (e.g., Purple) */
    --bs-btn-border-color: #6cb54a; /* Border color */
    --bs-btn-color: #ffffff; /* Text color */

    /* Hover State */
    --bs-btn-hover-bg: #6cb54a;
    --bs-btn-hover-border-color: #6cb54a;
    --bs-btn-hover-color: #ffffff;

    /* Active / Pressed State */
    --bs-btn-active-bg: #2bb18b;
    --bs-btn-active-border-color: #2bb18b;
    --bs-btn-active-color: #ffffff;

    /* Focus / Outline State */
    --bs-btn-focus-shadow-rgb:
        111, 66, 193; /* RGB values of your theme color */
}

/* 1. Style the draggable circle (Thumb) for Chrome, Safari, Edge, and Opera */
.form-range::-webkit-slider-thumb {
    background-color: #6cb54a !important; /* Change to your custom color */
}

/* 2. Style the draggable circle (Thumb) for Firefox */
.form-range::-moz-range-thumb {
    background-color: #6cb54a !important; /* Change to your custom color */
}

/* 3. Style the circle when it is clicked/pressed (Active state) */
.form-range:active::-webkit-slider-thumb {
    background-color: #6cb54a !important; /* Darker shade */
}
.form-range:active::-moz-range-thumb {
    background-color: #6cb54a !important; /* Darker shade */
}

.footercolor {
    background-color: rgb(0 166 81);
}