/*------- WHAT WE DO/SOLUTIONS PAGE --------*/
.solution-title h3 {
	font-size: clamp(2em, 5vw, 5em);
	font-family: 'gotham_boldregular';
}
.solution-img {
	width: 70%;
}
.TextBlue {
	color: var(--black);
}
.about-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}
.about-btn button {
	display: flex;
	justify-content: center;
	align-items: center;
}
.about-btn a {
	text-decoration: none;
}
i.fa-light.fa-chevrons-right {
	padding-left: 5px;
	transition: padding-left .5s;
}
.btn:hover i.fa-light.fa-chevrons-right {
	padding-left: 10px;
}
.btn-outline-primary {
    --bs-btn-color: var(--black);
    --bs-btn-border-color: var(--black);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--black);
    --bs-btn-hover-border-color: var(--black);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--black);
    --bs-btn-active-border-color: var(--black);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--black);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--black);
    --bs-gradient: none;
	--bs-btn-border-radius: 0;
}
.btn {
	transition: all .5s!important;
}
/*------- END OF WHAT WE DO/SOLUTIONS PAGE --------*/
/*----SCREEN WIDTH 1200 to 1536px----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px) {
}
/*----SCREEN WIDTH 1200 to 1536px and SMALL VH----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px)
	and (min-height: 0px)
	and (max-height: 820px) {

}
/*----SCREEN WIDTH 0 to 991px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 991px) {

}
/*----SCREEN WIDTH 900 to 1200px----*/
@media only screen 
	and (min-width: 901px)
	and (max-width: 1200px) {

}
/*----SCREEN WIDTH 900 to 1200px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 901px)
	and (max-width: 1200px) {

}
/*----SCREEN WIDTH 600 to 900px----*/
@media only screen 
	and (min-width: 601px)
	and (max-width: 900px) {
		/*---What we do--*/
		.solution-title {
			text-align: center;
		}
		.solution-img {
			display: flex;
			margin: 0 auto;
			margin-bottom: 1em;
		}
}
/*----SCREEN WIDTH 600 to 900px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 601px)
	and (max-width: 900px) {

}
/*----SCREEN WIDTH 0 to 600px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 600px) {
		/*---What we do--*/
		.solution-title {
			text-align: center;
		}
		.solution-img {
			display: flex;
			margin: 0 auto;
			margin-bottom: 1em;
		}
}