.search-sec{
	background-color: #FFFFFF26;
	border: 1px solid #FFFFFF26;
	border-radius: 10px;
	padding: 7px 12px;
}

.search-bar{
	width: 100%;
	background-color: transparent;
	border: none;
	color: #ffffff;
}

.search-bar::placeholder{
	opacity: 0.8;
	color: #FFFFFF;
}

.content-coll h2{
	font-size: clamp(22px, 1.25rem + 0.8vw, 32px);
}

.content-coll h3{
	font-size: clamp(20px, 1.1rem + 0.3vw, 24px);
}


.search-btn{
	background-color: transparent;
	border: none;
	width: fit-content;
	padding: 0;
}

.kb-toc-heading{
	letter-spacing: 4px;
}

.sidebar-group-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.chevron {
	width: 14px;
	height: 14px;
	transition: transform .2s;
	flex-shrink: 0;
}

.open .chevron{
	transform: rotate(180deg);
}

div.sub-section.active .chevron{
	transform: rotate(180deg);
}

.kb-top-sec{
	position: sticky;
    top: 120px;
}

.sidebar-children,
.sub-dropdown-content{
	padding-left: 8px;
	overflow: hidden;
	max-height: 0;
	border-left: 1px solid #0000001A;
	margin: 15px 0;
	transition: max-height .25s ease;
}
.sidebar-section.open .sidebar-children {
	max-height: 600px; 
}

.sidebar-children br,
.sub-dropdown-content br{
	display: none;
}

.sidebar-children .sidebar-link.active{
	background-color: #ffffff;
	border: 1px solid #E42A2C33;
	position: relative;
}

.sidebar-link.active::before {
	content: '';
	position: absolute; 
	left: -9px; 
	top: 50%; 
	transform: translateY(-50%);
	width: 3px; 
	height: 60%; 
	background: #E42A2C;
	border-radius: 0 3px 3px 0;
}

.sidebar-children .sidebar-link{
	color: #2F2F2F;
	text-decoration: none;
	padding: 7px 12px;
	border-radius: 7px;
	width: 100%;
	display: block;
}

.kb-content h2{
	font-weight: 600;
}

.kb-content h3{
	padding-top: 170px !important;
    margin-top: -155px !important;
    margin-bottom: 14px;
	font-weight: 600;
}

.sidebar-group-header{
	margin: 15px 0;
	padding-left: 12px;
}

.sub-dropdown-content {
    display: none;
}

.sub-section.active .sub-dropdown-content {
    display: block;
    min-height: fit-content;
    height: 100%;
}

.contact-box{
	background-color: #FFFFFF1A;
	border: 1px solid #FFFFFF1A;
}

.kb-content a{
	color: #0C8CE9;
}

.dark-hero::before{
	content: "";
	position: absolute;
	width: 600px;
	height: 600px;
	left: -300px;
	bottom: -300px;
	background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(239, 45, 50, 0.2) 0%, rgba(239, 45, 50, 0) 65%);
}