.badges2 {
	all: unset;
	margin: 10px;
	display: flex;
	gap: 13px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.badgesb
{
	all: unset;
	display: flex;
	gap: 64px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	white-space:pre-wrap;
}
.badgesb img
{
	transform: scale(1.5);transition: transform 0.3s ease;
}
.badgesb img:hover
{
	transform:scale(1.7);
}

.badges
{
	all: unset;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.badges img
{
	transform: scale(1);transition: transform 0.3s ease;
}
.badges img:hover
{
	transform:scale(1.1);
}

.topbadges {
	display: flex	;
align-items: center;
padding-right: 1vw;
gap: 5px;	
white-space: normal;
}


.avatarimg {
	all: unset;
	margin: 10px;
	display: flex;
	gap: 0px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}


.badges img
{transform: scale(1);transition: transform 0.3s ease;}


.post-postcontent .badges2 img {
	width: 48px;
}
.post-postcontent .avatarimg img {
	width: 100%;
}

.badges img:hover
{transform:scale(1.3);}

.badges2 img
{transform: scale(1);transition: transform 0.3s ease;
}
.badges2 img:hover
{transform:scale(1.1);}

.badgers
{font-size: 30px;vertical-align: top;display: inline-block;}

.zeromd
{font-size: 24px;vertical-align: top;display: inline-block;}

.webdemobtn table tr {
	display: flex;
	border-radius: 9px;
	background-color: #91a666;
	flex-direction: column;
}

.webdemobtn table td {
	border-radius: 9px;
	background-color: #eee;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-content: space-between;
	align-items: center;
	height: 96px;
}

.post-postcontent .badges2 .tablerlogo img {
	width: 100%;
}
.post-postcontent .badges2 .jklogo img {
	width: 96px;
}
.post-postcontent .badges2 .jklogo {
	text-align: center;
	font-size: 1.5rem
}
.post-postcontent .badges2 .tablerlogo {
	text-align: end;
}

.webdemobtn table tr:hover
{
	display: flex;
	border-radius: 9px;
	background-color: #91a666;
	transform: scale(1.1);
	transition: transform 0.3s ease-in-out;
}

.webdemobtn a
{
	color:#2a2a2a;
}

.webdemobtn
{
	width: 33%
}

.tryweb {
	display: flex;
	background-color: var(--green);
	height: 50px;
	width: 25%;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row-reverse;
	margin: auto;
	border-radius: 16px;
	transition: transform 0.3s ease-in-out;
}
.tryweb:hover {
	color: inherit;
	transform: scale(1.1);
}
.tryweb a {
	color: var(--bg);
}


.sidebar ul{
	padding: 0px;
	margin: 0px;
}

.sidebar ul li {
	list-style: none;
	padding: 16px;
	border-bottom: 1px solid #91a666;
	border-bottom: 0px;
	border-top: 0px;
}

.sidebar ul li a {
	color: #fff;
	display: flex;
	font-size: 22px;
}

.sidebar ul li:hover {
background-color: #91a666;
transition: 0.6s;
border-radius: 3px;
}

.sidebar ul li:hover a
{
	color: #fff
}

#left-container text {
	display: none;
}

/* Target from body level down */
body:has(#burger-lp:checked) #left-container text {
	display: block;
}

.markdown-body input[type="checkbox"]:checked::after {
	content: "\ea5e"; /* same as  */
	font-family: 'TablerIcons';
	color: #91a666;
	font-size: 1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-aspect-ratio: 1/1) {

	.badges2 {
		flex-direction: column;
	}
	.webdemobtn {
		width: 90%;
	}

	.avatarimg {
		flex-direction: column;
	}
}