.blendObject {
    mix-blend-mode: screen; /* This sets the blend mode to 'multiply' */
    /*background-color: red; /* Add this to see if the CSS is working */
    
}

.radial-gradient-box {
    background: radial-gradient(circle at 50% -20%, #1a4867, #22262B, #22262B);
}

.radial-gradient-menu {
    background: radial-gradient(circle at 5% 50%, #1a4867, #22262B, #22262B);
}

.radial-gradient-bottom {
    background: radial-gradient(circle at 50% 120%, #1a4867, #22262B, #22262B);
}

#fullscreenOverlay img {
    max-width: 90%;
    max-height: 90%;
    transition: transform 0.3s ease;
}

.custom-bullets {
  list-style-type: disc; /* Keeps the bullet style */
  padding-left: 20px; /* Adjusts spacing from the edge */
  margin-top: 0px; /* Adjusts spacing from the edge */
}

.custom-bullets li {
  margin-bottom: 10px; /* Adds spacing between bullets */
  text-indent: 0px; /* Pulls the first line to the left */
  padding-left: 0px; /* Removes any extra margin at the top */
}

.blur-image {
    filter: blur(20px);
    transition: filter 0.5s ease;  /* Smooth transition */
  }

  .blur-image:hover {
    filter: blur(0px);  /* Blur to 20px on hover */
  }

/*
List of blend modes:
	•	normal
	•	multiply
	•	screen
	•	overlay
	•	darken
	•	lighten
	•	difference
	•	exclusion
*/