section.icon-list-alt {
	margin: 0;
}

section.icon-list-alt .row{
	display:flex;
	justify-content:space-between;
	margin:0;
}

section.icon-list-alt .image {
	padding-bottom: 56%;
	background-size: cover;
	position: relative;
	width: 100%;
	background-position:center;
}

section.icon-list-alt .item {
	width: 32.333%;
	background: #fff;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius:12px;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
	position:relative;
	overflow:hidden;
}

section.icon-list-alt .item .icon {
	width: 60px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(/application/themes/aurora/assets/tartan-pattern.png);
	/* border-radius: 0 0 50% 50%; */
	font-size: 24px;
	margin-bottom: 10px;
	color: #fff;
	position: absolute;
	top: -4px;
	right: 15px;
	z-index: 10;
	background-size: 64px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
}

section.icon-list-alt .item .icon span{
	margin-bottom: 0.25em;
}

section.icon-list-alt .item .info{
	position:relative;
	padding: 40px;
}



section.icon-list-alt .item .info h5{
	max-width:calc(100% - 45px);
	text-wrap:balance;
}

section.icon-list-alt .item .info p.text{
	font-weight:500;
}
@media screen and (max-width:1200px){
	section.icon-list-alt .item{
		min-height:180px;
	}
	section.icon-list-alt .item .info {
		padding: 40px 20px 20px 20px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}
}

@media screen and (max-width:1100px){
	section.icon-list-alt .item{
		width:100%;
		flex-direction:row;
		margin:10px 0;
	}
	section.icon-list-alt .image{
		flex: 0 0 30%;
		height:100%;
		padding:0;
	}
}

@media screen and (max-width:760px){
	section.icon-list-alt .image{
		flex: 0 0 200px;
	}
}

@media screen and (max-width:640px){
	section.icon-list-alt .image{
		display:none;
	}
}
/* ORDERED STEPS */

section.ordered-steps {
	margin: 0;
}

section.ordered-steps .steps-wrapper {
	margin: 60px 0 0 0;
}

section.ordered-steps .steps-wrapper ol {
	list-style: none;
	display: flex;
	flex-wrap:wrap;
	gap: 30px;
	padding: 0;
	margin: 0;
}

section.ordered-steps .steps-wrapper ol li {
	border-radius: 12px;
	position: relative;
	width: calc(33.333% - 20px);
	filter: drop-shadow(0 4px 12px rgba(0,0,0,0.1));
	background: #fff;
}

section.ordered-steps .steps-wrapper ol li card {
	width: 100%;
	display: flex;
	flex-direction: column;
}

section.ordered-steps .steps-wrapper ol li:after{
	content: '';
	position: absolute;
	background: #fff;
}
section.ordered-steps .steps-wrapper ol li:after {
	right: 0;
	top: 50%;
	width: 15px;
	height: 45px;
	clip-path:polygon(0 0, 100% 50%, 0 100%);
	transform: translate(100%, -50%);
}

section.ordered-steps .steps-wrapper ol li:last-of-type:after{
	display:none;
}

section.ordered-steps .steps-wrapper ol li .counter {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: var(--accent-green);
	border-radius: 50% 50% 0 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5em;
	font-weight: 700;
	transform: translate(-25%,-25%);
	border: 6px solid #fff;
}

section.ordered-steps .steps-wrapper li .image {
	background-size: cover;
	padding-bottom: 50%;
	border-radius: 8px 8px 0 0;
	margin:4px;
}

section.ordered-steps .steps-wrapper li .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
	gap: 5px;
	position: relative;
}

section.ordered-steps .steps-wrapper li .info p,
section.ordered-steps .steps-wrapper li .info h5{
	margin:0;
}

section.ordered-steps .steps-wrapper li .info p{
	font-weight:500;
	line-height:1.5em;
}

section.ordered-steps .steps-wrapper li .info i{
	font-size: 2.25em;
	color: var(--accent-green);
}

@media screen and (max-width:1250px){
	section.ordered-steps .steps-wrapper li .info{
		padding:30px;
	}
}

@media screen and (max-width:1060px){
	section.ordered-steps .steps-wrapper ol li{
		width:calc(50% - 15px);
	}

}

@media screen and (max-width:700px){
	section.ordered-steps .steps-wrapper li .info{
		padding:20px;
	}
}

@media screen and (max-width:640px){
	section.ordered-steps .steps-wrapper ol li{
		width:100%;
	}
	section.ordered-steps .steps-wrapper ol li:after {
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		top: initial;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,100%);
		width: 40px;
		height: 15px;
	}

}