.container {
            text-align: center;
            background-color: rgba(0, 0, 0, 0.5);
            padding: 20px;
            border-radius: 10px;
            height: 80vh;
            align-items: center;
            top:0;
            bottom: 0;
            left: 0;
            right: 0;            
}

.footer {
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 0px;
        }

.google-map {
     padding-bottom: 50%;
     position: relative;
}

.google-map iframe {
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
}

.whatsapp-link {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100; /* Ensures it's above other content */
    width: 80px;
    height: 80px;
    background-color: #25d366; /* WhatsApp green */
    border-radius: 50px; /* Makes it a circle */
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    color: white; /* Or any color you prefer */
    text-decoration: none; /* Removes underline from the link */
}

.whatsapp-link img, .whatsapp-link i {
    margin-top: 25px; /* Centers the icon within the button */
}

.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;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}