.banner-service {
	.content-banner {
		h3 {
			background: linear-gradient(180deg, #F4FAFF 41.53%, #5CBDFF 100%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-size: 32px;
			font-style: normal;
			font-weight: 600;
			line-height: 40px;
			padding-bottom: 16px;
			/* 125% */
		}

		p {
			color: #FFF;
			font-size: 18px;
			font-style: normal;
			font-weight: 400;
			line-height: 27px;
			display: flex;
			width: 80%;
			margin: auto;

			@media screen and (max-width:768px) {
				width: 100%;
			}
		}
	}
}

.sec-case-studies {
	background: linear-gradient(90deg, #EEF6FF 0%, #FEFDFF 50%, #EEF6FF 100%), #FFF;

	.row {
		.col {
			.col-inner {
				.box {
					border: 2px solid #F5FBFF;
					background: #fff;

					.box-text {
						padding: 24px;
						vertical-align: top;

						.category {
							color: #3E9BDB;
							font-size: 14px;
							font-style: normal;
							font-weight: 500;
							line-height: 21px;
							margin-bottom: 12px;
							/* 150% */
						}

						.title-case-studies {
							h4 {

								a {
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 2;
									align-self: stretch;
									overflow: hidden;
									color: #1F4D6D;
									text-overflow: ellipsis;
									font-size: 20px;
									font-style: normal;
									font-weight: 600;
									line-height: 30px;
									margin-bottom: 12px;
									/* 150% */
									&:hover {
										text-decoration-line: underline;
										text-decoration-style: solid;
										text-decoration-skip-ink: auto;
										text-decoration-thickness: auto;
										text-underline-offset: auto;
										text-underline-position: from-font;
									}
								}

							}
						}

						.des-case-studies {
							p {
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 2;
								align-self: stretch;
								overflow: hidden;
								color: #323232;
								text-overflow: ellipsis;
								font-size: 16px;
								font-weight: 400;
								line-height: 24px;
								/* 150% */
							}
						}
					}

					&:hover {
						cursor: pointer;
					}
				}
			}
		}
	}
}

.sec-pro-one {
	background: #0A1924;
}

.content-title {
	h1 {
		margin-bottom: 24px;
		font-size: 32px;
		font-weight: 600;
		line-height: 40px;
		background: linear-gradient(180deg, #F4FAFF 41.53%, #5CBDFF 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	h4 {
		color: #FFF;
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 27px;
		margin-bottom: 10px;

		&:last-of-type {
			margin-bottom: 0;
		}
	}

	p {
		color: #FFF;
		font-size: 18px;
		font-weight: 400;
		line-height: 27px;
		margin-bottom: 24px;
		margin-top: 24px;

		p:last-of-type {
			margin-top: 0;
		}
	}
}

.content-sub-title {
	h3 {
		color: #3E9BDB;
		font-size: 24px;
		font-weight: 600;
		line-height: 30px;
		margin-bottom: 12px;
		/* 125% */
	}

	p {
		color: #323232;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 40px;
		/* 150% */
	}
}

.content-des {
	border-radius: 8px;
	background: #1F4D6D;
	padding: 24px;

	li {
		color: #FFF;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 8px;
	}
}

.content-des-solution {
	h3 {
		color: #1F4D6D;
		font-size: 20px;
		font-weight: 600;
		line-height: 30px;
		margin-top: 40px;
	}

	p {
		color: #323232;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		/* 150% */
		margin: 12px 0;

		p:last-of-type {
			margin-bottom: 40px;
		}
	}

	li {
		color: #323232;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 8px;
	}
}
.p-40 {
	padding: 40px 0;
}

.custom-menu {
	display: flex;
	align-items: center;
	justify-content: center !important;
	flex-direction: row !important;
	width: 100%;
	padding: 12px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #1F4D6D;
	background: #1F4D6D;

	.ux-menu-link {
		display: flex;
		padding: 4px;
		justify-content: center;
		align-items: center;
		flex: 1 0 0;
		border-radius: 8px;
		transition: all 0.25s;

		a {
			border-bottom: 0;
			align-items: center;
			justify-content: center;

			span {
				color: #FFF;
				text-align: center;
				font-size: 18px;
				font-weight: 600;
				line-height: 27px;
				/* 150% */
			}
		}

		&:hover {
			border-radius: 8px;
			border: 1px solid #3E9BDB;
			background: #3E9BDB;
			transition: all 0.25s;

		}
	}
	@media screen and (max-width:767px) {
		display: none!important;
	}
}

.sec-pro-one {
	.row {
		.col {
			.col-inner {}
		}
	}
}