/* CONTACT US */
.contact-us-container{
	min-height: calc(100vh - 550px);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 20px;
	background-image: linear-gradient(90deg, #FFF 20%, #F0F0F0 80%);
	background-image: url("../images/banners/contact-banner-mobile.png");
	background-size: cover;
	background-repeat: no-repeat;
	object-fit: scale-down;
}

.contact-us-text{
	font-weight: 700;
	color: black;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	color: white;
}

.banner {
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%; height: 200px;
	min-height: 15em;
	background: linear-gradient(#000, transparent, #000), 
		var(--img) 20%/ cover;
	background-attachment: fixed;
	background-blend-mode: multiply;
	--img: url(../images/banners/banner.jpg);
}

.banner p{
	color: White;
}

.red{
	color:#009de4;
}
.contact-container{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	column-gap: 10rem;
	margin-bottom: 40px;	
}
.sales-service{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 50px;
	background-color: whitesmoke;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	width: 450px;
	height: 450px;
}

.contact-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 15px;
	background-color: whitesmoke;
	width: 450px;
	height: 450px;
}
.contact-card-solo{
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 15px;
	background-color: whitesmoke;
	width: 450px;
	height: 450px;
}
.contact-card p{
	margin:0;
	padding: 0;
}

.icon-div{
	display: flex;
	flex-direction: row;
	gap: 1.5rem;
	align-items: center;
	width: 250px;
}
.icon-div p{
	padding:0;
	margin:0;
}
.icons-2{
	width: 25px;
	height: 20px;
}

.directions{
	background-color: #009de4;
	padding: 10px;
	transition: all 0.5s linear;
	cursor: pointer;
}
.directions a{
	color: #FFF;
	text-decoration: none;
}
.directions:hover{
	color: #009de4;
	background-color: black;
}