.section-services {
			padding-top: 110px;
			padding-bottom: 120px;
			
			background-color: #f7f8fb;
			color: #fff;
		}

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

				.section-services .header-section .title {
					position: relative;
					margin-bottom: 40px;
					padding-bottom: 25px;
					text-transform: uppercase;
					font-weight: 700;
				}

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

					.section-services .header-section .title:after {
						content: "";
						position: absolute;
						bottom: -1px;
						left: 50%;
						transform: translateX(-50%);
						width: 45px;
						height: 3px;
						background-color: #dd356e;
					}

					.section-services .header-section .title span {
						color: #dd356e;
					}

				.section-services .header-section .description {
					color: #6f6f71;
				}

			.section-services .single-service {
				margin-top: 40px;
				text-align: center;
				box-shadow: 0px 60px 56px -12px rgba(9, 40, 163, 0.05);
				border-radius: 8px;
				background-color: #fff;
			}

				.section-services .single-service .part-1 {
					padding-top: 40px;
				}

					.section-services .single-service .part-1 i {
						margin-bottom: 25px;
						font-size: 50px;
						color: #dd356e;
					}

					.section-services .single-service .part-1 .title {
						font-size: 17px;
						font-weight: 700;
						letter-spacing: 0.02em;
						line-height: 1.8em;
					}

				.section-services .single-service .part-2 {
					padding-bottom: 40px;
				}

					.section-services .single-service .part-2 .description {
						margin-bottom: 22px;
						color: #6f6f71;
						font-size: 14px;
						line-height: 1.8em;
						min-height: 76px;
					}

					.section-services .single-service .part-2 a {
						color: #fff;
						font-size: 14px;
						text-decoration: none;
					}

						.section-services .single-service .part-2 a i {
							margin-right: 10px;
							color: #dd356e;
						}



		.accordion__wrapper {
			background-color: #fff;
			box-shadow: 0px 60px 56px -12px rgba(9, 40, 163, 0.05);
			border-radius: 2.5rem;
			width: 100%;
			padding: 5rem;
		}

		.accordion__title {
			font-size: 2.2rem;
			font-weight: 700;
			color: #dd356e;
			text-align: center;
			margin-bottom: 4rem;
			display: none;
		}

		.accordion {
			border-bottom: 0.1rem solid #dae1f5;
			padding-bottom: 2rem;
			margin-bottom: 3rem;
		}

		.accordion__header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 1rem;
			cursor: pointer;
		}

		.accordion__icon {
			background-color: #dd356e;
			width: 2.2rem;
			height: 2.2rem;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 50%;
			color: #fff;
			flex-shrink: 0;
			font-size: 13px;
			padding-top: 2px;
			padding-left: 1px;
		}

		.accordion__question {
			font-size: 1.8rem;
			font-weight: bold;
			color: #242e4c;
		}

		.accordion__answer {
			padding: 1rem 0;
			color: #545d7a;
		}

		.accordion__content {
			overflow: hidden;
			height: 0;
			transition: 0.4s ease-in-out;
		}

		@media screen and (min-width: 580px) {
			.accordion__wrapper {
				padding: 5rem 8rem;
			}
		}
	


		.container-fluid.main-content {
			padding: 40px;
		}

		.panel {
			border-radius: 15px;
			box-shadow: 0 4px 15px rgba(0,0,0,0.1);
		}

		.tab-button.active {
			background-color: #dd356e;
			color: white;
		}

		.tab-button {
			border: 1px solid #ddd;
			border-radius: 20px;
			padding: 8px 16px;
			margin: 5px;
			background-color: #f8f9fa;
			color: #495057;
			transition: all 0.2s;
			margin-bottom: 10px;
		}

			.tab-button:hover,
			.tab-button.active:hover {
				background-color: #dd356e;
				color: white;
				text-decoration: none;
			}

		.form-control {
			border-radius: 10px;
		}

		#canvas-container {
			width: 100%;
			height: auto;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 15px;
			background-color: white;
			border: 4px solid #eee;
			border-radius: 10px;
			box-shadow: inset 0 2px 4px rgba(0,0,0,0.06);
		}

			#canvas-container canvas {
				max-width: 100%;
				height: auto;
			}

		#qr-canvas {
			width: 100%;
			height: 100%;
		}

		.btn-primary {
			background-color: #2563eb;
			border-color: #2563eb;
			border-radius: 50px;
			font-weight: bold;
		}

			.btn-primary:hover {
				background-color: #1a4d9c;
				border-color: #1a4d9c;
			}

		.qr-section {
			background-color: #f9f9f9;
			border-radius: 15px;
			padding: 30px;
		}