@font-face {
	font-family: "Geist";
	src: url("../../assets/fonts/Geist-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geist";
	src: url("../../assets/fonts/Geist-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geist";
	src: url("../../assets/fonts/Geist-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geist";
	src: url("../../assets/fonts/Geist-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

.directorist-features {
	position: relative;
	left: 50%;
	width: 100%;
	width: 100vw;
	margin: 0;
	margin-left: -50vw;
	padding: var(--directorist-features-padding, 80px 108px);
	background: var(--directorist-features-bg, #fbfbfe);
	font-family: "Geist", sans-serif;
	box-sizing: border-box;
}

.directorist-features.alignfull {
	left: auto;
	width: 100%;
	margin-left: 0;
}

.directorist-features *,
.directorist-features *::before,
.directorist-features *::after {
	box-sizing: border-box;
}

.directorist-features__inner {
	display: flex;
	width: var(--directorist-features-max, 1224px);
	max-width: 100%;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;
	gap: var(--directorist-features-gap, 48px);
}

.directorist-features__text-block {
	width: 100%;
	max-width: 1216px;
	text-align: center;
}

.directorist-features__heading {
	width: 100%;
	margin: 0 0 var(--directorist-features-heading-margin, 24px);
	padding: var(--directorist-features-heading-padding, 0);
	color: var(--directorist-features-heading-color, #151826);
	font-family: "Geist", sans-serif;
	font-size: var(--directorist-features-heading-size, 40px);
	font-weight: var(--directorist-features-heading-weight, 700);
	line-height: var(--directorist-features-heading-line, 1.2);
	letter-spacing: 0;
	text-align: center;
	word-break: break-word;
}

.directorist-features__subheading {
	width: min(100%, var(--directorist-features-subheading-max, 830px));
	margin: 0 auto;
	padding: var(--directorist-features-subheading-padding, 0);
	color: var(--directorist-features-subheading-color, #5c637e);
	font-family: "Geist", sans-serif;
	font-size: var(--directorist-features-subheading-size, 20px);
	font-weight: var(--directorist-features-subheading-weight, 400);
	line-height: var(--directorist-features-subheading-line, 1.4);
	letter-spacing: 0;
	text-align: center;
	white-space: normal;
	word-break: break-word;
}

.directorist-features__grid {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--directorist-features-grid-gap, 24px);
	align-items: stretch;
}

.directorist-features__card {
	display: flex;
	min-width: 0;
	min-height: 320px;
	margin: 0;
	padding: var(--directorist-features-card-padding, 33px 21px);
	flex-direction: column;
	align-items: center;
	gap: var(--directorist-features-card-gap, 16px);
	align-self: stretch;
	border: var(--directorist-features-card-border-width, 1px) solid
		var(--directorist-features-card-border, #f8f9fa);
	border-radius: var(--directorist-features-card-radius, 16px);
	background: var(--directorist-features-card-bg, #fff);
	box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.05);
}

.directorist-features__card-header {
	display: flex;
	width: 100%;
	min-height: var(--directorist-features-icon-box, 60px);
	align-items: center;
	gap: var(--directorist-features-header-gap, 16px);
}

.directorist-features__icon-box {
	display: inline-flex;
	width: var(--directorist-features-icon-box, 60px);
	height: var(--directorist-features-icon-box, 60px);
	flex: 0 0 var(--directorist-features-icon-box, 60px);
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: var(--directorist-features-icon-radius, 10px);
	background: var(--directorist-features-icon-bg, #eeefff);
}

.directorist-features__icon {
	display: block;
	width: var(--directorist-features-icon-size, 36px);
	height: var(--directorist-features-icon-size, 36px);
	object-fit: contain;
}

.directorist-features__icon-box--full {
	background: transparent;
}

.directorist-features__icon--full {
	width: 100%;
	height: 100%;
}

.directorist-features__card-title {
	min-width: 0;
	margin: 0;
	color: var(--directorist-features-title-color, #151826);
	font-family: "Geist", sans-serif;
	font-size: var(--directorist-features-title-size, 20px);
	font-weight: var(--directorist-features-title-weight, 600);
	line-height: var(--directorist-features-title-line, 1.4);
	letter-spacing: 0;
	word-break: break-word;
}

.directorist-features__list {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--directorist-features-list-gap, 12px);
	list-style: none;
}

.directorist-features__item {
	display: flex;
	width: 100%;
	min-width: 0;
	align-items: flex-start;
	gap: var(--directorist-features-item-gap, 8px);
}

.directorist-features__check-box {
	position: relative;
	display: inline-block;
	width: var(--directorist-features-check-size, 24px);
	height: var(--directorist-features-check-size, 24px);
	flex: 0 0 var(--directorist-features-check-size, 24px);
	overflow: hidden;
}

.directorist-features__check {
	position: absolute;
	top: 26.04%;
	right: 17.71%;
	bottom: 29.13%;
	left: 17.71%;
	display: block;
	width: 64.58%;
	height: 44.83%;
	max-width: none;
	object-fit: contain;
}

.directorist-features__item-text {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: var(--directorist-features-item-color, #151826);
	font-family: "Geist", sans-serif;
	font-size: var(--directorist-features-item-size, 16px);
	font-weight: var(--directorist-features-item-weight, 500);
	line-height: var(--directorist-features-item-line, 1.6);
	letter-spacing: 0;
	word-break: break-word;
}

@media (max-width: 1199px) {
	.directorist-features {
		padding: var(--directorist-features-padding-tablet, 80px 48px);
	}

	.directorist-features__inner {
		width: var(--directorist-features-max-tablet, var(--directorist-features-max, 1224px));
		gap: var(--directorist-features-gap-tablet, var(--directorist-features-gap, 48px));
	}

	.directorist-features__heading {
		margin-bottom: var(--directorist-features-heading-margin-tablet, var(--directorist-features-heading-margin, 24px));
		padding: var(--directorist-features-heading-padding-tablet, var(--directorist-features-heading-padding, 0));
		color: var(--directorist-features-heading-color-tablet, var(--directorist-features-heading-color, #151826));
		font-size: var(--directorist-features-heading-size-tablet, var(--directorist-features-heading-size, 40px));
		font-weight: var(--directorist-features-heading-weight-tablet, var(--directorist-features-heading-weight, 700));
		line-height: var(--directorist-features-heading-line-tablet, var(--directorist-features-heading-line, 1.2));
	}

	.directorist-features__subheading {
		width: min(100%, var(--directorist-features-subheading-max-tablet, var(--directorist-features-subheading-max, 830px)));
		padding: var(--directorist-features-subheading-padding-tablet, var(--directorist-features-subheading-padding, 0));
		color: var(--directorist-features-subheading-color-tablet, var(--directorist-features-subheading-color, #5c637e));
		font-size: var(--directorist-features-subheading-size-tablet, var(--directorist-features-subheading-size, 20px));
		font-weight: var(--directorist-features-subheading-weight-tablet, var(--directorist-features-subheading-weight, 400));
		line-height: var(--directorist-features-subheading-line-tablet, var(--directorist-features-subheading-line, 1.4));
	}

	.directorist-features__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--directorist-features-grid-gap-tablet, var(--directorist-features-grid-gap, 24px));
	}

	.directorist-features__card {
		padding: var(--directorist-features-card-padding-tablet, var(--directorist-features-card-padding, 33px 21px));
		gap: var(--directorist-features-card-gap-tablet, var(--directorist-features-card-gap, 16px));
		border-width: var(--directorist-features-card-border-width-tablet, var(--directorist-features-card-border-width, 1px));
		border-radius: var(--directorist-features-card-radius-tablet, var(--directorist-features-card-radius, 16px));
	}

	.directorist-features__card-header {
		min-height: var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px));
		gap: var(--directorist-features-header-gap-tablet, var(--directorist-features-header-gap, 16px));
	}

	.directorist-features__icon-box {
		width: var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px));
		height: var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px));
		flex-basis: var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px));
		border-radius: var(--directorist-features-icon-radius-tablet, var(--directorist-features-icon-radius, 10px));
	}

	.directorist-features__icon {
		width: var(--directorist-features-icon-size-tablet, var(--directorist-features-icon-size, 36px));
		height: var(--directorist-features-icon-size-tablet, var(--directorist-features-icon-size, 36px));
	}

	.directorist-features__card-title {
		color: var(--directorist-features-title-color-tablet, var(--directorist-features-title-color, #151826));
		font-size: var(--directorist-features-title-size-tablet, var(--directorist-features-title-size, 20px));
		font-weight: var(--directorist-features-title-weight-tablet, var(--directorist-features-title-weight, 600));
		line-height: var(--directorist-features-title-line-tablet, var(--directorist-features-title-line, 1.4));
	}

	.directorist-features__list {
		gap: var(--directorist-features-list-gap-tablet, var(--directorist-features-list-gap, 12px));
	}

	.directorist-features__item {
		gap: var(--directorist-features-item-gap-tablet, var(--directorist-features-item-gap, 8px));
	}

	.directorist-features__check-box {
		width: var(--directorist-features-check-size-tablet, var(--directorist-features-check-size, 24px));
		height: var(--directorist-features-check-size-tablet, var(--directorist-features-check-size, 24px));
		flex-basis: var(--directorist-features-check-size-tablet, var(--directorist-features-check-size, 24px));
	}

	.directorist-features__item-text {
		color: var(--directorist-features-item-color-tablet, var(--directorist-features-item-color, #151826));
		font-size: var(--directorist-features-item-size-tablet, var(--directorist-features-item-size, 16px));
		font-weight: var(--directorist-features-item-weight-tablet, var(--directorist-features-item-weight, 500));
		line-height: var(--directorist-features-item-line-tablet, var(--directorist-features-item-line, 1.6));
	}
}

@media (max-width: 767px) {
	.directorist-features {
		padding: var(--directorist-features-padding-mobile, var(--directorist-features-padding-tablet, 56px 20px));
	}

	.directorist-features__inner {
		width: var(--directorist-features-max-mobile, var(--directorist-features-max-tablet, var(--directorist-features-max, 1224px)));
		gap: var(--directorist-features-gap-mobile, var(--directorist-features-gap-tablet, 36px));
	}

	.directorist-features__heading {
		margin-bottom: var(--directorist-features-heading-margin-mobile, var(--directorist-features-heading-margin-tablet, var(--directorist-features-heading-margin, 24px)));
		padding: var(--directorist-features-heading-padding-mobile, var(--directorist-features-heading-padding-tablet, var(--directorist-features-heading-padding, 0)));
		color: var(--directorist-features-heading-color-mobile, var(--directorist-features-heading-color-tablet, var(--directorist-features-heading-color, #151826)));
		font-size: var(--directorist-features-heading-size-mobile, min(var(--directorist-features-heading-size-tablet, var(--directorist-features-heading-size, 40px)), 32px));
		font-weight: var(--directorist-features-heading-weight-mobile, var(--directorist-features-heading-weight-tablet, var(--directorist-features-heading-weight, 700)));
		line-height: var(--directorist-features-heading-line-mobile, var(--directorist-features-heading-line-tablet, var(--directorist-features-heading-line, 1.2)));
	}

	.directorist-features__subheading {
		width: min(100%, var(--directorist-features-subheading-max-mobile, var(--directorist-features-subheading-max-tablet, var(--directorist-features-subheading-max, 830px))));
		padding: var(--directorist-features-subheading-padding-mobile, var(--directorist-features-subheading-padding-tablet, var(--directorist-features-subheading-padding, 0)));
		color: var(--directorist-features-subheading-color-mobile, var(--directorist-features-subheading-color-tablet, var(--directorist-features-subheading-color, #5c637e)));
		font-size: var(--directorist-features-subheading-size-mobile, min(var(--directorist-features-subheading-size-tablet, var(--directorist-features-subheading-size, 20px)), 18px));
		font-weight: var(--directorist-features-subheading-weight-mobile, var(--directorist-features-subheading-weight-tablet, var(--directorist-features-subheading-weight, 400)));
		line-height: var(--directorist-features-subheading-line-mobile, var(--directorist-features-subheading-line-tablet, var(--directorist-features-subheading-line, 1.4)));
	}

	.directorist-features__grid {
		grid-template-columns: 1fr;
		gap: var(--directorist-features-grid-gap-mobile, var(--directorist-features-grid-gap-tablet, var(--directorist-features-grid-gap, 24px)));
	}

	.directorist-features__card {
		min-height: 0;
		padding: var(--directorist-features-card-padding-mobile, var(--directorist-features-card-padding-tablet, var(--directorist-features-card-padding, 33px 21px)));
		gap: var(--directorist-features-card-gap-mobile, var(--directorist-features-card-gap-tablet, var(--directorist-features-card-gap, 16px)));
		border-width: var(--directorist-features-card-border-width-mobile, var(--directorist-features-card-border-width-tablet, var(--directorist-features-card-border-width, 1px)));
		border-radius: var(--directorist-features-card-radius-mobile, var(--directorist-features-card-radius-tablet, var(--directorist-features-card-radius, 16px)));
	}

	.directorist-features__card-header {
		min-height: var(--directorist-features-icon-box-mobile, var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px)));
		gap: var(--directorist-features-header-gap-mobile, var(--directorist-features-header-gap-tablet, var(--directorist-features-header-gap, 16px)));
	}

	.directorist-features__icon-box {
		width: var(--directorist-features-icon-box-mobile, var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px)));
		height: var(--directorist-features-icon-box-mobile, var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px)));
		flex-basis: var(--directorist-features-icon-box-mobile, var(--directorist-features-icon-box-tablet, var(--directorist-features-icon-box, 60px)));
		border-radius: var(--directorist-features-icon-radius-mobile, var(--directorist-features-icon-radius-tablet, var(--directorist-features-icon-radius, 10px)));
	}

	.directorist-features__icon {
		width: var(--directorist-features-icon-size-mobile, var(--directorist-features-icon-size-tablet, var(--directorist-features-icon-size, 36px)));
		height: var(--directorist-features-icon-size-mobile, var(--directorist-features-icon-size-tablet, var(--directorist-features-icon-size, 36px)));
	}

	.directorist-features__card-title {
		color: var(--directorist-features-title-color-mobile, var(--directorist-features-title-color-tablet, var(--directorist-features-title-color, #151826)));
		font-size: var(--directorist-features-title-size-mobile, var(--directorist-features-title-size-tablet, var(--directorist-features-title-size, 20px)));
		font-weight: var(--directorist-features-title-weight-mobile, var(--directorist-features-title-weight-tablet, var(--directorist-features-title-weight, 600)));
		line-height: var(--directorist-features-title-line-mobile, var(--directorist-features-title-line-tablet, var(--directorist-features-title-line, 1.4)));
	}

	.directorist-features__list {
		gap: var(--directorist-features-list-gap-mobile, var(--directorist-features-list-gap-tablet, var(--directorist-features-list-gap, 12px)));
	}

	.directorist-features__item {
		gap: var(--directorist-features-item-gap-mobile, var(--directorist-features-item-gap-tablet, var(--directorist-features-item-gap, 8px)));
	}

	.directorist-features__check-box {
		width: var(--directorist-features-check-size-mobile, var(--directorist-features-check-size-tablet, var(--directorist-features-check-size, 24px)));
		height: var(--directorist-features-check-size-mobile, var(--directorist-features-check-size-tablet, var(--directorist-features-check-size, 24px)));
		flex-basis: var(--directorist-features-check-size-mobile, var(--directorist-features-check-size-tablet, var(--directorist-features-check-size, 24px)));
	}

	.directorist-features__item-text {
		color: var(--directorist-features-item-color-mobile, var(--directorist-features-item-color-tablet, var(--directorist-features-item-color, #151826)));
		font-size: var(--directorist-features-item-size-mobile, var(--directorist-features-item-size-tablet, var(--directorist-features-item-size, 16px)));
		font-weight: var(--directorist-features-item-weight-mobile, var(--directorist-features-item-weight-tablet, var(--directorist-features-item-weight, 500)));
		line-height: var(--directorist-features-item-line-mobile, var(--directorist-features-item-line-tablet, var(--directorist-features-item-line, 1.6)));
	}
}