// Help And Faq section Styling Here
.help-and-faq-section {
	margin-top: 120px;

	&.style-01 {
		margin: 90px 0px 90px;
	}

	&.style-02 {
		margin-top: 105px;
	}
}

.help-single-item {

	&.style-01 {
		.content {
			.title {
				padding-bottom: 0px;
				margin-bottom: 4px;

				&::before {
					display: none;
				}
			}

			p {
				margin-bottom: 20px;
			}
		}
	}

	.content {
		.title {
			font-size: 40px;
			line-height: 1.35;
			font-weight: 700;
			margin-bottom: 0;
			position: relative;
			z-index: 0;
			padding-bottom: 25px;
			margin-bottom: 25px;

			&::before {
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				height: 1px;
				width: 26%;
				background: var(--main-color-one);
			}
		}

		p {
			font-size: 16px;
			line-height: 1.8;
			font-weight: 400;
			color: #505050;
			margin-bottom: 25px;
		}
	}
}

.icon-box-item-02 {
	display: flex;
	align-items: center;
	background: #EFEFF7;
	padding: 20px;
	margin-bottom: 30px;
	transition: .3s all ease;

	&:hover {
		background: $white;
		filter: drop-shadow(0px 3px 30px rgba(0, 0, 0, 0.12));

		.icon {
			background: #000792;
			color: $white;
		}
	}

	.icon {
		width: 60px;
		height: 60px;
		line-height: 56px;
		text-align: center;
		background: rgba(0, 7, 146, 0.05);
		border-radius: 50%;
		font-size: 30px;
		color: #000792;
		transition: .3s all ease;
	}

	.content {
		margin-left: 20px;
		flex: 1;

		.title {
			font-size: 18px;
			line-height: 1.5;
			font-family: var(--body-font);
			font-weight: 700;
			color: #292929;
		}

		p {
			font-size: 16px;
			line-height: 1.7;
			font-weight: 400;
			font-family: var(--body-font);
			color: #6B6B6B;
			margin-bottom: 0px;
		}
	}
}