.header-select-categories{
    top:2px;
   
}

/* Must beat Bootstrap 5.3 `.btn-primary` (CSS variables + bg). Loaded again
   after the Bootstrap <link> in _app so cascade order stays correct. */
.btn-primary {
    --bs-btn-color: var(--txt-black, #000);
    --bs-btn-bg: var(--bg-gold, #e1bc79);
    --bs-btn-border-color: var(--bg-gold, #e1bc79);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #fcdb9f;
    --bs-btn-hover-border-color: #fcdb9f;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bg-gold, #e1bc79);
    --bs-btn-active-border-color: var(--bg-gold, #e1bc79);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--bg-gold, #e1bc79);
    --bs-btn-disabled-border-color: var(--bg-gold, #e1bc79);
    background-color: var(--bg-gold, #e1bc79);
    border-color: var(--bg-gold, #e1bc79);
    color: var(--txt-black, #000);
    font-family: Oxanium, sans-serif;
    font-size: var(--txt-12);
    font-weight: 500 !important;
}

.btn-grey{
    background-color: var(--bg-grey);
    border-color:var(--bg-grey) ;
    color:var(--txt-black);
    font-family:var(--poppins);
    font-size: var(--txt-12);
    font-weight: 500 !important;
}

.btn-gradiant{
    background: rgb(225,188,121);
    background: linear-gradient(90deg, rgba(225,188,121,1) 37%, rgba(123,103,66,1) 72%);
    color:var(--txt-white) ;
    font-family:var(--poppins);
    font-size: var(--txt-12);
    font-weight: 500 !important;
    border:none;
    padding:12px 16px 12px 16px;
}
.btn-gradiant:hover {
    color: #ffffff !important; /* Ensure the color change on hover */
}
label{
    font-size:var(--txt-14);

}
.btn{
    font-size:var(--txt-14);
}

.form-label-oxt{
    font-family: "Oxanium";
}
.form-label{
    font-size:var(--txt-16);
    font-weight: 500;
    color: var(--form-txt);
}
.form-control{
    background-color: var(--bg-grey);
}

.btn-bg-secondary{
    background: url(../../img/secondary.png) no-repeat;
    height:3.62rem;
    width: 11.75rem;
    border:none;
    border-radius: 0px;
}

.btn-bg-primary{
    background: url(../../img/primary.png) no-repeat;
    height:3.62rem;
    width: 11.75rem;
    border-radius: 0px;
    border:none;
}

.grp{
    background-color: var(--bg-grey);
    border-left:0px;
}