* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.our-services-second-fold {
	padding: 90px 0;
	background-size: cover;
	background-color: #20386c;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("https://d3cconsulting.com/wp-content/uploads/2023/12/image.png");
}

.our-services-second-fold .services-heading h1 {
	width: 50%;
	color: #ffffff;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 45px;
	padding: 5px 0 0 40px;
	text-transform: capitalize;
	border-top: 2px solid #ffffff;
}

.our-services-second-fold .services-cards {
	display: flex;
	row-gap: 12px;
	flex-wrap: wrap;
	margin-top: 50px;
	column-gap: 24px;
	align-items: center;
	justify-content: center;
}

.our-services-second-fold .services-cards .single-card {
	gap: 15px;
	width: 170px;
	display: flex;
	padding: 10px;
	height: 185px;
	text-align: center;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: #ffffff;
}

.our-services-second-fold .services-cards .single-card p {
	color: #20386c;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 20px;
}

.our-services-second-fold .services-cards .single-card svg {
	margin-bottom: -15px;
}

/*** Small-Screens-(Portrait Mode)-Start ***/
@media (min-width: 280px) and (max-width: 575px) {
	.our-services-second-fold {
		padding: 60px 0;
	}

	.our-services-second-fold .services-heading h1 {
		width: 100%;
	}

	.our-services-second-fold .services-cards {
		column-gap: 12px;
	}

	.our-services-second-fold .services-cards .single-card {
		padding: 6px;
    width: 150px;
    height: 160px;
	}

	.our-services-second-fold .services-cards .single-card p {
		font-size: 13px;
		line-height: 19px;
	}
}

/*** Small-Screens-(Portrait Mode)-End ***/


/*** Medium-Screens-(Tablet/Ipad Devices)-Start ***/
@media (min-width: 768px) and (max-width: 991px) {
 	.our-services-second-fold .services-heading h1 {
      width: 100%;
  }
}

/*** Medium-Screens-(Tablet/Ipad Devices)-End ***/

/**************************************/
.flex-me {
	display: flex;
}

@media (min-width: 992px) {
	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%
	}
}

@media (max-width: 992px) {
	.flex-me {
		flex-direction: column;
	}
}

/**************************************/