.blackdiv {
	background-color: #283c54;
	padding: 10px;
	height: 133px
}
.solutions-btn {
	font-family: "ProximaNova-Regular", Sans-serif !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	text-decoration: none;
	padding: 12px 0 !important;
	border: none !important;
	background: #28A9E288 !important;
	color: white !important
}
.solutionsBKIMG {
	background-image: url(https://www.matrackinc.com/home-page-v1/images/uploads14122020/bg1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}
.solnMAINdesc {
	font-family: "ProximaNova-Regular", Sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	color: white
}
.solutions-btn:hover,
.solutions-btn:active,
.solutions-btn-selected,
.solutions-btn.selected {
	background: white !important;
	color: #333 !important;
	letter-spacing: 1px;
	margin: 0 -1.5px -5px -1.5px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
	box-shadow: 5px 40px -10px rgba(0, 0, 0, 0.57);
	outline: none;
	border: none;
	z-index: 10
}
.right-border {
	border-right: 1.8px solid #aaa
}
#solution-fleet-det,
#solution-asset-det,
#solution-eld-det,
#solution-amex-det {
	width: 100%;
	min-height: 100px;
	background: white;
	display: none;
	outline: none;
	padding-top: 20px
}
.solution-subhead {
	font-family: 'ProximaNova-Regular', sans-serif !important;
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 1.1em !important;
	text-shadow: 1px 0px 0px rgb(0 0 0 / 30%) !important
}
.solution-desc {
	text-align: justify;
	font-weight: 500;
	font-family: 'ProximaNova-Regular', sans-serif !important;
	color: #686868;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px
}
.priceclass {
	font-size: 50px !important;
	font-family: "Proxima Nova Bold", Sans-serif !important;
	font-weight: 800 !important;
	color: #333 !important
}
.solution-know-more {
	border: none;
	cursor: pointer;
	padding: 0 1.3em !important;
	line-height: 2.5em;
	min-height: 2.6em;
	max-width: 100%;
	font-weight: bolder;
	letter-spacing: 0.7px;
	background-color: #28A9E2 !important;
	color: #fff;
	font-size: 15px!important;
	border-radius: 50px !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500
}
.img-section {
	vertical-align: middle
}
.text-section {
	vertical-align: middle;
	margin: auto;
	text-align: left
}
.secont-content {
	border: solid 2px #ccc;
	margin-left: 55px;
	margin-right: 55px;
	margin-top: 55px
}
.button-container {
	margin-left: 30px !important;
	margin-right: 30px !important;
	margin-top: 20px
}
button:focus {
	outline: none
}
@media only screen and (min-device-width: 320px) and (max-device-width: 760px) {
	.solution-desc {
		padding: 30px
	}
	.solution-subhead {
		text-align: center
	}
	.solutions-btn {
		height: 104px;
		font-size: 14px
	}
	.secont-content {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 25px
	}
}
@media only screen and (max-width: 767px) {
	.solution-img {
		width: 100%;
		padding: 30px 10px
	}
	.text-section {
		padding: 10px 10px
	}
	.container.solutions-det,
	.solutionsBKIMG .container {
		max-width: 100% !important;
		width: 100% !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0
	}
	.solutions-btn {
		width: 100%;
		margin: auto;
		height: 50%
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.solution-img {
		width: 90%;
		padding: 30px 10px
	}
	.text-section {
		padding: 10px 10px 10px 0
	}
	.container.solutions-det,
	.solutionsBKIMG .container {
		max-width: 100% !important;
		width: 100% !important;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0
	}
	.solutions-btn {
		width: 24%;
		margin: auto
	}
}
@media only screen and (min-width: 1025px) {
	.solution-img {
		width: 100%;
		padding: 0px
	}
	#solution-fleet-det,
	#solution-asset-det,
	#solution-eld-det,
	#solution-amex-det {
		padding-top: 25px;
		padding-bottom: 40px
	}
	.solutions-btn {
		width: 24%;
		margin: auto;
		vertical-align: baseline
	}
	.headsubheadSOLN {
		height: 267px
	}
	.headsubheadSOLN .paraHead {
		padding-top: 75px
	}
	.solutionsBKIMG {
		background-image: url("https://www.matrackinc.com/home-page-v1/images/uploads14122020/bg1.jpg");
		background-color: #92d3e4;
		height: 330px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
}
.button:not(.components-button):not(.customize-partial-edit-shortcut-button),
button:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type=button]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type=reset]:not(.components-button):not(.customize-partial-edit-shortcut-button),
input[type=submit]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
	border: none;
	cursor: pointer;
	padding: 0 1.3em;
	line-height: 2.5em;
	min-height: 2.6em;
	max-width: 100%;
	font-weight: bolder;
	text-transform: capitalize !important;
	-webkit-transition: border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
	transition: border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
	transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
	transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s;
	border-radius: 1px;
	display: inline-block
}