.table-of-content-box {
	position: sticky;
	top: 100px;
	max-height: fit-content;
	border-radius: 10px;
	z-index: 9;
	max-width: 304px;
}
.table-of-content-box ul li a.active {
	color: #232C39;
}
.table-of-content-box ul li a:hover {
    color: #232C39;
}
.table-of-content-box h3 {
	color: #232C39;
	font-size: 16px;
	font-weight: 550;
	line-height: 24px;
	margin: 0 0 16px;
	padding-left: 27px;
}
.table-of-content-box ul li a {
	color: #6C798B;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.table-of-content-box ul {
	margin: 0;
	list-style: none;
	padding-left: 27px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.table-of-content-box ul li a.active:before {
	content: url(/wp-content/uploads/2025/11/arrow-right.svg);
	position: absolute;
	left: -29px;
	top: 0px;
	width: 20px;
	height: 20px;
}
.table-of-content-box ul li:hover a.active:before {
	content: url(/wp-content/uploads/2025/11/arrow-right.svg);
	position: absolute;
	left: -29px;
	top: 0px;
	width: 20px;
	height: 20px;
}
.table-of-content-box ul li:hover a:before {
    content: url(/wp-content/uploads/2025/11/arrow-right-g.svg);
    position: absolute;
    left: -29px;
    top: 0px;
    width: 20px;
    height: 20px;
}

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

}

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

}

@media screen and (max-width: 1024px) {
	.table-of-content-box {
		max-width: 280px;
	}	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 660px) {
	
}

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

}