.me-2 {
width: 20px; 
height: 20px;
}

a {
text-decoration: none;
}

.iframe-container {
display: none;
}

.bottom-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to right, #0a73b5, #e20f85);
  display: none;
  justify-content: space-around;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 1px;
}

.bottom-menu .menu-item {
padding: 10px;
cursor: pointer;
}
	
.bottom-menu .menu-item.active {
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

.menu-item {
color: #fff;
text-align: center;
text-decoration: none;
font-size: 10px;

}

.menu-item i {
display: block;
font-size: 20px;
}

.menu-item span {
display: block;
}

.menu-item.active {
background: linear-gradient(500px, #010f1d 30%, #00b200 70%) !important;
box-shadow: 0px 5px 10px #010f1d !important;
padding: auto !important;
border-radius: 10px;
}

@media (max-width: 768px) {
.bottom-menu {
display: flex !important;
}
}

iframe {
display: block;
width: 100vw;
height: 95vh;
max-width: 100%;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
border: 0 none;
box-sizing: border-box;
}