/*basegreen*/
.btn-basegreen {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4a7c1c; /* Darker green for contrast */
    --bs-btn-border-color: #4a7c1c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c9930; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #5c9930;
    --bs-btn-focus-shadow-rgb: 74, 124, 28;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3e6617; /* Slightly darker for active */
    --bs-btn-active-border-color: #3e6617;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4a7c1c;
    --bs-btn-disabled-border-color: #4a7c1c;
}

.text-bg-basegreen {
    color: #000 !important;
    background-color: #4a7c1c !important;
}

.text-basegreen {
    --bs-text-opacity: 1;
    color: #4a7c1c !important;
}

.bg-basegreen {
    --bs-bg-opacity: 1;
    background-color: #4a7c1c !important;
}

.nav-item.bg-basegreen {
    background-color: transparent !important;
}

    .nav-item.bg-basegreen .nav-link i {
        background-color: #4a7c1c;
    }

.border-basegreen {
    --bs-border-opacity: 1;
    border-color: #4a7c1c !important;
}
/*basepurple*/
.btn-basepurple {
    --bs-btn-color: #fff; /* Updated */
    --bs-btn-bg: #7a5fcf; /* Adjusted */
    --bs-btn-border-color: #7a5fcf; /* Adjusted */
    --bs-btn-hover-color: #fff; /* Updated */
    --bs-btn-hover-bg: #8a6fd8; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #856ad5; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 122, 95, 207; /* Adjusted */
    --bs-btn-active-color: #fff; /* Updated */
    --bs-btn-active-bg: #8f74da; /* Slightly lighter for active */
    --bs-btn-active-border-color: #856ad5; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff; /* Updated */
    --bs-btn-disabled-bg: #7a5fcf; /* Adjusted */
    --bs-btn-disabled-border-color: #7a5fcf; /* Adjusted */
}

.btn-outline-purple {
    --bs-btn-color: #7a5fcf;
    --bs-btn-border-color: #7a5fcf;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #7a5fcf;
    --bs-btn-hover-border-color: #7a5fcf;
    --bs-btn-focus-shadow-rgb: 165, 151, 231;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #7a5fcf;
    --bs-btn-active-border-color: #7a5fcf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7a5fcf;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7a5fcf;
    --bs-gradient: none;
}

.text-bg-basepurple {
    color: #000 !important;
    background-color: RGBA(var(--bs-basepurple-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-basepurple {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-basepurple-rgb), var(--bs-text-opacity)) !important;
}

.bg-basepurple {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-basepurple-rgb), var(--bs-bg-opacity)) !important;
}
.border-basepurple {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-basepurple-rgb), var(--bs-border-opacity)) !important;
}
/*basered*/
.btn-basered {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b13a2b;
    --bs-btn-border-color: #b13a2b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c14434;
    --bs-btn-hover-border-color: #bb4031;
    --bs-btn-focus-shadow-rgb: 177, 58, 43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a03528;
    --bs-btn-active-border-color: #bb4031;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b13a2b;
    --bs-btn-disabled-border-color: #b13a2b;
}

.text-bg-basered {
    color: #000 !important;
    background-color: #b13a2b !important;
}

.text-basered {
    --bs-text-opacity: 1;
    color: #b13a2b !important;
}

.bg-basered {
    --bs-bg-opacity: 1;
    background-color: #b13a2b !important;
}

.nav-item.bg-basered {
    background-color: transparent !important;
}

    .nav-item.bg-basered .nav-link i {
        background-color: #b13a2b;
    }

.border-basered {
    --bs-border-opacity: 1;
    border-color: #b13a2b !important;
}

.btn-outline-basered {
    --bs-btn-color: #b13a2b;
    --bs-btn-border-color: #b13a2b;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #b13a2b;
    --bs-btn-hover-border-color: #b13a2b;
    --bs-btn-focus-shadow-rgb: 177, 58, 43;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #b13a2b;
    --bs-btn-active-border-color: #b13a2b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #b13a2b;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #b13a2b;
    --bs-gradient: none;
}
/*basepink*/
.btn-basepink {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a8325a;
    --bs-btn-border-color: #a8325a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c13a68; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #b63661; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 168, 50, 90;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8e2745; /* Slightly darker for active */
    --bs-btn-active-border-color: #8e2745;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a8325a;
    --bs-btn-disabled-border-color: #a8325a;
}

.text-bg-basepink {
    color: #000 !important;
    background-color: RGBA(var(--bs-basepink-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-basepink {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-basepink-rgb), var(--bs-text-opacity)) !important;
}

.bg-basepink {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-basepink-rgb), var(--bs-bg-opacity)) !important;
}

.border-basepink {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-basepink-rgb), var(--bs-border-opacity)) !important;
}
/*baseyellow*/
.btn-baseyellow {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7a5a00;
    --bs-btn-border-color: #7a5a00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8c6b00;
    --bs-btn-hover-border-color: #8c6b00;
    --bs-btn-focus-shadow-rgb: 122, 90, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6b4c00;
    --bs-btn-active-border-color: #8c6b00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7a5a00;
    --bs-btn-disabled-border-color: #7a5a00;
}

.text-bg-baseyellow {
    color: #000 !important;
    background-color: #7a5a00 !important;
}

.text-baseyellow {
    --bs-text-opacity: 1;
    color: #7a5a00 !important;
}

.bg-baseyellow {
    --bs-bg-opacity: 1;
    background-color: #7a5a00 !important;
}

.nav-item.bg-baseyellow {
    background-color: transparent !important;
}

    .nav-item.bg-baseyellow .nav-link i {
        background-color: #7a5a00;
    }

.border-baseyellow {
    --bs-border-opacity: 1;
    border-color: #7a5a00 !important;
}
/*baseblue*/
.btn-baseblue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #23607a;
    --bs-btn-border-color: #23607a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #29729a; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #29729a;
    --bs-btn-focus-shadow-rgb: 35, 96, 122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1c4861; /* Slightly darker for active */
    --bs-btn-active-border-color: #1c4861;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #23607a;
    --bs-btn-disabled-border-color: #23607a;
}

.text-bg-baseblue {
    color: #000 !important;
    background-color: RGBA(var(--bs-baseblue-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-baseblue {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-baseblue-rgb), var(--bs-text-opacity)) !important;
}

.bg-baseblue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-baseblue-rgb), var(--bs-bg-opacity)) !important;
}

.nav-item.bg-baseblue {
    background-color: transparent !important;
}

    .nav-item.bg-baseblue .nav-link i {
        background-color: #23607a;
    }
/*childminder*/
.childminder {
    color: #7a5fcf;
}
.btn-childminder {
    --bs-btn-color: #fff; /* Updated */
    --bs-btn-bg: #7a5fcf; /* Adjusted */
    --bs-btn-border-color: #7a5fcf; /* Adjusted */
    --bs-btn-hover-color: #fff; /* Updated */
    --bs-btn-hover-bg: #8a6fd8; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #856ad5; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 122, 95, 207; /* Adjusted */
    --bs-btn-active-color: #fff; /* Updated */
    --bs-btn-active-bg: #8f74da; /* Slightly lighter for active */
    --bs-btn-active-border-color: #856ad5; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff; /* Updated */
    --bs-btn-disabled-bg: #7a5fcf; /* Adjusted */
    --bs-btn-disabled-border-color: #7a5fcf; /* Adjusted */
}
.text-bg-childminder {
    color: #000 !important;
    background-color: RGBA(var(--bs-childminder-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-childminder {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-childminder-rgb), var(--bs-text-opacity)) !important;
}
.bg-childminder {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-childminder-rgb), var(--bs-bg-opacity)) !important;
}
/*daynursery*/
.daynursery {
    color: #4a7c1c;
}

.btn-daynursery {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4a7c1c;
    --bs-btn-border-color: #4a7c1c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c9930;
    --bs-btn-hover-border-color: #5c9930;
    --bs-btn-focus-shadow-rgb: 74, 124, 28;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3e6617;
    --bs-btn-active-border-color: #3e6617;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4a7c1c;
    --bs-btn-disabled-border-color: #4a7c1c;
}

.text-bg-daynursery {
    color: #000 !important;
    background-color: #4a7c1c !important;
}

.text-daynursery {
    --bs-text-opacity: 1;
    color: #4a7c1c !important;
}

.bg-daynursery {
    --bs-bg-opacity: 1;
    background-color: #4a7c1c !important;
}
/*afterschoolclub*/
.afterschoolclub {
    color: #b13a2b;
}

.btn-afterschoolclub {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b13a2b;
    --bs-btn-border-color: #b13a2b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c14434; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #bb4031; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 177, 58, 43;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a03528; /* Slightly darker for active */
    --bs-btn-active-border-color: #bb4031;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b13a2b;
    --bs-btn-disabled-border-color: #b13a2b;
}

.text-bg-afterschoolclub {
    color: #000 !important;
    background-color: RGBA(var(--bs-afterschoolclub-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-afterschoolclub {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-afterschoolclub-rgb), var(--bs-text-opacity)) !important;
}

.bg-afterschoolclub {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-afterschoolclub-rgb), var(--bs-bg-opacity)) !important;
}
/*holidayclub*/
.holidayclub {
    color: #23607a;
}

.btn-holidayclub {
    --bs-btn-color: #fff;
    --bs-btn-bg: #23607a;
    --bs-btn-border-color: #23607a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #29729a; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #29729a;
    --bs-btn-focus-shadow-rgb: 35, 96, 122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1c4861; /* Slightly darker for active */
    --bs-btn-active-border-color: #1c4861;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #23607a;
    --bs-btn-disabled-border-color: #23607a;
}

.text-bg-holidayclub {
    color: #000 !important;
    background-color: RGBA(var(--bs-holidayclub-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-holidayclub {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-holidayclub-rgb), var(--bs-text-opacity)) !important;
}

.bg-holidayclub {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-holidayclub-rgb), var(--bs-bg-opacity)) !important;
}
/*breakfastclub*/
.breakfastclub {
    color: #7a5a00;
}

.btn-breakfastclub {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7a5a00;
    --bs-btn-border-color: #7a5a00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8c6b00;
    --bs-btn-hover-border-color: #8c6b00;
    --bs-btn-focus-shadow-rgb: 122, 90, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6b4c00;
    --bs-btn-active-border-color: #8c6b00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7a5a00;
    --bs-btn-disabled-border-color: #7a5a00;
}

.text-bg-breakfastclub {
    color: #000 !important;
    background-color: #7a5a00 !important;
}

.text-breakfastclub {
    --bs-text-opacity: 1;
    color: #7a5a00 !important;
}

.bg-breakfastclub {
    --bs-bg-opacity: 1;
    background-color: #7a5a00 !important;
}
/*playgroup*/
.playgroup {
    color: #6c757d
}
.btn-playgroup {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.text-bg-playgroup {
    color: #000 !important;
    background-color: RGBA(var(--bs-playgroup-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-playgroup {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-playgroup-rgb), var(--bs-text-opacity)) !important;
}
.bg-playgroup {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-playgroup-rgb), var(--bs-bg-opacity)) !important;
}
/*fss*/
.fss {
    color: #a8325a;
}

.btn-fss {
    --bs-btn-color: #fff;
    --bs-btn-bg: #a8325a;
    --bs-btn-border-color: #a8325a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c13a68; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #b63661; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 168, 50, 90;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8e2745; /* Slightly darker for active */
    --bs-btn-active-border-color: #8e2745;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #a8325a;
    --bs-btn-disabled-border-color: #a8325a;
}

.text-bg-fss {
    color: #000 !important;
    background-color: RGBA(var(--bs-fss-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-fss {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-fss-rgb), var(--bs-text-opacity)) !important;
}

.bg-fss {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-fss-rgb), var(--bs-bg-opacity)) !important;
}
/*cyp*/
.cyp {
    color: #222;
}
.btn-cyp {
    --bs-btn-color: #fff;
    --bs-btn-bg: #222;
    --bs-btn-border-color: #222;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #434343;
    --bs-btn-hover-border-color: #383838;
    --bs-btn-focus-shadow-rgb: 67, 67, 67;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4e4e4e;
    --bs-btn-active-border-color: #383838;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #222;
    --bs-btn-disabled-border-color: #222;
}
.text-bg-cyp {
    color: #000 !important;
    background-color: RGBA(var(--bs-cyp-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-cyp {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-cyp-rgb), var(--bs-text-opacity)) !important;
}

.bg-cyp {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-cyp-rgb), var(--bs-bg-opacity)) !important;
}
/*creche*/
.creche {
    color: #8a4a13;
}

.btn-creche {
    --bs-btn-color: #fff; /* Updated */
    --bs-btn-bg: #8a4a13; /* Adjusted */
    --bs-btn-border-color: #8a4a13; /* Adjusted */
    --bs-btn-hover-color: #fff; /* Updated */
    --bs-btn-hover-bg: #a85a18; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #a85a18; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 138, 74, 19; /* Adjusted */
    --bs-btn-active-color: #fff; /* Updated */
    --bs-btn-active-bg: #6b370e; /* Slightly darker for active */
    --bs-btn-active-border-color: #a85a18; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff; /* Updated */
    --bs-btn-disabled-bg: #8a4a13; /* Adjusted */
    --bs-btn-disabled-border-color: #8a4a13; /* Adjusted */
}

.text-bg-creche {
    color: #000 !important;
    background-color: RGBA(var(--bs-creche-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-creche {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-creche-rgb), var(--bs-text-opacity)) !important;
}

.bg-creche {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-creche-rgb), var(--bs-bg-opacity)) !important;
}
/*oap*/
.oap {
    color: #10614a;
}

.btn-oap {
    --bs-btn-color: #fff; /* Updated */
    --bs-btn-bg: #10614a; /* Adjusted */
    --bs-btn-border-color: #10614a; /* Adjusted */
    --bs-btn-hover-color: #fff; /* Updated */
    --bs-btn-hover-bg: #178a6a; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #178a6a; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 16, 97, 74; /* Adjusted */
    --bs-btn-active-color: #fff; /* Updated */
    --bs-btn-active-bg: #0d4e3a; /* Slightly darker for active */
    --bs-btn-active-border-color: #178a6a; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff; /* Updated */
    --bs-btn-disabled-bg: #10614a; /* Adjusted */
    --bs-btn-disabled-border-color: #10614a; /* Adjusted */
}

.text-bg-oap {
    color: #000 !important;
    background-color: RGBA(var(--bs-oap-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-oap {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-oap-rgb), var(--bs-text-opacity)) !important;
}

.bg-oap {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-oap-rgb), var(--bs-bg-opacity)) !important;
}

/* Parent and Toddler */
.parentandtoddler {
    color: #005bb5;
}

.btn-parentandtoddler {
    --bs-btn-color: #fff;
    --bs-btn-bg: #005bb5;
    --bs-btn-border-color: #005bb5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1976d2; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #1976d2; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 0, 91, 181;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004494; /* Slightly darker for active */
    --bs-btn-active-border-color: #1976d2; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #005bb5;
    --bs-btn-disabled-border-color: #005bb5;
}

.text-bg-parentandtoddler {
    color: #000 !important;
    background-color: RGBA(var(--bs-parentandtoddler-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-parentandtoddler {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-parentandtoddler-rgb), var(--bs-text-opacity)) !important;
}

.bg-parentandtoddler {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-parentandtoddler-rgb), var(--bs-bg-opacity)) !important;
}

/* School-Based Nurseries */
.schoolbasednurseries {
    color: #b35400;
}

.btn-schoolbasednurseries {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b35400;
    --bs-btn-border-color: #b35400;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c96a1a; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #c96a1a; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 179, 84, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a04a00; /* Slightly darker for active */
    --bs-btn-active-border-color: #c96a1a; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b35400;
    --bs-btn-disabled-border-color: #b35400;
}

.text-bg-schoolbasednurseries {
    color: #000 !important;
    background-color: RGBA(var(--bs-schoolbasednurseries-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-schoolbasednurseries {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-schoolbasednurseries-rgb), var(--bs-text-opacity)) !important;
}

.bg-schoolbasednurseries {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-schoolbasednurseries-rgb), var(--bs-bg-opacity)) !important;
}

/* Education */
.education {
    color: #00706e;
}

.btn-education {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00706e;
    --bs-btn-border-color: #00706e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #008c89; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #008c89; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 0, 112, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005a58; /* Slightly darker for active */
    --bs-btn-active-border-color: #008c89; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00706e;
    --bs-btn-disabled-border-color: #00706e;
}

.text-bg-education {
    color: #000 !important;
    background-color: RGBA(var(--bs-education-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-education {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-education-rgb), var(--bs-text-opacity)) !important;
}

.bg-education {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-education-rgb), var(--bs-bg-opacity)) !important;
}

/* Specialist Support */
.specialistsupport {
    color: #c90076;
}
.btn-specialistsupport {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c90076;
    --bs-btn-border-color: #c90076;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d11a84; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #d11a84; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 201, 0, 118;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d9338f; /* Slightly lighter for active */
    --bs-btn-active-border-color: #d11a84; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c90076;
    --bs-btn-disabled-border-color: #c90076;
}

.text-bg-specialistsupport {
    color: #000 !important;
    background-color: RGBA(var(--bs-specialistsupport-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-specialistsupport {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-specialistsupport-rgb), var(--bs-text-opacity)) !important;
}

.bg-specialistsupport {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-specialistsupport-rgb), var(--bs-bg-opacity)) !important;
}

/* Activities That Support */
.activitiesthatsupport {
    color: #6e00ff;
}
.btn-activitiesthatsupport {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6e00ff;
    --bs-btn-border-color: #6e00ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7f1aff; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #7f1aff; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 110, 0, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8f33ff; /* Slightly lighter for active */
    --bs-btn-active-border-color: #7f1aff; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6e00ff;
    --bs-btn-disabled-border-color: #6e00ff;
}

.text-bg-activitiesthatsupport {
    color: #000 !important;
    background-color: RGBA(var(--bs-activitiesthatsupport-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-activitiesthatsupport {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-activitiesthatsupport-rgb), var(--bs-text-opacity)) !important;
}

.bg-activitiesthatsupport {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-activitiesthatsupport-rgb), var(--bs-bg-opacity)) !important;
}

/* Nannies */
.nannies {
    color: #11641a;
}

.btn-nannies {
    --bs-btn-color: #fff;
    --bs-btn-bg: #11641a;
    --bs-btn-border-color: #11641a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #178a2a; /* Slightly lighter for hover */
    --bs-btn-hover-border-color: #178a2a; /* Slightly lighter for hover */
    --bs-btn-focus-shadow-rgb: 17, 100, 26;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d4e15; /* Slightly darker for active */
    --bs-btn-active-border-color: #178a2a; /* Slightly lighter for active */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #11641a;
    --bs-btn-disabled-border-color: #11641a;
}

.text-bg-nannies {
    color: #000 !important;
    background-color: RGBA(var(--bs-nannies-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-nannies {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-nannies-rgb), var(--bs-text-opacity)) !important;
}

.bg-nannies {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-nannies-rgb), var(--bs-bg-opacity)) !important;
}

.schoolcolor {
    color: #393939;
}