/*

    Title: Contact
    Author: QBIT
    Date: 07/08/2024

    File path: ../../../../uploads/

*/

/* Contact styles */
#contact {
	background: #fff;
	padding: 30px 0;
}

#contact-bar {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px 0;
	z-index: 999;
}

#contact-bar .main {
	justify-content: center;
    align-items: center; 
}

#contact-bar a {
	color: #fff;
}

#contact-bar ul {
	margin: 0;
}

#contact-bar .contact li {
	display: inline;
	margin: 0 5px;
}

.contact {
	margin-bottom: 20px;
}

.address {
	background: url('../../../../uploads/svg/address.svg') left top / 32px no-repeat;
	margin-bottom: 20px;
	padding-left: 40px;
}

.telephone, .mobile, .email, .whatsapp, .pin {
	background-position: left center;
	background-size: 32px;
	background-repeat: no-repeat;
	padding: 10px 0 10px 40px;
}

.telephone {
	background-image: url('../../../../uploads/svg/telephone.svg');
}

.mobile {
	background-image: url('../../../../uploads/svg/mobile.svg');
}

.email {
	background-image: url('../../../../uploads/svg/email.svg');
}

.whatsapp {
	background-image: url('../../../../uploads/svg/whatsapp.svg');
}

.pin {
	background-image: url('../../../../uploads/svg/pin.svg');
}

/* Media queries */
@media (max-width: 64em) 
{

	/* Contact styles */
	#contact-bar {
		padding: 10px 0;
	}

	#contact-bar .contact .telephone, #contact-bar .contact .email, #contact-bar .contact .whatsapp {
		width: 35px;
		height: 35px;
		display: inline-block;
		text-indent: -9999px;
		background-position: center center;
		padding: 0;
	}

	#contact-bar .contact li {
		margin: 0;
	}

}