.rise-process{
	margin:auto;
	max-width:970px;
	padding-bottom:100px;
	color:#110045;
	padding:0 15px;
	margin-bottom:100px;
}


.rise-process h3{
	text-align:center;
	color:#3C5F89;
	font-weight: bold;
	font-size: 36px;

}
.rise-process h3 em{
	color:#DD6342;
	font-style: normal;
}

.rise-process ul,
.rise-process li{
	list-style:none;
	padding:0;
	margin:0;
}


.rise-process .process-links {
	width: calc(100% - 400px);
	margin-right:20px;

}

.rise-process .process-links ul{
	display:flex;
	justify-content:center;
	flex-direction: column;

	
}

.rise-process .process-links ul li{
	display:flex;
	padding-left:80px;
	position:relative;
	justify-content:flex-start;
	min-height:50px;
	cursor:pointer;

}
.rise-process .process-links ul li:not(:last-of-type) {
	padding-bottom:50px

}


.rise-process .process-links ul li span{
	padding:15px 20px;
	border-radius:10px;
	color:#110045;
	font-weight: bold;
	font-size: 24px;
	transition: background .3s ease;
}

.rise-process .process-links ul li.active span{
	padding:15px 20px;
	background-color: #B7DEE7;
	border-radius:10px;
	color:#110045;
	font-weight: bold;
	font-size: 24px;
}

.rise-process .process-links ul li:after{
	content:"";
	display:block;
	width: 50px;
	height: 50px;
	border-radius:50%;
	position:absolute;
	border: 5px solid #3C5F89;
	left: 0;
	top: 5px;
}

.rise-process .process-links ul li:not(:last-of-type):before{
	content:"";
	display:block;
	width: 2px;
	position:absolute;
	background-image: url(/wp-content/themes/wp-k12coalition-2025/assets/images/rise-process/dotted-line-vert.svg);
	left: 24px;
	top: 72px;
	bottom:0;
	background-position: 0 -2px;
}



.rise-process .process-details{
	width:410px;
	text-align:center;
	font-size: 18px;
	height:500px;
	height:auto;

}

.rise-process .process-details li{
	background:#B7DEE7;
	padding:15px;
	border-radius:15px;
	overflow: hidden;
}

.rise-process .process-details ul{
	height:100%;
}
.rise-process .process-details img{
	width:100%;
	height:100%;
	object-fit:cover;
}


.rise-process .process-details li .risep-txt{
	padding:20px 0 10px
}
.rise-process .process-details li .risep-img{
		height: 100%;
		
}


.rise-process .process-links ul li.active:nth-child(1):after{
	background-color:#3C5F89;
}



.rise-process .process-links ul li:nth-child(2):after {
	border-color:#75B8C8
}
.rise-process .process-links ul li.active:nth-child(2):after{
	background-color:#75B8C8
}

.rise-process .process-details ul li:nth-child(2) {
	background-color: #d9f0f5;
}

.rise-process .process-links ul li:nth-child(3):after {
	border-color:#FFE07C
}

.rise-process .process-links ul li.active:nth-child(3):after {
	background-color:#FFE07C
}

.rise-process .process-links ul li:nth-child(3):after{
	border-color:#F39C65
}

.rise-process .process-details ul li:nth-child(3) {
	background-color:#FBEFBF
}

.rise-process .process-links ul li.active:nth-child(3):after{
	background-color:#F39C65
}



.rise-process .process-links ul li:nth-child(4):after {
	border-color:#F39C65
}
.rise-process .process-links ul li.active:nth-child(4):after {
	background-color:#F39C65
}
.rise-process .process-details ul li:nth-child(4) {
	background-color:#FBDCC9
}

.rise-process .process-links ul li:nth-child(5):after {
	border-color:#DD6342
}
.rise-process .process-links ul li.active:nth-child(5):after {
	background-color:#DD6342
}
.rise-process .process-details ul li:nth-child(5) {
	background-color:#EEB1A0
}


html .dark-wave {
	background-size: auto 100% !important;
}

.rise-process .process-details .txt {
	font-weight: bold;
	text-align:left;
	display:flex;
	justify-content:space-between;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
}

.rise-process .process-details .txt .expand{
	background-image: url(/wp-content/themes/wp-k12coalition-2025/assets/images/rise-process/icon-expander.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	width: 17px;
	height:17px;
	transform: rotate(0deg);
	transition: all .3s ease;
}

.rise-process  .process-instructions {
		text-align: Center;	
		padding-top:5px;
		padding-bottom:15px
}	
		

@media(max-width:768px) {

	.rise-process{
		padding-top:20px;
	}

	.rise-process .process-details{
		margin:auto;
		width:auto;
		max-width: 500px;
	}
	.rise-process .process-links{
		display:none
	}
	
	.rise-process .process-details ul {
		display:flex;
		flex-direction: column;
		gap:10px
	}
	
	.rise-process .process-details ul li.active {
		display:flex;
		flex-direction: column;
		gap:10px
	}
	
	.rise-process .process-details ul li .expander{
		max-height:800px;
		transition: max-height .3s ease;
	}
	
	.rise-process .process-details ul li.active .txt .expand{
		transform: rotate(-180deg);
	}
	.rise-process .process-details ul li .risep-img{
		padding-top: 20px;
	}
	
	.rise-process .process-details ul li:not(.active) .expander{
		max-height:0px;
		overflow:hidden;
	}
	
}
@media(min-width:769px) {
	.rise-process{
		padding-top:60px;
	}


	.rise-process .rise-process-content{
		display:flex;
		align-items: stretch;
	}
	
	.rise-process .process-details li:not(.active){
		display:none;
	}
	
	.rise-process .process-details li,
	.rise-process .process-details li .expander{
		display:flex;
		flex-direction: column;
		height:100%;
	}
	
	.rise-process .process-details .txt {
		display: none;
	}
	
	.rise-process h3{
		padding-bottom:70px;
		
	}
	
	.rise-process  .process-instructions {
		display:none;
	}

}



@media(min-width:1985px){
	html .dark-wave {
		background-size: 100% 100% !important;
	}
}

@media(max-width:768px){
	html .dark-wave {
		background-size: 300% 100% !important;
	}
}