.book-term-section {
	border-radius:2rem;
	background:#fff;
	margin: 2rem 0;
}

.book-term-toggle {
	color: var(--main-blue2);
	background:var(--base-blue);
	
	padding: 2rem;
	position:Relative;
	border-radius:2rem;
	padding-left: 14rem;
}

.book-term-section.active .book-term-toggle {
	color: var(--base-blue);
}

.book-term-toggle:before {
	content: attr(data-book-no);
	
	
	width: 12rem;
	box-sizing:border-box;
	height:60%;
	display:inline-block;
	position:Absolute;
	top:20%;
	left:0;
	
	padding-left:2rem;
	font-family: "Anek Latin", sans-serif;
	font-size: 7rem;
	font-weight:700;
	line-height:0.75;
	
	border-right: 3px solid var(--main-blue2);
}

.book-term-section.active .book-term-toggle:before {
	border-right: 3px solid var(--base-blue);
}

@media all and (min-width: 768px) {
	.book-term-toggle:before {
		font-size: 8rem;
		line-height:0.85;
	}
}

.book-term-toggle .parsa-title {
	color:#fff;
	font-family: "Anek Latin", sans-serif;
	font-weight:700;
	font-size:30px;
	text-transform:uppercase;
}

.book-term-toggle .parsa-subtitle {
	color:#fff;
	font-family: "Anek Latin", sans-serif;
	font-weight:200;
	font-size:22px;
	
	display:block;
	text-transform:uppercase;
}

.book-term-toggle .toggle-state {
	display:block;
	width:75px;
	height:75px;
	background:#fff;
	
	border-radius: 100%;
	
	position:Absolute;
	top:2rem;
	right:2rem;
}

@media all and (min-width: 768px) {

	.book-term-toggle .parsa-title {
		font-size:60px;
	}

	.book-term-toggle .parsa-subtitle {
		font-size:35px;
	}
}

.book-term-section.active {
	
}

.book-term-section.active .book-term-toggle {
	background:var(--black);
}

.book-term-section.active .book-term-toggle .toggle-state {
	background: var(--base-blue);
}

.book-term-posts {
	margin:2rem;
	padding:0 0 1rem;
	list-style-type:none;
}

.book-term-posts li + li {
	border-top: 2px solid var(--main-blue2);
}

.book-term-posts li a {
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:1rem 0;
	
	font-size: 24px;
	font-weight:800;
	
	text-decoration:none;
}

.book-term-posts li a span {
	font-weight:300;
	color: var(--main-blue2);
}