/*Services list*/

.servicess-item-hidden {
	display: none;
}

.services-hidden .col-md-10 {
	border-radius: 16px;
	background: #F6F6F9;
	padding: 47px 57px;
	position: relative;
	margin-bottom: 49px;
}

.servicess-item-hidden-content {
	color: #2D2D2D;
	font-family: "Proxima Nova";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.servicess-item-hidden-title {
	color: #2D2D2D;
	font-family: "Proxima Nova";
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.servicess-item-hidden-content .close {
	position: absolute;
	top: 25px;
	right: 25px;
	cursor: pointer;
}

.services-list .col-md-4 {
	margin-bottom: 36px;
}

.servicess-item {
	display: flex;
	background-size: cover;
	height: 16em;
	position: relative;
	flex-direction: column;
	padding: 55px 45px;
	justify-content: flex-end;
	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
}

.servicess-item::before {
	content: "";
	display: block;
	width: 100%;
	height: 59%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 124, 194, 0.00) 0%, #007CC2 100%);
}

.servicess-item > * {
	display: block;
	position: relative;
	z-index: 1;
	color: #FFF;
}

.servicess-item-title {
	color: #FFF;
	text-align: center;
	font-family: "Work Sans";
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 17px;
}

.servicess-item-text .button {
	margin: auto;
	display: block;
	box-sizing: border-box;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: none;
}

.servicess-item:hover .button {
	height: 50px;
	padding: 14px 18px;
	border: 1.25px solid #FFF;
}

.services-list .row > .col-md-4:nth-child(2)  .servicess-item::before {
	background: linear-gradient(180deg, rgba(198, 0, 111, 0.00) 0%, #C6006F 100%);
}

.services-list .row > .col-md-4:nth-child(3)  .servicess-item::before {
	background: linear-gradient(180deg, rgba(73, 47, 146, 0.00) 0%, #492F92 100%);
}

.services-list .row > .col-md-4:nth-child(4)  .servicess-item::before {
	background: linear-gradient(180deg, rgba(0, 160, 175, 0.00) 0%, #00A0AF 100%); 
}

.services-list .row > .col-md-4:nth-child(5)  .servicess-item::before {
	background: linear-gradient(180deg, rgba(241, 93, 34, 0.00) 0%, #F15D22 100%); 
}

.services-list .row > .col-md-4:nth-child(6)  .servicess-item::before {
	background: linear-gradient(180deg, rgba(0, 176, 133, 0.00) 0%, #00B085 100%); 
}

.services-list h2 {
	text-align: center;
	margin-bottom: 66px;
}

.services-list h2:before {
	margin-left: auto;
	margin-right: auto;
}

.services-list .col-12.text-center {
	margin: 24px 0 136px;
}

.services-list .col-12.text-center .button{
	display: block;
	margin: 0 auto;
	max-width: 250px;
}

.half-image-content {
	margin-top: 3em;
	margin-bottom: 3em;
}

.half-image-content .col-md-6 {
	position: relative;
}

.half-image-content h2::before {
	content: none;
}

.half-image-content h2 {
	text-align: left;
	font-size: 26px;
	margin-bottom: 17px;
}

.half-image-content.row.row-reversed {
	flex-direction: row-reverse;
}

.half-image-content .play {
	position: absolute;
	width: calc(100% - 24px);
	height: 98%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.services-list .row {
	justify-content: center;
}

@media (max-width: 480px){
	.servicess-item-mobile {
		margin: 20px 10px;
	}

	.services-list .col-12.text-center {
		margin: 0px 0 100px;
	}

	.servicess-item {
		padding: 20px;
	}

	.servicess-item:hover .button {
		padding: 10px 18px;
	}

	.servicess-item-hidden-content {
		margin-top: 60px;
		position: relative;
	}

	.servicess-item-hidden-content .close {
		top: -44px;
	}
}