.solution-container {
	background-image: url(../img/solutions/new/header-bg.jpg);
	background-size: cover;
	height: 420PX
}


.solution-bg {
    background: url('../img/solutions/solutions-background.png');
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 1;
}


#solutions-details button {
	width: 200px;
	height: 90px;
	text-transform: uppercase;
	border-radius: 10px;
	border-start-end-radius: 0px;
	border-end-end-radius: 0px;
}

#solutions-details button {
	color: #252B68;
}

#solutions-details .nav-link.active {
	background-color: #252B68;
	color: white !important;
}

#solutions-details-content {
	background-color: #252B68;
	color: white;
	height: 100%;
	border-start-end-radius: 10px;
	border-end-end-radius: 10px;
}

#solutions-tab .nav-link {
	text-transform: uppercase;
	font-size: 25px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-style: none;
	color: #252B68;
}

#solutions-tab .nav-item {
	width: 20%
}

	#solutions-tab .nav-item hr {
		opacity: 0.5 !important;
		border-top: 1px solid red;
	}

#solutions-tab .tab-tittle {
	height: 130px
}

#solutions-tabContent .tab-pane {
	background-color: #252B68 !important;
	color: white;
	padding: 40PX 30px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: white !important;
	background-color: #252B68 !important;
}

.nav-link:focus, .nav-link:hover {
	color: red !important;
}

.red-wave {
	margin-top: -50px;
	min-height: 80px;
}

.solutionsCard p {
	font-size: 14px;
}

.solutionsCard hr {
	border-top: 1px solid rgb(255 0 0);
}

.solutionsCard-header {
	min-height: 80px;
}

.solutionsCard {
	border-radius: 16px !important;
}

.solutionsCard {
	height: 675px !important;
	max-width: 350px !important;
	margin: auto;
	background-color: #252B68 !important;
	color:white!important;
}


/* Medium Resolution */
@media (max-width: 992px) {
	.solution-container {
		background-size: 110% 110%;
		height: 350PX
	}
}
/* Small */
@media (max-width: 768px) {

	.solutionsCard {
		height: 660px !important;
	}

	.solutionsCard-header {
		min-height: 40px;
	}

	.solutionsCard-img {
		height: 250px;
	}

	#solutions-details button {
		width: 100px;
		height: 85px;
		font-size: 14px;
		padding: 2px;
	
	}

}

/* Extra Small Resolution*/
@media (max-width: 576px) {

	.solutionsCard {
		height: 600px !important;
	}

	.header-tittle{
		font-size:28px;
	}

}