.our-process-section {
	background: var(--charcoal);
}

.our-process-section.transparent_bg {
	background: transparent;
}

.our-process-section .container {
	max-width: 1280px;
}

.our-process-section .process_section_title {
	margin-bottom: 30px;
}

.our-process-section .title-wrapper {
	text-align: center;
}

.our-process-section .title-wrapper .title {
	margin-bottom: 10px;
}

.our-process-section span.sub-title {
	border: 1px solid rgba(255, 255, 255, .24);
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

.our-process-section.transparent_bg span.sub-title {
	color: #9F5639;
	background: rgba(159, 86, 57, 0.08);
	border: 1px solid rgba(159, 86, 57, 0.24);
}

.our-process-section h2 {
	font-family: "Liberation Sans";
	font-weight: 700;
	font-size: 42px;
	line-height: 44.1px;
	color: var(--white);
	margin: 0;
}

.our-process-section.transparent_bg h2 {
	color: #171514;
}

.our-process-section .title-wrapper .section-text p {
	font-family: "Liberation Sans";
	font-weight: 400;
	font-size: 16px;
	line-height: 27.2px;
	color: rgba(255, 255, 255, 0.68);
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.our-process-section.transparent_bg .title-wrapper .section-text p {
	color: var(--muted);
}

.process-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px -20px -10px;
	justify-content: center;
	counter-reset: process-counter;
}

.process-wrapper .process-col {
	width: 33.33%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.our-process-section.show_4column .process-wrapper .process-col {
	width: 25%;
}

.process-item {
	position: relative;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid #FFFFFF1F;
	border-radius: 26px;
	height: 100%;
	padding: 20px;
}

.our-process-section.transparent_bg .process-item {
	background: rgba(159, 86, 57, 0.10);
	border: 1px solid rgba(159, 86, 57, 0.20);
}

.process-icon {
	width: 56px;
	height: 56px;
	border-radius: 17px;
	background: var(--rust);
	display: grid;
	place-items: center;
	margin-bottom: 20px;
}

.process-icon svg,
.process-icon img {
	display: block;
	width: 35px;
	height: 35px;
	object-fit: contain;
	object-position: center;
}

.process-icon svg path {
	fill: #fff;
}

.process-item h3 {
	font-family: 'Liberation Sans';
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: var(--white);
	margin-bottom: 10px;
}

.our-process-section.transparent_bg .process-item h3 {
	color: #171514;
}

.process-item p {
	font-family: 'Liberation Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 26.4px;
	color: rgba(255, 255, 255, 0.68);
}

.our-process-section.transparent_bg .process-item p {
	color: rgba(118, 108, 96, 0.68);
}

.process-item::after {
	counter-increment: process-counter;
	content: counter(process-counter, decimal-leading-zero);
	position: absolute;
	top: 15px;
	right: 15px;
	font-family: 'Liberation Sans';
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	color: rgba(255, 255, 255, 0.10);
	-webkit-text-stroke: 1px #f0e4d329;
}

.our-process-section.transparent_bg .process-item::after {
	color: rgba(159, 86, 57, 0.10);
}

@media (min-width: 991px) and (max-width: 1046px) {
  
.process-item h3 {
	height: 56px;
}
}
@media (max-width: 1199px) {
	.our-process-section .process_section_title {
		margin-bottom: 25px;
	}

	.our-process-section h2 {
		font-size: 36px;
		line-height: 38.1px;
	}

	.our-process-section .title-wrapper .section-text p {
		line-height: 24px;
	}

	.process-item {
		padding: 15px;
	}

	.process-icon {
		width: 50px;
		height: 50px;
		margin-bottom: 18px;
	}

	.process-icon svg,
	.process-icon img {
		width: 30px;
		height: 30px;
	}

	.process-item h3 {
		font-size: 22px;
		line-height: 28px;
	}

	.process-item p {
		line-height: 24px;
	}

	.process-item::after {
		font-size: 50px;
		line-height: 50px;
	}
}

@media (max-width: 991px) {
	.our-process-section .process_section_title {
		margin-bottom: 20px;
	}

	.our-process-section h2 {
		font-size: 30px;
		line-height: 32.1px;
	}

	.process-wrapper .process-col,
	.our-process-section.show_4column .process-wrapper .process-col {
		width: 50%;
	}

	.process-icon {
		width: 45px;
		height: 45px;
		margin-bottom: 15px;
	}

	.process-icon svg,
	.process-icon img {
		width: 25px;
		height: 25px;
	}

	.process-item h3 {
		font-size: 20px;
		line-height: 26px;
	}

	.process-item::after {
		font-size: 40px;
		line-height: 40px;
	}
}

@media (max-width: 767px) {
	.our-process-section .process_section_title {
		margin-bottom: 15px;
	}

	.our-process-section h2 {
		font-size: 26px;
		line-height: 28.1px;
	}

	.our-process-section .title-wrapper .section-text p {
		font-size: 15px;
		line-height: 22px;
	}

	.process-wrapper {
		margin: 0 0 -20px 0;
	}

	.process-wrapper .process-col,
	.our-process-section.show_4column .process-wrapper .process-col {
		width: 100%;
		padding: 0;
	}

	.process-icon {
		border-radius: 10px;
		width: 40px;
		height: 40px;
		margin-bottom: 12px;
	}

	.process-icon svg,
	.process-icon img {
		width: 20px;
		height: 20px;
	}

	.process-item h3 {
		font-size: 18px;
		line-height: 24px;
	}

	.process-item p {
		font-size: 15px;
		line-height: 22px;
	}

	.process-item::after {
		font-size: 30px;
		line-height: 30px;
		top: 10px;
		right: 10px;
	}
}