.link-pizza{
    --cnvs-link-color: darkred !important;
}
.link-pizza:hover{
    color: grey !important;
}
.btn-pizza{
    --bs-btn-color: lightgray;
    --bs-btn-bg: darkred ;
    --bs-btn-border-color: darkred ;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: gray;
    --bs-btn-disabled-bg: darkred ;
    --bs-btn-disabled-border-color: darkred ;
}
.btn-pizza:hover{
    color:darkred ;
    background-color:transparent;
    border-color: var(--bs-btn-hover-border-color);
}
.link-kohmak{
    --cnvs-link-color: #004660!important;
}
.link-kohmak:hover{
    color: grey !important;
}
.btn-kohmak{
    --bs-btn-color: #fff;
    --bs-btn-bg: #004660;
    --bs-btn-border-color: #004650;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #004660;
    --bs-btn-hover-border-color: #004660;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #004660;
    --bs-btn-active-border-color: #004650;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: 	#004650;
    --bs-btn-disabled-border-color: #004650;
}
.btn-kohmak:hover{
    color: #004650;
    background-color: white;
    border-color: var(--bs-btn-hover-border-color);
}
.link-monsoon{
    --cnvs-link-color: #006030!important;
}
.link-monsoon:hover{
    color: grey !important;
}
.btn-monsoon{
    --bs-btn-color: #fff;
    --bs-btn-bg: #006030;
    --bs-btn-border-color: #006030;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #006030;
    --bs-btn-disabled-border-color: #006030;
}
.btn-monsoon:hover{
    color: #006030;
    background-color: white;
    border-color: var(--bs-btn-hover-border-color);
}
.link-coral{
    --cnvs-link-color: #6FB7B7!important;
}
.link-coral:hover{
    color: grey !important;
}
.btn-coral{
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: #6FB7B7;
    --bs-btn-border-color: #6FB7B7;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: ##81C0C0;
    --bs-btn-hover-border-color: #81C0C0;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #81C0C0;
    --bs-btn-active-border-color: #81C0C0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #6FB7B7;
    --bs-btn-disabled-border-color: #6FB7B7;
}
.btn-coral:hover{
    color:#6FB7B7 ;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.color {
  color:#dc3545!important;
}

/* Project background overlay with blur */
.project-bg-overlay {
  position: relative;
  overflow: hidden;
}

.project-bg-overlay::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.project-bg-overlay > * {
  position: relative;
  z-index: 2;
}

.project-bg-blur {
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
  z-index: 0;
}