//faq content style
.faq_content {
	position: relative;

	.card-header {
		padding: 0;
		background-color: transparent;
		line-height: 18px;
		border-bottom: 0;

		.btn {
			border: none;
			padding: 20px 45px	20px 30px;
			font-size: 18px;
			font-weight: 600;
			display: block;
			width: 100%;
			text-align: left;
            text-decoration: none;


            &:hover {
                color: $color__theme;
            }

			&:after {
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				content: "\f068";
				transition: 0.5s;
				color: $color__theme;
				font-size: 14px;
				position: absolute;
				right: 30px;
				top: 24px;
			}

			&.collapsed {
				&:after {
					content: "\f067";
					color: $color__heading;
				}
			}

			&.collapsed {
				color: $color__heading;
				background: transparent;
			}
		}
	}

	.card {
		border: 2px solid #dee2e6;
		border-radius: 15px;

		&:not(:last-child) {
			margin-bottom: 15px;
		}

		&.active {
			.card-header .btn {
				color: $color__theme;
			}
		}
	}

	.card-body {
		padding: 0 1.5rem 1.5rem 1.5rem;
		font-size: 16px;
	}
}

.btn-link:hover {
	text-decoration: none;
}

.elementor-widget-tt-faq-list {
	.tt-faq-list {
		&:not(:last-child) {
			margin-bottom: 53px;
		}
	}
}

.tt-faq-list {
	&.left-icon {
		display: flex;

		.tt-faq-list__title {
			font-size: 18px;
		}
	}

	&__title {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 8px;
		line-height: 1.3;

		@media(max-width: 767px) {
			font-size: 18px;
		}

	}

	&__number {
		color: $color__theme;
		margin-right: 5px;
		font-size: 1.75rem;

		@media(max-width: 767px) {
			font-size: 1.5rem;
		}
	}

	i {
		margin-right: 10px;
		font-size: 22px;
		color: $color__theme;
		width: 30px;
		text-align: left;
	}

	&__answer {
		margin-bottom: 0;
	}
}


.quiety-accordion {
	.accordion-item {
		border: 2px solid #dee2e6;
		border-radius: 15px;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
	}

	.accordion-button {
		padding: 20px 30px;
		font-size: 18px;
		font-weight: 600;
		border: 0;
		text-align: left;
		text-decoration: none;
		background-color: transparent;

		.accordion__icon-container {
			margin-right: 10px;
		}

		&:focus {
			box-shadow: none;
		}

		&:after {
			background-image: none;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			content: "\f067";
			transition: 0.5s;
			color: $color__heading;
			text-align: right;
			font-size: 14px;
			position: absolute;
			right: 30px;
			top: 50%;
			transform: translateY(-50%);
		}

		&:not(.collapsed) {
			color: $color__theme;
			background-color: transparent;
			box-shadow: none;

			&:after {
				content: "\f068";
				color: $color__theme;
				background-image: none;
				transform: translateY(-50%) rotate(0);
			}
		}
	}

	.accordion-body {
		padding: 0 1.5rem 1.5rem 1.5rem;
	}
}