@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Lobster&display=swap");
* {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	word-break: break-word;
	color: var(--toggleTextColor2);
	text-decoration: none;
	box-sizing: border-box;
}
body {
	--bodyBackgroundColor: #fff;
	--bodyBackgroundInputColor: #fff;
	--bodyBorderInputColor: #cecece;
	--bodyBackgroundColor2: #000;
	--bodyBackgroundColor3: #fbfbfb;
	--bodyBackgroundColor4: #f5f5f5;
	--menu: #eaeaea;
	--toggleTextColor: #444;
	--toggleTextColor2: #212529;
}
body.dark-mode {
	--bodyBackgroundColor: #000;
	--bodyBackgroundInputColor: #333;
	--bodyBorderInputColor: #555;
	--bodyBackgroundColor2: #fff;
	--bodyBackgroundColor3: #111;
	--bodyBackgroundColor4: #222;
	--menu: #333;
	--toggleTextColor: #fff;
	--toggleTextColor2: #fff;
}
input,
textarea,
select {
	background: var(--bodyBackgroundInputColor) !important;
	border-color: var(--bodyBorderInputColor) !important;
	color: var(--bodyBackgroundColor2) !important;
}
body {
	background: var(--bodyBackgroundColor);
}
#hamburgerMenu {
	position: fixed;
	inset: 0;
	z-index: 101;
	background: var(--bodyBackgroundColor);
	width: 100%;
	height: 100%;
	color: var(--bodyBackgroundColor2);
	display: none;
}
#hamburgerMenu .hamburger-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
}
#hamburgerMenu #closeHamburger {
	position: absolute;
	inset: 25px 25px auto auto;
	background: var(--bodyBackgroundColor4);
	width: 50px;
	height: 50px;
	color: var(--bodyBackgroundColor2);
	text-align: center;
	line-height: 50px;
}
#hamburgerMenu .nav {
	height: 100vh;
	color: var(--bodyBackgroundColor2);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
}
#hamburgerMenu .nav .nav-link{
	color: var(--bodyBackgroundColor2);
}
.container-1130 {
	max-width: 1170px;
	width: 100%;
	margin-inline: auto;
	padding-inline: 20px;
}

.top-footer {
	width: 100%;
	border-bottom: 1px dashed #ddd;
}
.top-footer .container-1130 {
	height: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-footer .container-1130 select {
	background: var(--bodyBackgroundColor);
	color: var(--bodyBackgroundColor2);
}
.top-footer .container-1130 .donation {
	display: flex;
	gap: 20px;
	align-items: center;
}

header {
	width: 100%;
}
header .container-1130 {
	height: 170px;
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: space-between;
	align-items: center;
	gap: 36px;
}
header .logo {
	cursor: pointer;
}
.menu {
	background: var(--menu);
	width: 100%;
}
.menu .container-1130 {
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menu .container-1130 .nav-link {
	height: 100%;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 700;
	color: var(--toggleTextColor);
	line-height: 60px;
}
.menu .container-1130 .nav-link:hover{
	background: rgba(0, 0, 0, 0.1);
}
.menu .container-1130 .plugins {
	display: flex;
	align-items: center;
}
.menu .container-1130 .plugin-item {
	background: transparent;
	width: 40px;
	height: 60px;
	font-size: 20px;
	color: var(--bodyBackgroundColor);
}
.menu .container-1130 .plugin-item img{
	width: 25px;
}
.menu .container-1130 .add-post {
	background: var(--bodyBackgroundColor2);
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	color: var(--bodyBackgroundColor);
	border-radius: 5px;
	padding: 0 25px;
	margin-left: 20px;
}
/* Header Arama Bölümü Aç Kapa*/
.question-item .answer-item label {
	background-color: #dddddd;
}

.question-item .answer-item input[type="radio"]:checked + label {
	background-color: #00b830;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.question-buttons .action-buttons button {
		padding: 5px 40px !important;
	}
}

@media screen and (max-width: 768px) {
	.question-nav-buttons button {
		font-size: 14px !important;
	}
}
/* Header Arama Bölümü*/
#search-modal{
	position: absolute;
	top: 60px;
	left: 0;
	background: #fff;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #eaeaea;
	z-index: 100;
	overflow: hidden;
	display: flex;
	transition: height .2s ease-in-out;
}
#search-modal input{
	background: transparent;
	flex-grow: 1;
	padding: 0 20px;
}
#search-modal button{
	background: #000;
	width: 50px;
	height: 50px;
}
#search-modal button i{
	color: #fff;
}
.category {
	width: 100%;
	height: 50px;
	border-bottom: 2px solid #eaeaea;
	display: flex;
	justify-content: center;
}
.category,
.category .nav.owl-carousel,
.category .nav.owl-carousel .owl-stage-outer,
.category .nav.owl-carousel .owl-stage-outer .owl-stage,
.category .nav.owl-carousel .owl-stage-outer .owl-stage .nav-link{
	height: 50px;
}
.category .owl-stage {
	display: flex;
}
.category .owl-item {
	width: auto !important;
}
.category .nav-link {
	font-size: 16px;
	line-height: 50px;
	font-weight: regular;
	color: var(--toggleTextColor);
	padding-block: 0;
}
.category .nav-link:hover{
	background: rgba(0, 0, 0, 0.1);
}
@media (min-width: 1530px) {
	.category .owl-stage, .special .owl-stage {
		justify-content: center;
	}
}
.special {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 40px;
	padding: 40px 0;
	overflow: hidden;
}
.special .owl-nav, .special .owl-dots {
	display: none;
}
.special .owl-stage-outer {
	width: 100vw !important;
	overflow: hidden;
}
.special .owl-stage {
	width: 100% !important;
	display: flex;
}
.special .owl-stage .owl-item {
	width: auto !important;
}
.special .owl-item {
	width: auto !important;
}
.special .owl-item .nav-item img {
	width: 53px;
	height: auto;
}
.special .special-item::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.5), transparent);
	width: 100%;
	height: 100%;
}
.special .special-item {
	background-size: cover;
	position: relative;
	width: 280px;
	height: 170px;
	padding: 20px;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	transition: .3s ease-in-out;
	cursor: pointer;
	box-shadow: inset 0 0 0 0px yellow;
}
.special .special-item:hover {
	box-shadow: inset 0 0 0 10px yellow;
}
.special .special-item .special-name, .special .special-item .special-explain {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	line-height: 20px;
	margin: 0;
	z-index: 10;
}
.special .special-item .special-name {
	margin: 90px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.special .head-tab .nav-link {
	height: 70px;
	padding-block: 0;
	display: flex;
	align-items: flex-end;
}

.page-inf .breadcrumb {
	padding-top: 50px;
}
.page-inf .breadcrumb a {
	font-weight: 400;
	font-size: 15;
	color: var(--toggleTextColor2);
	text-decoration: none;
}
.page-inf select {
	font-weight: 400;
	font-size: 22px;
	color: #222;
	padding: 10px 15px;
	border-right: 15px solid #fff;
	border-color: var(--bodyBackgroundInputColor) !important;
	box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}

#top-news {
	width: 100%;
	height: 640px;
	margin-inline: auto;
}
#top-news.category {
	padding: 50px 85px 30px;
	height: 450px;
}
#top-news.category .news-item .emojiler {
	top: -25px;
	right: 50px;
	display: flex;
	align-items: flex-end;
	gap: 10px;
}
#top-news.category .news-item .emojiler img {
	width: 50px;
	height: auto;
}
#top-news.category .news-item:nth-child(1) {
	padding-inline: 20px;
}
#top-news .item-content::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.5), transparent);
	width: 100%;
	height: 100%;
}
#top-news .item-content {
	position: relative;
	background: #2a2a2a;
	background-size: cover;
	background-position: center;
	padding: 58px 50px;
	color: #fff;
	transition: .2s ease-in-out;
	box-shadow: inset 0 0 0 0px yellow;
	cursor: pointer;
}
#top-news .item-content:hover {
	box-shadow: inset 0 0 0 10px yellow;
}
#top-news .item-content.big-news {
	padding: 40px 50px;
}
#top-news .item-content .news-show {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 22px;
	color: #fff;
	z-index: 10;
}
#top-news .item-content .news-info {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 22px;
	color: #fff;
	z-index: 10;
}
#top-news .item-content .news-info i {
	font-size: 10px;
	color: #2a2a2a;
	padding: 0 3px 3px 4px;
	place-items: center;
	z-index: 5;
}
#top-news .item-content .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	z-index: -1;
}
#top-news .item-content .news-info .editor,
#top-news .item-content .news-info .date {
	color: #fff;
}
#top-news .item-content .news-name {
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	z-index: 10;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1200px) {
	#top-news .item-content {
		padding: 28px 20px;
	}
	#top-news .item-content.big-news {
		padding: 30px 36px;
	}
	#top-news .item-content .news-info {
		margin-bottom: 15px;
	}
	#top-news .item-content .news-name {
		font-size: 16px;
	}
}







/* .myNew-top-news */
#myNew-top-news {
	width: 100%;
	height: 640px;
	margin-inline: auto;
}
.topNews-Cover {
	height: 500px;
	display: grid;
	gap: 15px;
	grid-template-areas: 
		'item1 item1 item1 item2 item2 item2 item3 item3 item3'
		'item1 item1 item1 item4 item4 item4 item5 item5 item5';
}
.topNews-Cover .news-item:nth-child(1) {
	grid-area: item1;
}
.topNews-Cover .news-item:nth-child(2) {
	grid-area: item2;
}
.topNews-Cover .news-item:nth-child(3) {
	grid-area: item3;
}
.topNews-Cover .news-item:nth-child(4) {
	grid-area: item4;
}
.topNews-Cover .news-item:nth-child(5) {
	grid-area: item5;
}






#myNew-top-news.category {
	padding: 50px 85px 30px;
	height: 450px;
}
#myNew-top-news.category .news-item .emojiler {
	top: -25px;
	right: 50px;
	display: flex;
	align-items: flex-end;
	gap: 10px;
}
#myNew-top-news.category .news-item .emojiler img {
	width: 50px;
	height: auto;
}
#myNew-top-news.category .news-item:nth-child(1) {
	padding-inline: 20px;
}
#myNew-top-news .item-content::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.5), transparent);
	width: 100%;
	height: 100%;
}
#myNew-top-news .item-content {
	position: relative;
	background: #2a2a2a;
	background-size: cover;
	background-position: center;
	padding: 58px 50px;
	color: #fff;
	transition: .2s ease-in-out;
	box-shadow: inset 0 0 0 0px yellow;
	cursor: pointer;
}
#myNew-top-news .item-content:hover {
	box-shadow: inset 0 0 0 10px yellow;
}
#myNew-top-news .item-content.big-news {
	padding: 30px;
}
#myNew-top-news .item-content .news-info {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;
	color: var(--bodyBackgroundColor);
	z-index: 10;
}
#myNew-top-news .item-content .news-info i {
	font-size: 10px;
	color: #2a2a2a;
	padding: 0 3px 3px 4px;
	place-items: center;
	z-index: 5;
}
#myNew-top-news .item-content .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	z-index: -1;
}
#myNew-top-news .item-content .news-info .editor,
#myNew-top-news .item-content .news-info .date {
	color: var(--bodyBackgroundColor);
}
#myNew-top-news .item-content .news-name {
	font-weight: 700;
	font-size: 20px;
	color: var(--bodyBackgroundColor);
	z-index: 10;
}

@media (max-width: 1200px) {
	#myNew-top-news .item-content {
		padding: 28px 20px;
	}
	#myNew-top-news .item-content.big-news {
		padding: 30px 36px;
	}
	#myNew-top-news .item-content .news-info {
		margin-bottom: 15px;
	}
	#myNew-top-news .item-content .news-name {
		font-size: 16px;
	}
}




.center-content-ad {
	margin-block: 30px;
}

main {
	width: 100%;
}

.feat-name {
	font-size: 20px;
	font-weight: 700;
	margin-block: 30px;
}
.feat-name .name-line {
	background: #f8f8f8;
	width: calc(50% - 120px);
	height: 10px;
	border: 0;
	opacity: 1;
	margin: 0;
}

.featured-tab {
	display: flex;
	gap: 10px;
	align-items: center;
}
.featured-tab button {
	font-weight: 600;
	font-size: 16px;
	color: var(--toggleTextColor);
}
.myFeatTab .big-feat::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.5), transparent);
	width: 100%;
	height: 100%;
}
.myFeatTab .big-feat {
	position: relative;
	background: #222;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 370px;
	color: #fff;
	padding: 55px 65px;
	transition: .2s ease-in-out;
	cursor: pointer;
	box-shadow: inset 0 0 0 0px yellow;
}
.myFeatTab .big-feat:hover {
	box-shadow: inset 0 0 0 10px yellow;
}
.myFeatTab h3 {
	color: #fff;
	z-index: 10;
}
.myFeatTab .news-info,
.myFeatTab .news-info .editor,
.myFeatTab .news-info .date {
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	z-index: 10;
}
.myFeatTab .news-info i {
	font-size: 10px;
	color: #2a2a2a;
	padding: 0 3px 3px 4px;
	place-items: center;
	z-index: 5;
}
.myFeatTab .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	z-index: -1;
}
.myFeatTab .feat-list {
	margin-top: 15px;
}
.myFeatTab .feat-list .owl-nav {
	position: absolute;
	top: 15%;
	width: 100%;
	height: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.myFeatTab .feat-list .owl-nav .owl-next,
.myFeatTab .feat-list .owl-nav .owl-prev {
	margin: 0;
}
.myFeatTab .feat-list .owl-nav .owl-next i,
.myFeatTab .feat-list .owl-nav .owl-prev i {
	background-color: rgba(255, 255, 255, 0.5);
	width: 30px;
	height: 70px;
	font-size: 20px;
	color: #000;
	text-align: center;
	line-height: 70px;
}
.myFeatTab .feat-list .owl-dots {
	margin-top: 10px;
}
.myFeatTab .feat-list .owl-dots .owl-dot span {
	background: #333;
	width: 20px;
	height: 20px;
	border-radius: 20px;
}
.myFeatTab .feat-list .owl-dots .owl-dot.active span {
	background: #fff;
}
.myFeatTab .feat-list-item {
	width: 100%;
	text-align: center;
	cursor: pointer;
}
.myFeatTab .feat-list-item b {
	line-height: 20px;
}
.myFeatTab .feat-list-item:hover b{
	color: blue;
}
.myFeatTab .feat-list-item .news-info i {
	color: #fff;
}
.myFeatTab .feat-list-item .news-info i::before {
	color: #2a2a2a;
}

.left-side {
	padding-left: 33px;
	display: flex;
	align-items: stretch;
}
.left-side .inside-left {
	width: 100%;
	padding-left: 55px;
	padding-bottom: 40px;
	border-left: 1px dashed #ddd;
}
.left-side .inside-left .weekly-name {
	width: 100%;
	font-weight: 700;
	font-size: 17px;
	color: var(--toggleTextColor);
	word-break: keep-all;
	display: flex;
	align-items: center;
	gap: 20px;
	margin-block: 30px;
}
.left-side .inside-left .weekly-name .weekly-hr {
	border-top: 1px dashed #aaa;
	opacity: 1;
	flex-grow: 1;
}
.left-side .inside-left .weekly-item::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.5),transparent);
	width: 100%;
	height: 100%;
}
.left-side .inside-left .weekly-item {
	position: relative;
	background: #555;
	width: 210px;
	height: 100px;
	padding: 10px;
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	cursor: pointer;
}
.left-side .inside-left .weekly-item .item-num {
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.5);
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-weight: 900;
	font-size: 30px;
	color: #333;
	z-index: 10;
}
.left-side .inside-left .weekly-item .item-name {
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	z-index: 10;
}
.left-side .inside-left .weekly-leader-item {
	gap: 28px;
	align-items: flex-end;
	margin-bottom: 20px;
}
.left-side .inside-left .weekly-leader-item .lider-item-num {
	width: 50px;
	height: 60px;
	line-height: 60px;
	font-weight: 900;
	font-size: 76px;
	color: #454545;
}
.left-side .inside-left .weekly-leader-item .leader-profile {
	height: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
.left-side .inside-left .weekly-leader-item .lider-item-name {
	font-size: 16px;
}
@media (max-width: 992px) {
	.featured-tab button {
		font-size: 20px;
	}

	.myFeatTab .big-feat {
		padding: 20px;
	}
	.myFeatTab .big-feat h3 {
		font-size: 20px;
	}

	.left-side .inside-left {
		padding: 0;
		border: 0;
	}
	.left-side .inside-left .weekly-item {
		width: 100%;
		height: auto;
		aspect-ratio: 210/100;
	}
}
.post-item {
	border-bottom: 1px dashed #ddd;
	padding-block: 60px;
	cursor: pointer;
	transition: .2s ease-in-out;
	padding-inline: 25px;
	gap: 25px;
}
.post-item:hover {
	background: rgba(0, 0, 0, 0.05);
}
.post-item .image {
	max-width: 360px;
	width: 100%;
	height: auto;
	aspect-ratio: 300/360;
}
.post-item .image span {
	position: absolute;
	top: 40px;
	right: 35px;
	color: #fff;
}
.post-item .image span i {
	width: 30px;
	height: 30px;
	font-size: 10px;
	text-align: center;
	color: #2a2a2a;
	padding: 0 3px 6px 3px;
	place-items: center;
	z-index: 5;
	margin-left: 0 !important;
}
.post-item .image span i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 25px;
	color: #fff;
	z-index: -1;
}
.post-item .content {
	padding: 33px 0;
	gap: 26px;
	color: var(--toggleTextColor);
}
.post-item .content .news-info {
	font-size: 12px;
	font-weight: 400;
}
.post-item .content .news-info i {
	font-size: 10px;
	color: #2a2a2a;
	padding: 0 3px 3px 4px;
	place-items: center;
	z-index: 5;
}
.post-item .content .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	z-index: -1;
}
.post-item .content .post-name {
	font-weight: 700;
	font-size: 22px;
	margin: 0;
}
.post-item .content .post-explain {
	font-weight: 400;
	font-size: 15px;
}
.post-item .content .plus {
	background: transparent;
	height: 45px;
	padding: 0 32px;
	line-height: 39px;
	font-weight: 500;
	font-size: 12px;
	color: var(--bodyBackgroundColor2);
	border: 1px solid var(--bodyBackgroundColor2);
	border-radius: 50px;
	transition: .3s ease-in-out;
}
.post-item .content .plus:hover{
	background: var(--bodyBackgroundColor2);
	color: var(--bodyBackgroundColor);
	border-color: var(--bodyBackgroundColor2);
}
.post-item .content .plus.share {
	width: 45px;
	height: 45px;
	padding: 0;
	text-align: center;
	line-height: 39px;
}

.author {
	padding-block: 150px;
	align-items: center;
	text-align: center;
	color: #454545;
	gap: 15px;
}
.author .author-exp {
	font-family: "Lobster", cursive;
	font-size: 14px;
	color: red;
}
.author .author-name {
	font-weight: 900;
	font-size: 25px;
}
.author .author-social {
	gap: 5px;
}
.author .author-social .social-item {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	text-align: center;
	line-height: 35px;
}
.author .author-social .social-item.facebook {
	background: #3b5998;
}
.author .author-social .social-item.google {
	background: #d13f2d;
}
.author .author-social .social-item.twitter {
	background: #6acff4;
}
.author .author-social .social-item.follow {
	width: auto;
	flex-grow: 1;
	background: #fee200;
	padding: 0 20px;
}
.author .author-social .social-item i {
	color: #fff;
}
.author .author-explain {
	font-weight: 400;
	font-size: 14px;
}

@media (max-width: 768px) {
	.author {
		padding-block: 25px;
	}

	#top-news {
		width: 100%;
		margin-inline: auto;
	}
	#top-news.category {
		height: auto;
		padding: 20px 20px 30px;
	}
	#top-news.category .news-item {
		aspect-ratio: 16/12;
	}
	#top-news.category .news-item:nth-child(1) {
		padding: 20px 0px;
	}

	.page-inf .breadcrumb {
		padding-top: 50px;
	}
	.page-inf .breadcrumb a {
		font-weight: 400;
		font-size: 15;
		color: #222;
		text-decoration: none;
	}
	.page-inf select {
		font-size: 16px;
		padding: 5px 10px;
		border-right: 10px solid #fff;
	}
}
.populer-item {
	background: var(--menu);
	font-weight: 500;
	padding: 20px 37px;
	border-radius: 100px;
	margin-bottom: 6px;
}
.populer-item:hover {
	background: #fee200;
}

@media (min-width: 440px) {
	.backhome .fa-home{
		display: none;
	}
	.backhome .gizle{
		display: inline-block;
	}
}
@media (max-width: 440px) {
	.backhome .gizle{
		display: none;
	}
}

@media (max-width: 576px) {
	header .container-1130 {
		height: 100px;
	}
	header .logo {
		width: 140px;
	}

	.menu .container-1130 {
		align-items: center;
	}
	.menu .container-1130 .plugins {
		width: 100%;
		gap: 10px;
	}
	.menu .container-1130 .plugin-item {
		width: 30px;
		height: auto;
	}
	.menu .container-1130 .plugin-item img {
		width: 100%;
		height: auto;
	}
	.menu .container-1130 .add-post {
		height: 35px;
		margin-left: auto;
		padding: 0 15px;
	}
}
@media (max-width: 768px) {
	.featured-tab {
		gap: 10px;
	}
	.featured-tab button {
		font-size: 14px;
		padding: 10px;
	}

	.myFeatTab {
		margin-bottom: 50px;
	}

	.left-side {
		padding: 0;
	}
	.left-side .inside-left {
		display: flex;
		flex-direction: column;
		padding-bottom: 25px;
	}
	.left-side .inside-left .weekliest {
		display: flex;
		flex-wrap: wrap;
		gap: 0 20px;
	}
	.left-side .inside-left .weekly-item {
		min-width: 210px;
		width: 100%;
		height: auto;
		aspect-ratio: 210/100;
		flex: 1 1 210px;
	}
	.left-side .inside-left .weekliest.leader {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.post-item .image {
		max-width: 100%;
		aspect-ratio: 1;
		margin-bottom: 25px;
	}
	.post-item .content {
		padding: 0;
	}
}
#recentPagination {
	display: flex;
	justify-content: center;
}
#recentPagination .pagination {
	display: flex;
	gap: 8px;
}
#recentPagination .page-link {
	width: 50px;
	height: 50px;
	color: #666;
	font-weight: 600;
	text-align: center;
	line-height: 44px;
	border-radius: 100px;
	border: 3px solid #999;
	padding: 0;
}
#recentPagination .page-link.double {
	width: 150px;
}

.v-tab-slider .fade:not(.show) {
	display: none;
}
.v-tab-slider #v-pills-tabContent,
.v-tab-slider #v-pills-tabContent .tab-pane {
	width: 100%;
}
.v-tab-slider iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
.v-tab-slider .v-slide-tabs {
	background: #f9f9f9;
	width: 350px;
	flex-wrap: nowrap;
}
.v-tab-slider .v-slide-tabs .nav-link {
	position: relative;
	min-height: 25%;
	z-index: 100;
	font-weight: 700;
	font-size: 16px;
	color: #191919;
	display: flex;
	align-items: center;
	border-radius: 0;
	padding-left: 50px;
}
.v-tab-slider .v-slide-tabs .nav-link i {
	position: absolute;
	left: -50px;
	background: #ec1c33;
	min-width: 60px;
	height: 60px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	border-radius: 60px;
	border: 20px solid #f9f9f9;
	box-sizing: content-box;
	display: block;
}
.v-tab-slider .v-slide-tabs .nav-link small {
	font-weight: 400;
	font-size: 12;
}
.v-tab-slider .v-slide-tabs .nav-link.active {
	background: #ec1c33;
	color: #fff;
}
.v-tab-slider .v-slide-tabs .nav-link.active i {
	background: #191919;
	border-color: #ec1c33;
}

@media (max-width: 768px) {
	#recentPagination {
		transform: translateY(-25px);
	}

	.v-tab-slider .v-slide-tabs .nav-link {
		padding: 20px;
	}
	.v-tab-slider .v-slide-tabs .nav-link i {
		display: none;
	}
}
@media (max-width: 768px) {
	.v-tab-slider .v-slide-tabs {
		width: 100%;
	}
}
.articles-wrap .articles-item {
	max-width: 400px;
}
.articles-wrap .articles-item .item-info {
	background: var(--bodyBackgroundColor);
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateY(-50px);
	margin: 0 20px;
	padding-inline: 20px;
}
.articles-wrap .articles-item img {
	height: 250px;
	object-fit: cover;
	object-position: center;
}
.articles-wrap .articles-item .info-img {
	width: 80px;
	height: 80px;
	transform: translateY(-40px);
}
.feat-list-item img {
	object-fit: cover;
	object-position: center;
}
.articles-wrap .articles-item .feat-list-item {
	width: 100%;
	font-weight: 600;
	font-size: 18px;
	color: var(--bodyBackgroundColor2);
	text-align: center;
	transform: translateY(-40px);
}
.articles-wrap .articles-item .feat-list-item b {
	font-weight: 700;
	line-height: 20px;
	color: var(--bodyBackgroundColor2);
	text-transform: uppercase;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.articles-wrap .articles-item .feat-list-item .news-info {
	font-weight: 400;
	font-size: 12px;
	color: var(--bodyBackgroundColor2);
}
.articles-wrap .articles-item .feat-list-item .news-info i {
	font-size: 10px;
	color: #fff;
	padding: 0 3px 0px 4px;
	place-items: center;
	z-index: 5;
}
.articles-wrap .articles-item .feat-list-item .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #2a2a2a;
	z-index: -1;
	transform: translateY(3px);
}

footer {
	background: #1d1d1d;
	width: 100%;
	height: auto;
	padding-block: 120px;
}
footer .container-1130 {
	align-items: center;
	row-gap: 50px;
}
footer .logo-footer {
	width: 238px;
	height: 58px;
}
footer .info-footer {
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	margin-block: 40px;
}
footer .author-social {
	gap: 5px;
}
footer .author-social .social-item {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	text-align: center;
	line-height: 35px;
}
footer .author-social .social-item.facebook {
	background: #3b5998;
}
footer .author-social .social-item.google {
	background: #d13f2d;
}
footer .author-social .social-item.twitter {
	background: #6acff4;
}
footer .author-social .social-item.youtube {
	background: #f00;
}
footer .author-social .social-item.follow {
	width: auto;
	flex-grow: 1;
	background: #fee200;
	padding: 0 20px;
}
footer .author-social .social-item i {
	color: #fff;
}
footer .post-name {
	font-weight: 600;
	font-size: 17px;
	color: #fff;
	padding-left: 20px;
}
footer .post-item {
	color: #fff;
	border: 0;
	padding: 20px;
	margin: 0;
}
footer .post-item .feat-list-item {
	width: 100%;
	text-align: left;
}
footer .post-item .feat-list-item .date {
	font-weight: 400;
	font-size: 12px;
	color: #fff;
}
footer .post-item .feat-list-item b {
	line-height: 20px;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
}
footer .post-item .feat-list-item .news-info i {
	font-size: 10px;
	color: #2a2a2a;
	padding: 0 3px 0px 4px;
	place-items: center;
	z-index: 5;
}
footer .post-item .feat-list-item .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	z-index: -1;
	transform: translateY(3px);
}
footer .home-name {
	font-weight: 600;
	font-size: 17px;
	color: #fff;
	padding: 0px 40px;
}
footer .fastlink .nav-link {
	font-weight: 300;
	font-size: 17px;
	padding: 20px 40px;
	color: #fff;
}
footer .dog {
	width: 230px;
	height: 230px;
}

@media (max-width: 992px) {
	footer .home-name {
		font-weight: 600;
		font-size: 17px;
		color: #fff;
		padding: 20px 20px;
	}
	footer .fastlink .nav-link {
		font-weight: 300;
		font-size: 17px;
		padding: 20px 20px;
		color: #fff;
	}
	footer .dog {
		width: 200px;
		height: 300px;
	}
}
@media (max-width: 768px) {
	footer .post-item {
		padding-inline: 0;
	}
}
.addpost-wrap {
	margin-bottom: 50px;
}
.addpost-wrap h2 {
	font-weight: 600;
	font-size: 30px;
	color: var(--bodyBackgroundColor2);
}
.addpost-wrap .explain {
	font-weight: 300;
	font-size: 14px;
	color: var(--bodyBackgroundColor2);
}
.addpost-wrap .form-input {
	display: flex;
	flex-direction: column;
	font-weight: 600;
	font-size: 14px;
}
.addpost-wrap .form-input input, .addpost-wrap .form-input textarea, .addpost-wrap .form-input select {
	width: 100%;
	padding: 15px;
	border: 1px solid #cecece;
	margin-block: 10px 25px;
	border-radius: 0;
}
.addpost-wrap .form-input textarea {
	height: 290px;
}
.drop-zone .add-buttons {
	color: #000 !important;
}
.addpost-wrap .add-buttons {
	background: var(--bodyBackgroundColor4);
	padding: 10px;
	color: var(--bodyBackgroundColor2);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
	flex-grow: 1;
}
.addpost-wrap .add-buttons.yellow {
	background: #fff000;
	color: #000 !important;
}
.addpost-wrap .add-buttons.purple {
	background: #8b39b8;
	font-weight: 600;
	color: #fff;
	padding-block: 15px;
	margin-top: 25px;
}
.addpost-wrap .drop {
	border: 1px dashed #444;
}
.addpost-wrap .drop-name {
	font-weight: 900;
	font-size: 17px;
	color: var(--toggleTextColor);
}
.addpost-wrap .light-ex {
	font-weight: 300;
	font-size: 10px;
	color: #ababab;
}
.addpost-wrap .subpost {
	text-align: center;
	aspect-ratio: 1;
}
.addpost-wrap .subpost .sub-item {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	aspect-ratio: 1;
}
.addpost-wrap .subpost .sub-img {
	width: 80px;
	height: auto;
}
.addpost-wrap .subpost .sub-name {
	font-weight: 600;
	font-size: 20px;
	color: var(--toggleTextColor);
	margin-top: 15px;
}
.addpost-wrap .subpost .light-exp {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
}
.shareWrap-guide {
	background: transparent;
}
.shareWrap-guide:hover #shareWrap {
	visibility: visible;
	opacity: 1;
}
#shareWrap{
	background: #fff;
	width: auto;
	height: 45px;
	padding-inline: 5px;
	border-radius: 45px;
	margin-left: -45px;
	display: flex;
	align-items: center;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: .3s ease-in-out;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
}
#shareWrap a{
	width: 35px;
	height: 35px;
	color: #000;
	display: inline-block;
	line-height: 35px;
	text-align: center;
	border-radius: 35px;
}
#shareWrap a:hover{
	background: rgba(0, 0, 0, 0.10);
}
@media (max-width: 768px) {
	.addpost-wrap .subpost .sub-img {
		width: auto;
		height: 20px;
	}
	.addpost-wrap .subpost .sub-name {
		font-size: 16px;
	}
}
article.doc .doc-name {
	font-weight: 900;
	font-size: 25px;
	margin-top: 25px;
}

.reaction img {
	width: 50px;
	height: 50px;
}
.reaction .progress {
	width: 100%;
	height: 100px;
	font-weight: 500;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
	border-radius: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 10px;
}
.reaction .reaction-item {
	flex-grow: 1;
}
.reaction .reaction-item.mob {
	align-items: center;
}
.reaction .reaction-item.mob img {
	width: 25px;
	height: 25px;
}
.reaction .reaction-item.mob .progress {
	height: 10px;
}

.drop-file-wrapper {
	height: auto;
}

.drop-zone--over {
	border-style: solid;
}

/*.drop-zone__input {
	display: none;
}*/

.drop-zone__thumb {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #cccccc;
	background-size: cover;
	position: relative;
	aspect-ratio: 1;
}

.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}

.profile-user {
	background: var(--bodyBackgroundColor4);
}
.backhome {
	background: var(--bodyBackgroundColor);
	height: 40px;
	padding: 0 20px;
	position: absolute;
	line-height: 40px;
	inset: 25px auto auto 25px;
	color: var(--bodyBackgroundColor2);
	text-decoration: none;
	box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 15%);
}
.backhome .fa-home {
	color: var(--bodyBackgroundColor2);
}
.profile-wrapper {
	width: 90%;
	margin-inline: auto;
	padding-inline: 20px;
	margin-bottom: 50px;
}
#profile-background {
	background: url("../../../uploads/profile-background.png") center/cover;
	width: 100%;
	height: 527px;
}
#profile-background .close {
	background: var(--bodyBackgroundColor);
	backdrop-filter: blur(10px);
	position: absolute;
	top: 25px;
	right: 25px;
	width: 40px;
	height: 40px;
	color: var(--bodyBackgroundColor2);
}

#profile-menu {
	background: var(--bodyBackgroundColor3);
	width: 100%;
	height: 60px;
}
#profile-menu * {
	height: 60px;
}
#profile-menu .nav {
	height: 100%;
	display: flex;
	gap: 15px;
	align-items: center;
}
#profile-menu .nav .nav-item .nav-link {
	color: var(--bodyBackgroundColor2);
	line-height: 46px;
}
#profile-menu .nav .nav-item .plugin-item {
	background: transparent;
	width: 40px;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	color: var(--bodyBackgroundColor);
}
.container-1340 {
	max-width: 1170px;
	width: 100%;
	margin-inline: auto;
	padding-inline: 20px;
}

#profile-side-menu {
	max-width: 400px;
	width: 100%;
	transform: translateY(-200px);
	margin-inline: auto;
}
#profile-side-menu .profile-box {
	background: var(--bodyBackgroundColor);
	width: 100%;
	height: 312px;
	color: var(--bodyBackgroundColor2);
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
	margin-bottom: 5px;
}
.dropeditbutton {
	background: var(--bodyBorderInputColor);
	border: 0
}
.dropeditbutton::after {
	margin-left: 0 !important;
	vertical-align: inherit;
	border-top: .4em solid var(--bodyBackgroundColor2);
	border-right: .4em solid transparent;
	border-bottom: 0;
	border-left: .4em solid transparent;
}
.dropedit {
	background: var(--bodyBackgroundColor4);
	inset:0 0 auto auto !important
}
.dropedit .dropdown-item {
	color: var(--bodyBackgroundColor2) !important;
}
.dropedit .dropdown-item:hover,
.dropedit .dropdown-item:hover i {
	color: #000 !important;
}
#profile-side-menu .profile-box.data {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 25px;
}
#profile-side-menu .profile-box.data .profile {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 150px;
	border: 5px solid #ddd;
}
#profile-side-menu .profile-box.data .rank {
	width: 40px;
	height: 40px;
}
#profile-side-menu .profile-box.data p {
	margin: 5px 0;
}
#profile-side-menu .profile-box.data .name {
	font-weight: 600;
	font-size: 20px;
}
#profile-side-menu .profile-box.data .follow a {
	font-weight: 500;
	color: #555;
}
#profile-side-menu .profile-box.rankwrap {
	height: 150px;
	padding: 20px;
}
#profile-side-menu .profile-box.rankwrap .rank {
	width: 80px;
	height: 80px;
}
#profile-side-menu .profile-box.rankwrap .progressx {
	width: 100%;
	height: 5px;
	color: transparent;
	display: block;
}
#profile-side-menu .profile-box.numbers, #profile-side-menu .profile-box.point, #profile-side-menu .profile-box.nft, #profile-side-menu .profile-box.social {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#profile-side-menu .profile-box.numbers p, #profile-side-menu .profile-box.point p, #profile-side-menu .profile-box.nft p, #profile-side-menu .profile-box.social p {
	margin: 0;
}
#profile-side-menu .profile-box.numbers p.fw-bold, #profile-side-menu .profile-box.point p.fw-bold, #profile-side-menu .profile-box.nft p.fw-bold, #profile-side-menu .profile-box.social p.fw-bold {
	font-size: 120%;
	font-weight: 600;
}
#profile-side-menu .profile-box.numbers, #profile-side-menu .profile-box.point, #profile-side-menu .profile-box.nft, #profile-side-menu .profile-box.social {
	width: auto;
	height: 75px;
	flex-grow: 1;
}
#profile-side-menu .profile-box.nft {
	display: flex;
	flex-direction: column;
}
#profile-side-menu .profile-box.nft img {
	width: 35px;
	height: 35px;
	object-fit: cover;
}
#profile-side-menu .profile-box.social .fa-brands {
	background: var(--bodyBackgroundColor2);
	width: 25px;
	height: 25px;
	font-size: 14px;
	border-radius: 25px;
	color: var(--bodyBackgroundColor);
	text-align: center;
	line-height: 25px;
}

.profile-content {
	padding: 50px 0 0 0;
}
.profile-user .addpost-wrap h2,
.profile-user .addpost-wrap .explain {
	color: var(--bodyBackgroundColor2);
}
.profile-content h1 {
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 50px;
}

.profile-content .post-item, #profile-side-menu .post-item {
	max-width: 500px;
	padding: 20px;
	margin: 0px;
	border: 0;
}
.profile-content .post-item .image, #profile-side-menu .post-item .image {
	max-width: 100%;
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
}
.profile-content .post-item .image span, #profile-side-menu .post-item .image span {
	position: absolute;
	inset: auto auto 20px 20px;
	color: #fff;
}
.profile-content .post-item .image span i, #profile-side-menu .post-item .image span i {
	width: 30px;
	height: 30px;
	font-size: 10px;
	text-align: center;
	color: #2a2a2a;
	padding: 0 3px 6px 3px;
	place-items: center;
	z-index: 5;
	margin-left: 0 !important;
}
.profile-content .post-item .image span i::before, #profile-side-menu .post-item .image span i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 25px;
	color: #fff;
	z-index: -1;
}
.profile-content .post-item .content, #profile-side-menu .post-item .content {
	padding: 15px 0;
	gap: 10px;
	color: var(--toggleTextColor);
}
.profile-content .post-item .content .news-info, #profile-side-menu .post-item .content .news-info {
	font-size: 12px;
	font-weight: 400;
}
.profile-content .post-item .content .news-info i, #profile-side-menu .post-item .content .news-info i {
	font-size: 10px;
	color: #2a2a2a;
	padding: 0 3px 3px 4px;
	place-items: center;
	z-index: 5;
}
.profile-content .post-item .content .news-info i::before, #profile-side-menu .post-item .content .news-info i::before {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	z-index: -1;
}
.profile-content .post-item .content .post-name, #profile-side-menu .post-item .content .post-name {
	font-weight: 900;
	font-size: 20px;
	margin: 0;
}

@media (max-width: 768px) {
	.profile-wrapper {
		max-width: 100%;
		width: 100%;
		padding-inline: 20px;
	}

	#profile-background {
		height: 300px;
	}

	#profile-side-menu {
		margin-top: -250px;
	}

	.profile-content, #profile-side-menu {
		margin-top: 50px;
		padding-top: 0px;
	}
	.profile-content h1, #profile-side-menu h1 {
		font-size: 20px;
	}
	.profile-content .post-item, #profile-side-menu .post-item {
		padding: 0px;
	}
	.profile-content .post-item .image, #profile-side-menu .post-item .image {
		margin-bottom: 10px;
	}
	.profile-content .post-item .content .post-name, #profile-side-menu .post-item .content .post-name {
		font-size: 16px;
		margin-bottom: 25px;
	}

	.profile-content {
		margin-top: -200px;
	}

	.comname {
		margin: 25px 0 -50px !important;
	}

	.profile-wrapper .profile-content {
		max-width: 400px;
		margin-inline: auto !important;
	}
	.profile-wrapper #comments .comment-item {
		padding-inline: 0 !important;
	}
}
#hamburger-menu {
	background: var(--bodyBackgroundColor4);
	position: fixed;
	inset: 0;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
#hamburger-menu .close {
	background: transparent;
	position: absolute;
	top: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	color: var(--bodyBackgroundColor2);
}
#hamburger-menu .nav {
	display: flex;
	flex-direction: column;
}
#hamburger-menu .nav .nav-link {
	color: var(--toggleTextColor2);
	font-weight: 500;
}

.badges-wrapper {
	gap: 50px 0;
}
.badges-wrapper .badges-item {
	padding: 10px;
}
.badges-wrapper .badges-item img {
	width: 40%;
}
.badges-wrapper .badges-item .badges-item-name {
	font-weight: 600;
	font-size: 16px;
	margin-top: 20px;
}
#comments .comment-item .comment-profile {
	min-width: 75px;
	width: 75px;
	height: 75px;
	min-height: 75px;
	border-radius: 75px;
	object-fit: cover;
}
#comments .comment-item .ago {
	font-weight: 600;
	color: #f00;
}
#comments .comment-item .reply {
	background: #000;
	color: #fff;
	padding: 5px 20px;
	text-decoration: none;
	border-radius: 50px;
}
#comments .comment-item.reply-item {
	padding-left: 15% !important;
	border-top: 1px solid #ddd;
}
#comments .comment-item.reply-item .reply {
	background: #f00;
}
.written-image {
	min-width: 150px;
	width: 150px;
	min-height: 150px;
	height: 150px;
	border-radius: 150px;
	object-fit: cover;
}

.wallet-wrapper {
	max-width: 720px;
}
.wallet-wrapper .wallet-content {
	background: var(--bodyBackgroundColor);
	width: 100%;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
	padding: 40px 70px;
}
.wallet-wrapper .wallet-content .cardbody .bodycontent {
	position: absolute;
	top: 85px;
	left: 100px;
}
.wallet-wrapper .wallet-content .cardbody p {
	color: #fff;
	margin: 0;
}
.wallet-wrapper .wallet-content .cardbody .p16700 {
	font-size: 16px;
	font-weight: 700;
}
.wallet-wrapper .wallet-content .cardbody .p36700 {
	font-size: 36px;
	font-weight: 700;
}
.wallet-wrapper .wallet-content .cardbody .p36400 {
	font-size: 36px;
	font-weight: 400;
}
.wallet-wrapper .wallet-content .connect {
	padding: 10px 25px;
	border-radius: 50px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.wallet-wrapper .wallet-content .wallet-button {
	background: var(--toggleTextColor);
	width: 35%;
	padding: 15px 30px;
	font-size: 20px;
	color: var(--bodyBackgroundColor);
	font-weight: 600;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
	.wallet-wrapper {
		max-width: 720px;
	}
	.wallet-wrapper .wallet-content {
		background: #fff;
		width: 100%;
		box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
		padding: 40px 70px;
	}
	.wallet-wrapper .wallet-content .cardbody .bodycontent {
		background: url("../images/maincard.png") center/cover;
		position: static;
		top: 75px;
		left: 100px;
		margin-inline: -70px;
		margin-block: 20px;
		padding: 70px;
	}
	.wallet-wrapper .wallet-content .cardbody p {
		color: #fff;
		margin: 0;
	}
	.wallet-wrapper .wallet-content .cardbody .p16700 {
		font-size: 12px;
		font-weight: 700;
	}
	.wallet-wrapper .wallet-content .cardbody .p36700 {
		font-size: 20px;
		font-weight: 700;
	}
	.wallet-wrapper .wallet-content .cardbody .p36400 {
		font-size: 20px;
		font-weight: 400;
	}
	.wallet-wrapper .wallet-content .connect {
		padding: 10px 25px;
		border-radius: 50px;
		text-decoration: none;
		color: #000;
		font-size: 12px;
		text-align: center;
		font-weight: 600;
		box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);
	}
	.wallet-wrapper .wallet-content .wallet-button {
		background: #d0d0d0;
		padding: 5px 15px;
		font-size: 20px;
	}
}

/*# sourceMappingURL=main.css.map */
#ansgrid-1, #ansgrid-2, #ansgrid-3{
	display: none;
}
label[for="ansgrid-1"], label[for="ansgrid-2"], label[for="ansgrid-3"]{
	cursor: pointer;
}
#ansgrid-1:checked ~ label[for="ansgrid-1"] {
	color: red;
}
#ansgrid-2:checked ~ label[for="ansgrid-2"] {
	color: red;
}
#ansgrid-3:checked ~ label[for="ansgrid-3"] {
	color: red;
}
.qestion-wrapper .accordion-body,
.qestion-wrapper .accordion-button,
.qestion-wrapper label {
	background: var(--bodyBackgroundColor) !important;
}
@media(max-width:510px) {
	.qestion-wrapper .accordion-body .d-flex.mt-5{
		flex-wrap: wrap;
		gap: 10px
	}
	.qestion-wrapper .accordion-body .d-flex.mt-5 input {
		margin: 0 !important
	}
	.qestion-wrapper .accordion-body .d-flex.mt-5 *:not(input) {
		padding: 0 !important;
		text-align: center;
		line-height: 30px !important;
		flex: 1 1 45%;
	}
}