.clients-grid{
	position: relative;
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
}

@media only screen and (max-width: 768px){
	
	
	.clients-grid{
		position: relative;
		display: grid;
		grid-template-columns: 50% 50%;
}
	
}

.whatsapp-icon{
	position: fixed;
	bottom: 2%;
	right: 1.4%;
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	background: #25D366;
	border-radius: 50%;
	box-shadow: 2px 2px 6px #000;
	z-index: 9999;
}


.client-item{
	padding: 10px;
}

.custom-dropdown {
	display: none;
	grid-template-columns: 100%;
	position: absolute;
	z-index: 999;
	width: 180px;
	
	}

.cyan {
	color: #00AFEF !important;
}

@media only screen and (max-width: 500px){
	.custom-dropdown {
		display: none !important;
	
	}
}

@media only screen and (min-width: 768px){

.custom-dropdown-mobile {
	display: none !important;
	
	}
}


.custom-dropdown-mobile {
	display: grid;
	grid-template-columns: 100%;
	position: relative;
	z-index: 999;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	
	}

.custom-dropdown-mobile a{
	padding: 8px 20px;
	
	}

.custom-dropdown a {
	padding: 10px 15px 10px 10px;
	text-transform: uppercase;
	background-color: #E7E7E7;
	transition: all 0.2s ease;
	cursor: pointer;
}

.custom-dropdown a:hover{
	background-color: #00AFEF;
	color: #fff !important;
}

.member-info{
padding-left: 20px;	
}

.line{
	border-bottom: 1px solid #00AFEF;
	margin-bottom: 15px;
	width: 80%;
}

.arrow-placement{
	position: absolute;
	top: 100%;
	left: 100%;
	z-index: 200;
}

.cyan {
	color: #00AFEF !important;
}

.cyan-link {
	color: #00AFEF !important;
	transition: all 0.3s ease;
}

.cyan-link:hover {
	color: #fff !important;
}

.white-link a{
	color: #fff !important;
	font-weight: bold;
	transition: all 0.3s ease;
}

.white-link:hover a{
	color: #000 !important;
}




.white {
	color: #FFF !important;
}

.grey {
	color: #6F6F6F !important;
}

.custom-header{
	height: 500px;
	width: 100%;
}

#aboutheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/about-header.svg");
	background-size: cover;
	background-position: center;
	
}

#printheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/print-header.jpg");
	background-size: cover;
	background-position: center;
	
}

#audiovisualheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/audio-visual-header.jpg");
	background-size: cover;
	background-position: center;
	
}

#designheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/design-header.jpg");
	background-size: cover;
	background-position: center;
	
}

#promotionalheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/promotional-header.jpg");
	background-size: cover;
	background-position: center;
	
}

#signageheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/signage-header.jpg");
	background-size: cover;
	background-position: center;
	
}

#webdesignheader{
	background-image: url("https://www.dotsquare.co.za/newsite/assets/images/webdesign-header.jpg");
	background-size: cover;
	background-position: center;
	
}

.custom-header-content{
	position: relative;
	display: grid;
	place-items: center;
	height: 100%;
	width: 100%;
}

.custom-header-content h1{
	font-weight: 600;
	color: white;
}

.link-style{
	color: white !important;
	transition: all 0.6s ease !important;
}

.link-style:hover{
	color: #00AFEF !important;
}