#machine-01:hover {
    content: url('../img/Machine-01-hover.png'); /* Change this to the hover image */
}

#machine-02:hover {
    content: url('../img/Machine-02-hover.png');
}

#machine-03:hover {
    content: url('../img/Machine_3-hover.png');
}

#hover-effect-01, #hover-effect-02, #hover-effect-03 {
   display: inline-block; /* Allows width and height to be applied */
    border-radius: 50%; /* Makes the anchor round */
    overflow: hidden; /* Ensures child elements respect the rounded shape */
    transition: background-color 0.4s ease; /* Smooth background color transition */
}



#hover-effect-01:hover, #hover-effect-02:hover, #hover-effect-03:hover {
    background-color: rgba(255, 165, 0, 0.5); /* Transparent organ color (orange) with 50% opacity */
}
.text-organ {
  color: #ff5733 !important;
}
#carousel-image {
    width: 100%; /* Full width */
    height: 700px; /* Fixed height (adjust as necessary) */
    object-fit: cover; /* Maintains aspect ratio without distortion */
}

.carousel-item {
    height: 700px; /* Same height as the image */
}
.navbar-logo {
    height: 50px; /* Adjust the height as needed */
    width: auto; /* Maintains aspect ratio */
}
.Footerlogo{
	color: white;
	
}

.btn-CUSTOM {
   	  background-color: #dd2203 !important;
    color: #ffffff;            /* Custom text color */
    border: none;              /* Optional: removes border */
    cursor: pointer;           /* Shows hand cursor on hover */
    padding: 10px 20px;        /* Adjust padding as needed */
    border-radius: 5px;        /* Optional: rounded corners */
}

.btn-CUSTOM:hover {
    background-color: white; /* Optional: Hover effect */
}