body {
  background-image: url('../img/Bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

.blur-background {
  background-image: url('../img/Bglur.jpg');
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.blur-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  filter: blur(8px);
}

.blur-content {
  position: relative;
  z-index: 1;
  /* Ensure text content appears above the blurred background */
}

.yemproTooltip {
position: relative;
display: inline;
cursor: pointer;
}
.yemproTooltip .yemproTooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.yemproTooltip:hover .yemproTooltiptext {
visibility: visible;
opacity: 1;
}
.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  width: 8rem;
}
.feature img {
  height: 8rem;
  width: 8rem;
  margin-top: 8rem;
}