.post-headings {
	position: fixed;
	left: 0;
	font-size: 18px;
	width: 15%;
	top:  200px;
	/*transition: all 0.5s ease-out;
	transform: translateX(5px);*/
	z-index: 10;
	visibility: visible;
	opacity: 1;
	transition: visibility 2s, opacity 1s linear;
}

.hide-ul {
	visibility: hidden;
	opacity: 0;

}

.post-headings h6 {
	display: none;
}

.post-headings a {
	color: #00a594;
}
.active {
	transform: translateX(10px);
}
.active a{
	color: #125371 !important;

}

body .post-heading-section {
	z-index: 999;
}
#content .toggle-btn-title {
	display: none;
}
#content .toggle-btn-title:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 15px;
	background: url(../png/burger-icon-light.png) no-repeat left top;
	background-size: contain;
	margin-right: 5px;
}
.post-headings ul li {
	border-bottom: 1px solid #00a694;
	line-height: 1.4;
	list-style: none;
	position: relative;
	margin: 0 0 7px;
	padding-bottom: 7px;
}
.post-headings ul li a {
	color: #105270 !important;
	font-weight: 500!important;
	text-decoration: none !important;
	border-left: 5px solid #f7941f00;
	position: relative;
	padding-left: 5px;
	display: inline-block;
}
.post-headings ul li a:hover {
	color: #21A4DF !important;
}
.post-headings ul a::before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: -35px;
	width: 30px;
	height: 2px;
	background: #93A1B0;
}
.post-headings ul .elementor-button::before {
	display: none;
}

.post-headings ul li.active a::before {
	color: #125371 !important;
}

.toggle-close-btn {
	color: #105270;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	float: right;
	display: none;
	line-height: 1;
}
.toggle-close-btn:hover {
	color: #21a4df;
}

.guide-link {
	position: relative;
}

/****************************************************************************/

.post-headings ul {
	background: #ffffff;
	border-radius: 6px 6px 10px 10px;
	box-shadow: 0px 50px 50px rgb(33 164 223 / 10%);
	padding: 15px 15px 20px;
	margin: 0;
	font-size: 14px;
}
.active {
	transform: none;
}
.post-headings ul .active a {
	border-left-color: #F7941F;
	font-weight: 700 !important;
}
.post-headings ul a::before  {
	display: none;
}
#site-container .post-headings ul .elementor-button {
	min-width: 100%;
	font-size: 15px;
	line-height: 1.2;
}
.post-headings ul .guide-link {
	padding-left: 10px;
	display: inline-block;
}

.single-post .elementor-sticky__spacer .post-headings {
	display: none;
}
.single-post .post-headings {
    background: #ffffff;
    border-radius: 6px 6px 10px 10px;
    box-shadow: 0px 50px 50px rgb(33 164 223 / 10%);
    padding: 15px 15px 20px;
    font-size: 16px;
	position: inherit;
	width: 100%;
	visibility: visible;
	opacity: 1;
}
.single-post .post-headings ul {
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.single-post .post-headings h6 {
	border-bottom: 1px solid #00a694;
	line-height: 1.4;
	list-style: none;
	position: relative;
	margin: 0 0 17px;
	padding: 0 0 7px 10px;
	display: block;
}
.single-post .post-headings .toggle-btn {
	display: none;
}

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

	.post-headings {
		left: -13px;
		top: 150px;
		width: 215px;
	}
}

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

	.hide-ul {
		visibility: visible;
		opacity: 1;
	}
	#content .post-headings {
		width: 330px;
		right: -330px;
		top: 150px;
		left: inherit;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		z-index: 99;
	}
	#content .post-headings.open-box {
		right: 0;
	}
	#content .toggle-btn-title {
		background: #F7941F;
		border-radius: 0 0 15px 15px;
		cursor: pointer;
		display: inline-block;
		font-size: 18px;
		font-weight: 400;
		font-family: "Oswald", Sans-serif;
		color: #000000;
		cursor: pointer;
		letter-spacing: 0.02em;
		padding: 4px 30px;
		text-transform: uppercase;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
		position: absolute;
		top: -40px;
		left: -40px;
	}
	#content .open-box .toggle-btn-title {
		display: none;
	}
	.open-box .toggle-close-btn {
		display: inline-block;
	}
}

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

	#content .post-headings {
		width: 90%;
		right: -90%;
		top: 50px;
	}
	#content .post-headings.hide-ul {
		display: none;
	}

}