.section-services {
	font-family: "Poppins", sans-serif;
	/*background-color: #e6edf7;*/
	/*code changed on 24/01/2026*/
	background: var(--bg-color);
	color: #202020;
	/*padding-top: 115px;
	padding-bottom: 120px;*/
}

	.section-services .header-section {
		margin-bottom: 34px;
	}

		.section-services .header-section .title {
			position: relative;
			padding-bottom: 14px;
			margin-bottom: 25px;
			font-weight: 700;
			font-size: 32px;
		}

			.section-services .header-section .title:before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 50px;
				height: 3px;
				background-color: #ff4500;
				border-radius: 3px;
			}

			.section-services .header-section .title:after {
				content: "";
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(30px);
				width: 10px;
				height: 3px;
				background-color: #504f93;
				border-radius: 3px;
			}

		.section-services .header-section .description {
			font-size: 14px;
			color: #282828;
		}

	.section-services .single-service {
		position: relative;
		margin-top: 30px;
		background-color: #fff;
		border-radius: 10px;
		padding: 40px 30px;
		overflow: hidden;
		border: 1px solid #242424;
		box-shadow: rgba(40, 40, 40, 0.05) 0px 3px 53px;
	}

		.section-services .single-service .content {
			position: relative;
			z-index: 20;
		}

		.section-services .single-service .circle-before {
			position: absolute;
			top: 0;
			right: 0px;
			transform: translate(40%, -40%);
			width: 150px;
			height: 150px;
			/*background-color: #ff4500;*/
			/*code changed on 24/01/2026*/
			background: var(--primary-color);
			/*border: 6px solid #504f93;*/
			border: 3px solid #242424;
			border-radius: 50%;
			opacity: 0.9;
			z-index: 10;
			transition: all .6s;
		}

		.section-services .single-service:hover .circle-before {
			width: 100%;
			height: 100%;
			transform: none;
			border: 0;
			border-radius: 0;
			opacity: 1;
		}

		.section-services .single-service .icon {
			display: inline-block;
			margin-bottom: 26px;
			width: 70px;
			height: 70px;
			/*background-color: #ff4500;*/
			/*code changed on 24/01/2026*/
			background: var(--primary-color) ;
			border-radius: 5px;
			line-height: 70px;
			text-align: center;
			color: #fff;
			font-size: 30px;
			transition: all .3s;
		}

		.section-services .single-service:hover .icon {
			background-color: #fff;
			color: #242424;
		}

		.section-services .single-service .title {
			margin-bottom: 18px;
			font-weight: 700;
			font-size: 23px;
			transition: color .3s;
		}

		.section-services .single-service:hover .title {
			color: #fff;
		}

		.section-services .single-service .description {
			margin-bottom: 20px;
			font-size: 14px;
			transition: color .3s;
		}

		.section-services .single-service:hover .description {
			color: #fff;
		}

		.section-services .single-service a {
			position: relative;
			font-size: 18px;
			color: #202020;
			text-decoration: none;
			font-weight: 500;
			transition: color .3s;
		}

		.section-services .single-service:hover a {
			color: #fff;
		}

		.section-services .single-service a:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 1px;
			background-color: #ff4500;
			transition: background-color .3s;
		}

		.section-services .single-service:hover a:after {
			background-color: #fff;
		}