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

.our-services-first-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-first-fold .our-services-list {
	display: flex;
	padding: 5px 0 0 40px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	border-top: 2px solid #ffffff;
}

.our-services-first-fold .our-services-list .services-list-content {
	width: 100%;
}

.our-services-first-fold .our-services-list .services-list-content h1 {
	color: #ffffff;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 45px;
	text-transform: capitalize;
}

.our-services-first-fold .our-services-list .services-list-content h2 {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 30px;
}

.our-services-first-fold .our-services-list .services-list-content ul {
	margin-top: 10px;
	padding-left: 40px;
}

.our-services-first-fold .our-services-list .services-list-content ul li {
	color: #ffffff;
	font-size: 18px;
	line-height: 28px;
}

.our-services-first-fold .our-services-benefit {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.our-services-first-fold .our-services-benefit .blue-box {
	width: 60%;
	padding: 40px;
	line-height: 24px;
	background-color: #004aad;
}

.our-services-first-fold .our-services-benefit .blue-box .idea-bulb {
	text-align: center;
}

.our-services-first-fold .our-services-benefit .blue-box p {
	margin: 0;
	color: #ffffff;
	text-align: justify;
	letter-spacing: 2px;
}

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

	.our-services-first-fold .our-services-benefit .blue-box {
		width: 75%;
		padding: 20px;
		margin-top: 100px;
	}

	.our-services-first-fold .our-services-list {
		padding: 5px 15px 0 15px;
	}
}
/*** Small-Screens-(Portrait Mode)-End ***/


/*** Medium-Screens-(Tablet/Ipad Devices)-Start ***/
@media (min-width: 768px) and (max-width: 991px) {
	.our-services-first-fold .our-services-benefit .blue-box {
		margin-top: 100px;
	}
}
/*** Medium-Screens-(Tablet/Ipad Devices)-End ***/

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

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

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