.iconsidebar-block {
position: relative;
padding: 90px 0;
overflow: hidden;
}
.texticon-header {
border-bottom: 1px solid #E9EEF4;
padding: 0 0 20px 0;
margin: 0 0 30px 0;
}

.iconsidebar {
display: flex;
flex-direction: row-reverse;
}
.iconsidebar-article {
flex: 0 0 66.666%;
}
.iconsidebar-aside {
flex: 0 0 33.333%;
box-sizing: border-box;
padding: 0 5% 0 0;
text-align: center;
}

.iconsidebar-iconbox {
position: relative;
padding: 30px;
}
.iconsidebar-iconbox:not(:first-child) {
padding-top: 35px;
}
.iconsidebar-iconbox:not(:last-child):after {
content: '';
height: 0;
width: 0;
position: absolute;
left: 50%;
bottom: -40px;
margin-left: -20px;
border: 20px solid transparent;
border-top-color: transparent;
z-index: 2;
}
.iconsidebar-iconbox.light-grey-accent-bg-color:after {
border-top-color: #e9eef4;
}
.iconsidebar-iconbox.navy-bg-color:after {
border-top-color: #002A42;
}
.iconsidebar-iconbox.cobalt-bg-color:after {
border-top-color: #215BEA;
}
.iconsidebar-iconbox.magenta-bg-color:after {
border-top-color: #cc004a;
}
.iconsidebar-iconbox.green-bg-color:after {
border-top-color: #00804a;
}
.iconsidebar-iconbox.orange-bg-color:after {
border-top-color: #ff9a3d;
}
.iconsidebar-iconbox.yellow-bg-color:after {
border-top-color: #fbcb21;
}

.iconsidebar-iconbox figure {
display: flex;
align-items: center;
width: 50px;
height: 50px;
text-align: center;
margin: 0 auto 20px auto;
}
.iconsidebar-iconbox figure img {
max-width: 50px;
max-height: 50px;
display: block;
margin: 0 auto;
}
.iconsidebar-iconbox h4 {
margin-bottom: 15px;
}
.iconsidebar-iconbox p:last-child {
margin: 0;
}

@media screen and (min-width: 1024px) {
	.iconsidebar-block .sticky-element.stickytop {
	position: fixed;
	top: 80px;
	left: auto;
	width: calc(90% - 64.5%); /* Not relative to container, so mimick organic width here */
	max-width: 408px;
	}
	.iconsidebar-block .sticky-element.stickybottom {
	position: absolute;
	top: auto;
	bottom: 90px;
	width: 28.333%; /* Relative to container, so match organic width here (33.33% minus 5% padding) */
	}
}

@media screen and (max-width: 1023px) {
	.iconsidebar {
	flex-wrap: wrap;
	flex-direction: column-reverse;
	}
	.iconsidebar-article {
	flex: 1 1 auto;
	}
	.iconsidebar-aside {
	flex: 1 1 auto;
	padding: 0 0 40px 0;
	}
	.iconsidebar-block .sticky-element.stickytop {
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	max-width: none;
	}
	.iconsidebar-block .sticky-element.stickybottom {
	position: relative;
	top: auto;
	bottom: auto;
	width: auto;
	}
}
@media screen and (max-width: 767px) {
	.iconsidebar-block {
	padding: 60px 0;
	}
}