.contact-body {
	background-image: url(../img/shutterstock_737425927.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bi-telegram {
	color: #0088cc;
	font-size: 3rem;
	transition: color 0.3s ease-in-out;
}

.bi-telegram:hover {
	color: #006599;
}

.bi-whatsapp {
	color: #25D366;
	font-size: 3rem;
	transition: color 0.3s ease-in-out;
}

.bi-whatsapp:hover {
	color: #1b9e4c;
}

.element-logo {
	height: 48px;
	transition: all 0.3s ease-in-out;
}

.element-logo:hover {
	filter: brightness(75%);
}

.matrix-logo {
	height: 60px;
	transition: all 0.3s ease-in-out;
}

.matrix-logo:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

.signalLogo {
	height: 48px;
	transition: all 0.3s ease-in-out;
	vertical-align: text-bottom;
}

.signalLogo:hover {
	filter: brightness(75%);
}

.signalLogoOverlay {
	position: relative;
}

.signalLogoTooltip {
	visibility: hidden;
	position: absolute;
	top: -30px;
	right: -10px;
	transform: translate(100%, 0);
	background-color: black;
	width: 200px;
	text-align: center;
	border-radius: 10px;
	padding: 5px;
	color: white;
}

.signalLogoOverlay:hover .signalLogoTooltip {
	visibility: visible;
}