:root {
	--transition-linear: .3s linear;
	--transition-image-filter: filter var(--transition-linear);
	--transition-opacity: opacity var(--transition-linear);
	--transition-color: color var(--transition-linear);
	--transition-background-color: background-color var(--transition-linear);
	--transition-all: all var(--transition-linear);
	--transition-border: border var(--transition-linear);
	--transition: all 0.4s ease-in-out;
}



.aios-roadmaps-default-wrapper {}



/* Headings  Default */
.aios-roadmaps-default-wrapper .aios-roadmaps-default-headings {
	display: flex;
	flex-flow: row wrap;
	font-size: 16px;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-headings .aios-roadmaps-headings-lists{
	width: calc(100% / 6);
	padding: 0.156vw;
}


#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings a {
	color: var(--aios-roadmaps-primary-color);
	text-transform: uppercase;
	text-align: center;
	line-height: 1.3;
	border: 1px solid transparent;
	transition: var(--transition);
	font-size: max(0.6vw, 16px);
	display: block;
	height: 100%;
	width: 100%;
	padding: 1vw;
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings a .aios-roadmaps-font-icon{
	width: 100%;
	margin-bottom: 0.3vw;
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings a .aios-roadmaps-image-icon{
	width: 100%;
	margin-bottom: 0.3vw;
}
	#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings a .aios-roadmaps-image-icon canvas{
		background-color: var(--aios-roadmaps-primary-color);
		-webkit-mask-size: auto 100%;
		-webkit-mask-repeat: no-repeat;
		width: 100%;
		-webkit-mask-position: center;
		height: max(2.813vw, 45px);
	}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings .aios-roadmaps-headings-lists:hover a,
#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings .aios-roadmaps-current a {
	border-color: var(--aios-roadmaps-hover-color);
	color: var(--aios-roadmaps-hover-color);
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings a i {
	display: block;
	width: 100%;
	height: max(2.813vw, 45px);
	transition: var(--transition);
	color: var(--aios-roadmaps-primary-color);
	font-style: normal;
	font-size: max(2.813vw, 45px);
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings .aios-roadmaps-headings-lists:hover a i,
#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings .aios-roadmaps-current a i {
	color: var(--aios-roadmaps-hover-color);
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-headings a span {
	display: block;
}

/* Headings  Default */
/* Title */
.aios-roadmaps-default-wrapper .aios-roadmaps-default-title {
	padding: 1vw 0;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-title h1 {}

/* Title */

/* Content */

#content-sidebar.content-force-full-width,
#content-sidebar.content-force-full-width #content{
	width: 100%;
}
.aios-roadmaps-default-wrapper .aios-roadmaps-default-content {}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-content img {
	float: right;
	padding-left: 5%;
	padding-bottom: 4%;
	display: block;
	width: 50%;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-content table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	font-weight: 600;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-content td,
.aios-roadmaps-default-wrapper .aios-roadmaps-default-content th {
	padding: 8px;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-content tr:nth-child(odd) {
	background-color: #e8e8e8;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-content tr:hover {
	background-color: #ddd;
}

.aios-roadmaps-default-wrapper .aios-roadmaps-default-content th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #04AA6D;
	color: white;
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-content ul.aios-roadmaps-lists-col {
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 0 19px;
}

#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-content ul.aios-roadmaps-lists-col li {
	padding: 0 19px;
	width: calc(100% / 3);
}


/* Content */

/* Pagination */
#content .aios-roadmaps-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2vw;
}

#content .aios-roadmaps-pagination div {
	padding: 0.5vw 2vw;
}

#content .aios-roadmaps-pagination a:first-child {
	border-right: 1px solid #c8c8c8;
}

#content .aios-roadmaps-pagination a {
	color: #474747;
	text-transform: uppercase;
	font-size: 16px;
	display: flex;
	align-items: center;
	font-weight: 600;
	padding: 0 2vw;
}

#content .aios-roadmaps-pagination a.aios-roadmaps-prev {}
#content .aios-roadmaps-pagination a.aios-roadmaps-prev.no-broder{
	border-right: none;
}
#content .aios-roadmaps-pagination a.aios-roadmaps-prev::before {
	display: block;
	content: "";
	width: 53px;
	height: 17px;
	-webkit-mask-image: url(../images/arrow-prev.png);
	mask-image: url(../images/arrow-prev.png);
	background: #474747;
	margin-right: 1vw;
}

#content .aios-roadmaps-pagination a.aios-roadmaps-next {}

#content .aios-roadmaps-pagination a.aios-roadmaps-next::after {
	display: block;
	content: "";
	width: 53px;
	height: 17px;
	-webkit-mask-image: url(../images/arrow-next.png);
	mask-image: url(../images/arrow-next.png);
	background: #474747;
	margin-left: 1vw;
}

#content .aios-roadmaps-pagination a.aios-roadmaps-prev[href="#"],
#content .aios-roadmaps-pagination a.aios-roadmaps-next[href="#"]{
	display: none;
}
/* Pagination */

/* CTA */
.aios-roadmaps-cta {
	display: flex;
	margin-left: calc((100vw - 1170px) / -2);
	margin-right: calc((100vw - 1170px) / -2);
}

.aios-roadmaps-cta .aios-roadmaps-cta-list {
	width: calc(100% / 2);
}

.aios-roadmaps-cta .aios-roadmaps-cta-list a {
	display: block;
	overflow: hidden;
	position: relative;
	color: #fff;
}

.aios-roadmaps-cta .aios-roadmaps-cta-list a::after {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--aios-roadmaps-hover-color);
	z-index: 10;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}

.aios-roadmaps-cta .aios-roadmaps-cta-list canvas {
	display: block;
	width: 100%;
}

.aios-roadmaps-cta .aios-roadmaps-cta-list img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	left: 0;
	top: 0;
	transition: var(--transition);
}

.aios-roadmaps-cta .aios-roadmaps-cta-list a:hover img {
	transform: scale(1.2);
}

.aios-roadmaps-cta .aios-roadmaps-cta-list .aios-roadmaps-cta-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.aios-roadmaps-cta .aios-roadmaps-cta-list .aios-roadmaps-cta-text h3 {
	font-size: max(3vw, 48px);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-align: center;
	line-height: 1;
}

.aios-roadmaps-cta .aios-roadmaps-cta-list .aios-roadmaps-cta-text h3 span {
	display: block;
	font-size: max(1.5vw, 24px);
	letter-spacing: 0.1em;
}

.aios-roadmaps-cta .aios-roadmaps-cta-list .aios-roadmaps-cta-text em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max(14.438vw, 231px);
	border: 1px solid #fff;
	height: max(4.688vw, 75px);
	letter-spacing: 0.1em;
	font-size: max(1vw, 16px);
	font-style: normal;
	text-transform: uppercase;
	transition: var(--transition);
	margin: 1vw auto;
}

.aios-roadmaps-cta .aios-roadmaps-cta-list a:hover .aios-roadmaps-cta-text em {
	background: #fff;
	color: #000;
}

/* CTA */
@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {

	.aios-roadmaps-default-wrapper .aios-roadmaps-default-content img {
		float: none;
		padding: 0;
		width: 100%;
	}

	.aios-roadmaps-default-wrapper .aios-roadmaps-default-headings div {
		width: calc(100% / 3);
	}

	#content .aios-roadmaps-default-wrapper .aios-roadmaps-default-content ul.aios-roadmaps-lists-col li {
		width: 100%;
	}

	.aios-roadmaps-default-wrapper .aios-roadmaps-cta {
		flex-flow: column;
	}

	.aios-roadmaps-default-wrapper .aios-roadmaps-cta .aios-roadmaps-cta-list {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.aios-roadmaps-default-wrapper .aios-roadmaps-default-headings {
		flex-flow: column;
	}

	.aios-roadmaps-default-wrapper .aios-roadmaps-default-headings .aios-roadmaps-headings-lists{
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}

	.aios-roadmaps-default-wrapper .aios-roadmaps-default-content table {
		font-size: 9px;
		table-layout: fixed;
	}

	.aios-roadmaps-default-wrapper .aios-roadmaps-default-content td,
	.aios-roadmaps-default-wrapper .aios-roadmaps-default-content th {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}