.service {
	.service-wrapper {
		direction: rtl;
		margin-top: 100px;
		margin-left: 100px;
		margin-right: 100px;

		@media (max-width: 576px) {
			margin: 60px auto;
		}

		h3 {
			margin-bottom: 75px;
			font-size: 25px;
			text-align: center;
			color: #455464;
			font-weight: bold;

			@media (max-width: 576px) {
				font-size: 16px;
				margin-bottom: 0;
			}
		}
	}
	.service-icon {
		cursor: pointer;
	}

	.service-cover {
		background-image: url('/assets/images/cover.jpg');
		width: 370px;
		height: 500px;

		@media (max-width: 576px) {
			width: 324px;
			height: 420px;
			background-size: cover;
			margin: 30px auto 0;
		}
	}

	.service-item {
		text-align: center;
		margin-top: 45px;

		a {
			text-decoration: none;
		}

		div {
			width: 60px;
			height: 50px;
			background: #ededed;
			box-shadow: 0px 4px 10px rgba(83, 83, 83, 0.15);
			border-radius: 12px;
			margin: 0 auto 25px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		span {
			display: flex;
			justify-content: center;
			font-size: 14px;
			font-weight: bold;
			color: #546e7a;
			padding: 0 15px;
			cursor: pointer;
		}
	}
}