@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");


:root {
	--element-box-bg: #fff;
	--element-box-shadow: 0px 1px 10px 0px rgb(0 0 0 / 8%);
	--element-box-bg-hover-effect: hsl(242, 56%, 53%);
	--element-box-bg-hover-color: #fff;
	--element-normal-color: #3e3f5e;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	background-color: #2b4f63;
	border-radius: 50vh;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #244353;
}

@supports (scrollbar-color: #2b4f63 #fff) {
	* {
		scrollbar-color: #2b4f63 #fff;
		scrollbar-width: thin;
	}
}

body {
	font: 14px "Open Sans", sans-serif;
	padding: 0;
	margin: 0;
	background-color: white;
	color: #3e3f5e;
	scroll-behavior: smooth;
	word-wrap: break-word;
	-webkit-print-color-adjust: exact;
	line-height: normal;
}

.mainWrapper {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	position: relative;
	width: calc(100% - 12rem * 2);
	margin-inline: auto;
	margin-block: 1rem;
}

#navbar {
	background-color: rgb(36, 37, 42);
	padding: 20px 40px;
	transition: 0.3s;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
}

#navbar a {
	float: left;
	color: #c3c3c3;
	text-align: center;
	padding: 10px 15px;
	text-decoration: none;
	font-size: 13px;
	line-height: 25px;
	transition: 0.4s;
	font-weight: 500;
	letter-spacing: 0.6px;
	border-radius: 4px;
}

#navbar #logo {
	font-size: 22px;
	font-weight: 900;
	transition: 0.4s;
	text-transform: uppercase;
	color: #fff;
	margin-right: 20px;
	background: 0 transparent;
}

#navbar a:hover {
	color: #fff;
	background: rgb(42, 44, 49);
}

#navbar-right {}

@media screen and (max-width: 580px) {
	#navbar {
		padding: 20px 10px !important;
	}

	#navbar a {
		float: none;
		display: block;
		text-align: left;
	}

	#navbar-right {
		float: none;
	}
}

.right {
	float: right;
}

.dropbtn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	line-height: 80px;
	font-family: inherit;
	font-size: 13.6px;
	font-weight: 700;
	color: inherit;
}

.dropdown {
	float: right;
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 200px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	right: 0;
	z-index: 1;
	border-radius: 6px;
}

.dropdown-content_____f a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	float: none !important;
	text-align: left !important;
}

.dropdown a:hover {
	background-color: rgba(24, 24, 24, 0.14) !important;
}

.show {
	display: block;
}

.dropdown-content a.logoutLink {
	color: #a72e2e;
}

.dropdown_userImg {
	max-width: 30px;
	max-height: 30px;
	border-radius: 50%;
	pointer-events: none;
}

.show_svselector {
	display: block;
}

#backtotop_button {
	display: inline-block;
	background-color: #2b4f63;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

#backtotop_button::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	line-height: 50px;
	color: #fff;
}

#backtotop_button:hover {
	cursor: pointer;
	background-color: #367090;
}

#backtotop_button.show {
	opacity: 1;
	visibility: visible;
}

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding-top: 300px;
	padding-bottom: 200px;
}

.flexbox .flexbox-content {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	max-width: 100%;
}

.flexbox h1 {
	text-transform: none;
	font-size: 38px;
	line-height: 1.3;
	text-align: center;
	color: #fff;
}

.flexbox p {
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 18px;
	text-align: center;
	line-height: 1.8;
}

.box-buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	margin-top: 20px;
}

.box-buttons .button-wrap {
	width: 300px;
}

.box-buttons .button-wrap:first-of-type {
	margin-right: 30px;
}

button.addToDiscord,
button.features {
	font-size: 1rem;
	width: 100%;
	height: 60px;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}

.button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: "Open Sans", Helvetica, arial, sans-serif;
	line-height: 1;
	font-weight: 600;
	cursor: pointer;
	min-height: 32px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	border-radius: 3px;
	border: none;
	font-size: 14px;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 30px;
	color: #fff;
	outline: 0;
	position: relative;
}

.button:active {
	top: 1px;
}

.addToDiscord img {
	margin-right: 10px;
}

.add-boxshadow {
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 20px 5px;
}

.rounded {
	border-radius: 10px;
}

.wrap-section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 10%);
	padding: 3rem;
	min-height: 500px;
}

.wrap-section .inner {}

.wrap-section .inner .section-img {}

.wrap-section .inner .section-text {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-o-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.wrap-section .inner .section-text h1 {
	font-size: 1.2rem;
	text-transform: none;
	font-weight: bold;
	line-height: inherit;
	margin-bottom: 1.5rem;
	margin-top: 0;
	padding-top: 0;
}

.wrap-section .inner .section-text p {
	font-size: 0.9rem;
	line-height: 1.6;
}

.mainWrapper {
	/* overflow: hidden; */
}

.dark-text {
	color: #636363;
	font-weight: 600;
	font-size: 17px;
}

#imageLoad_2,
#imageLoad_3,
#imageLoad_4,
#imageLoad_5,
#imageLoad_6,
#imageLoad_7,
#imageLoad_8 {
	display: none;
}

.container {
	position: relative;
}

.mySlides {
	display: none;
}

.cursor {
	cursor: pointer;
}

.prev,
.next {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 1rem;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	line-height: normal;
	transform: translate(0, -50%);
}

.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active,
.dot:hover {
	background-color: #717171;
}

.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

.caption-container {
	text-align: center;
	padding: 2px 16px;
	color: #fff;
	margin-top: 15px;
}

.column {
	float: left;
	width: 16.66%;
}

.demo {
	opacity: 0.6;
}

.active,
.demo:hover {
	opacity: 1;
}

.wrap-box-tasks {
	position: relative;
	max-width: 100%;
	flex-direction: column;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	align-self: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px;
}

.box-content_text .title {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 0px;
	padding-top: 0;
	text-transform: none;
}

.box-content_text .description {
	opacity: 0.48;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}

.box-content_text {
	max-width: 750px;
}

.box-content_text img {
	max-width: 100%;
}

.remove_marginBottom {
	margin-bottom: 0 !important;
}

.remove_marginTop {
	margin-top: 0 !important;
}

.block-level {
	display: block !important;
}

.commands .command-name {
	text-align: left;
	width: 195px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}

.commands .command-desc {
	font-size: 14px;
	font-weight: 400;
	color: #aaa;
	text-align: left;
}

.commands .command-name,
.commands .command-desc {
	display: inline-block;
}

.commands {
	border-bottom: 2px solid rgba(255, 255, 255, 0.08);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.commands:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.section-commands {
	margin-top: 50px;
}

.premium-btn {
	background-color: #484d58;
	transition: 0.4s;
	margin: 0 auto;
}

.premium-btn:hover {
	opacity: 0.6;
}

.premium-box-buttons>.button-wrap:first-child {
	margin-right: 0;
}

.premium-info span:first-child {
	margin-right: 15px;
}

.premium-info span {
	display: inline-block;
}

.premium-box-buttons .button-wrap {
	width: 350px;
}

.flexbox .premium-info {
	font-size: 16px;
	color: #fff;
}

.flexbox .premium-info span strong {
	font-weight: normal;
	font-size: 24px;
}

.flexbox .premium-info span em {
	font-style: normal;
	font-size: 13px;
}

button.special-btn {
	background-color: rgba(31, 149, 240, 0.5);
}

button.special-btn:hover {
	opacity: 0.6;
}

.flexbox .premium-info:before {
	content: "";
	border-top: 1px solid #464646;
	display: block;
	width: 65%;
	margin: 0 auto;
}

h1.premium {
	color: rgba(31, 149, 240, 1);
}

.premiumGrid {
	display: grid;
	grid-template-columns: 50% 50%;
	margin-top: 50px;
}

.premiumGridBox {
	padding: 50px;
	position: relative;
	cursor: pointer;
}

.premiumGridBox_inner {
	-webkit-transition: -webkit-transform ease-in 170ms;
	-moz-transition: -moz-transform ease-in 170ms;
	-o-transition: -o-transform ease-in 170ms;
	-ms-transition: -ms-transform ease-in 170ms;
	transition: transform ease-in 170ms;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-o-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.premiumGridBox_inner img {
	margin-right: 20px;
	width: 150px;
}

.ftText {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: box;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 305px;
}

.ftText_sub {
	font-size: 16px;
	margin-top: 9px;
}

.premiumGrid>div {
	background-color: rgb(40, 42, 47);
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
}

.premiumGrid>div:nth-child(even) {
	margin-right: 0;
}

.ftText_head {
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.08);
	margin-bottom: 5px;
	padding-bottom: 15px;
}

.premiumGridBox_inner img {
	opacity: 0.6;
	transition: 0.4s;
}

.premiumGridBox:hover>.premiumGridBox_inner img {
	opacity: 1;
}

.premiumGrid>div,
.wrap-section {
	transition: 0.4s;
}

.removeDefault_fullWidth {
	width: 100%;
	max-width: 100%;
}

.addLine_spacer:after {
	content: "";
	display: block;
	border-bottom: 3px solid rgb(255, 255, 255);
	width: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ftText_sub {
	line-height: 1.8em;
	color: #aaa;
}

.commands .tutorial-name,
.commands .tutorial-desc {
	display: block;
}

.commands .tutorial-name {
	width: auto;
	margin-bottom: 15px;
}

.tutorial-tags {
	margin-top: 15px;
}

.tutorial-tags .tag {
	background-color: rgb(60, 65, 70);
	margin-right: 10px;
	color: #fff;
	user-select: none;
	white-space: nowrap;
	padding: 5px 10px;
	border-radius: 3px;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
}

.accordion {
	background-color: rgb(60, 65, 70);
	color: #aaa;
	cursor: pointer;
	padding: 20px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 16px;
	transition: 0.4s;
	border-radius: 4px;
	font-weight: 600;
}

.active,
.accordion:hover {
	background-color: rgba(60, 65, 70, 0.4);
}

.accordion:after {
	content: "\002B";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.panel {
	padding: 0 20px;
	background-color: rgba(60, 65, 70, 0.4);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.panel p {
	margin-top: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

#footer {
	overflow: hidden;
	padding: 6rem 0;
	background-color: #0d2735;
}

#footer .footer_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-inline: auto;
	width: 100%;
	max-width: 90%;
}

#footer .footer_container .row {
	display: flex;
	flex-wrap: wrap;
}

.footerLinks {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	margin-bottom: 4rem;
	margin-inline: auto;
	gap: 3rem;
}

.footer_premiumBanner {
	margin-bottom: 2.5rem;
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.row_footerLast-col {
	grid-column: span 2;
}

.col {
	position: relative;
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
}

.premium_banner_ad {
	overflow: hidden;
	color: #fff;
	flex: 1 1 auto;
	padding: 2rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	background-color: #0b212d;
	border-radius: 10px;
}

.prem_-flex-text {
	z-index: 1;
	position: relative;
	align-items: center !important;
	justify-content: space-between !important;
	display: flex !important;
}

@media (min-width: 768px) {
	.prem_-flex-text {
		flex-direction: row !important;
	}
}

.prem_-text-h3-modeText {
	color: #fff;
	letter-spacing: -0.03em;
	text-align: center !important;
	text-transform: none;
	font-size: 34px;
	text-align: center;
	font-weight: 600;
}

.prem_-flex-text button {
	width: 250px;
}

.row_small-col {
	position: relative;
}

.small-col_title,
.medium-col_title {
	color: #fff;
	margin-bottom: 2rem;
	line-height: 1.5;
	font-size: 1.2rem;
	font-weight: 700;
}

.row_small-colNavigationList li a {
	opacity: 0.5;
	color: #fff;
	transition: opacity 0.2s linear;
	display: block;
	padding: 0 0.5rem 1rem 0;
	font-weight: 600;
	text-decoration: none;
	outline: 0;
}

.row_small-colNavigationList li a:hover {
	opacity: 1;
}

.row_medium-col {
	position: relative;
}

.medium-col_Contact {
	font-size: 0.9rem;
	font-weight: 600;
	padding-left: 0;
	list-style: none;
	margin: 0;

	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.medium-col_Contact li {
	display: flex !important;
	align-items: center;
	gap: 0.5rem;
}

.blockSpan {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 600;
	display: block;
}

.row_footerLast-col {
	position: relative;
}

.footerForm {
	display: flex;
	flex-wrap: wrap;
}

.newsletter-col {
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
}

.form-input {
	transition: background-color 0.2s ease, border-color 0.2s ease,
		opacity 0.2s ease;
	margin-bottom: 0.75rem !important;
	display: block;
	width: 100%;
	height: calc(2.375rem + 2px);
	padding: 0.4375rem 0.75rem;
	font-size: inherit;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 0;
	border-radius: 0.3125rem;
}

button.newsletter-button {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #203846;
	display: inline-block;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	border: 1px solid transparent;
	padding: 0.4375rem 1.25rem;
	font-size: 14px;
	font-family: inherit;
	line-height: 1.5;
	border-radius: 0.3125rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button.newsletter-button:hover {
	background-color: #2d4a5a;
}

button.newsletter-button:active {
	top: 1px;
	background-color: #192b35;
}

.newsletter-small {
	color: rgba(255, 255, 255, 0.7) !important;
	display: block;
	margin-top: 0.25rem;
	line-height: 1.1875rem;
	font-weight: 600;
	font-size: 0.75rem;
}

.medium-col_Contact li .fa {
	font-size: 1.5rem;
	color: #fff;
	width: 25px;
	line-height: 1.5;
}

.medium-col_Contact li:last-of-type .fa {
	font-size: 1.3rem;
}

.medium-col_ContactListItemDiv span {
	color: #fff;
}

.medium-col_ContactListItemDiv {
	line-height: 1.5;
}

.ContactByMail a {
	color: #fff;
	text-decoration: none;
	outline: 0;
}

.row_footerLast-col p {
	line-height: 1.5;
	color: #fff;
	margin-bottom: 15px;
}

.footerSocialLinks {
	margin-bottom: 15px;
	justify-content: center !important;
}

.footerSocialIcons {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
}

.socialIcons {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-top: 0;
}

.socialIcons li a {
	opacity: 0.5;
	color: #fff;
	transition: all 350ms ease-in-out;
	display: block;
	padding: 0.5rem 1rem;
	font-weight: 600;
	text-decoration: none;
	background-color: transparent;
	font-size: 1.8rem;
	outline: 0;
}

.socialIcons li a:hover,
.socialIcons li a:focus-visible {
	opacity: 1;
}

.footerCopyrightLine {
	flex-direction: column;
	justify-content: center !important;
}

.copyright {
	text-align: center !important;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
}

.copyright small {
	color: rgba(255, 255, 255, 0.7) !important;
	display: inline-block;
	line-height: 1.5;
	font-weight: 600;
	font-size: 13px;
}

#footer {
	padding-bottom: 2.5rem;
}

#navbar a {
	outline: 0;
}

span.payments {
	display: inline-block;
	margin-top: 10px;
}

span.payments>img {
	max-width: 80px;
	filter: grayscale(50%);
	margin-right: 5px;
}

span.payments>img:nth-child(3) {
	max-width: 60px;
}

span.payments>img:nth-child(4) {
	max-width: 50px;
}

span.payments>img:nth-child(5) {
	max-width: 30px;
}

span.payments strong {
	font-size: 14px;
	opacity: 0.5;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
}

span.payments>img:hover {
	filter: grayscale(0%);
}

#logo img {
	height: 30px;
	display: inline-block;
	margin-top: -5px;
}

#navbar .responsiveNavbarToggler {
	float: right;
	position: relative;
	display: inline-block;
}

.respNavbarToggleBtn {
	display: none;
}

nav.navigation_index {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 80px;
	z-index: 50;
	padding: 0 100px;
	background: none;
}

nav.navigation {
	position: relative;
	height: 100px;
	z-index: 2;
	padding: 0 12rem;
}

.nav-logo {
	float: left;
	line-height: 80px;
	background-color: transparent;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

ul.nav-menu,
ul.nav-menu li,
ul.nav-menu li a {
	float: left;
}

ul.nav-menu {
	padding-left: 25px;
}

ul.nav-menu li a {
	line-height: 80px;
	padding: 0 25px;
	text-align: center;
	text-decoration: none;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	font-family: "Balsamiq Sans", cursive;
	font-size: 0.8em;
	color: #fff;
	font-weight: 600;
}

ul.nav-menu li a i {
	vertical-align: middle;
	font-size: 1.1rem;
}

@media (min-width: 1024px) {
	span.responsive-hide-elem {
		display: inline-block;
	}
}

.nav-toggle {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 80px;
	background-color: rgb(49, 52, 60);
	cursor: pointer;
}

span.icon-bar {
	position: absolute;
	right: 12px;
	display: block;
	width: 26px;
	height: 2px;
	background-color: #ffffff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.icon-bar:nth-child(1) {
	top: 27px;
}

.icon-bar:nth-child(2) {
	top: 34px;
}

.icon-bar:nth-child(3) {
	top: 41px;
}

.nav-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.nav-overlay.active_respnav {
	opacity: 1;
	visibility: visible;
}

.nav-toggle.active_respnav .icon-bar:nth-child(1) {
	top: 34px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-toggle.active_respnav .icon-bar:nth-child(2) {
	width: 0;
}

.nav-toggle.active_respnav .icon-bar:nth-child(3) {
	top: 34px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-width: 980px) {
	ul.nav-menu {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		height: 0;
		padding: 0;
		overflow: hidden;
		display: block !important;
	}

	ul.nav-menu.active_respnav {
		height: auto;
	}

	ul.nav-menu li {
		width: 100%;
	}

	ul.nav-menu li a {
		width: 100%;
		padding: 20px 40px;
		text-align: center;
		background-color: rgb(36, 37, 42);
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
		border-radius: 0;
	}

	.nav-toggle {
		display: block;
	}

	nav.navigation {
		margin: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	}
}

@media screen and (min-width: 980px) {
	.nav-overlay.active_respnav {
		visibility: hidden;
		opacity: 0;
	}
}

nav.navigation {
	margin: 0;
}

.nav-logo img {
	height: 30px;
	display: inline-block;
	margin-top: -5px;
}

.dropdown-content a {
	color: #3e3f5e;
	padding: 10px 15px;
	text-decoration: none;
	display: block;
	font-size: 13px;
	line-height: 25px;
	float: none !important;
	text-align: left !important;
	font-weight: 500;
	letter-spacing: 0.6px;
	transition: 0.4s;
}

@media screen and (max-width: 1050px) {
	.nav-logo {
		display: inline;
	}
}

@media screen and (max-width: 990px) {
	.add-PaddingRight {
		padding: 0 !important;
	}

	.wrap-section {
		padding: 20px;
	}

	.prem_-flex-text {
		display: block !important;
	}

	.prem_-flex-text button {
		width: 100%;
		display: block;
		margin-top: 15px;
	}
}

@media screen and (max-width: 990px) {
	.add-PaddingLeft {
		padding-left: 0 !important;
	}

	.wrap-section,
	.inner,
	.section-img,
	.section-text {}

	.section-img {
		text-align: center;
	}

	.section-img:nth-child(odd) {
		margin-bottom: 15px;
	}

	.section-text:nth-child(odd) {
		margin-bottom: 15px;
	}

	.wrap-section .inner .section-text h1,
	.wrap-section .inner .section-text h1 {
		text-align: center;
	}

	.respClearLeft {
		padding-left: 0;
	}

	.moderation_preContainerImgs {
		margin-top: 15px;
	}

	.prev {
		left: 0;
	}

	.moderation_preContainerImgs>.container>.mySlides>img {
		max-width: 80% !important;
		width: 80% !important;
	}

	.serverButtons button {
		padding: 10px 15px;
	}
}

@media screen and (max-width: 700px) {
	.box-buttons {
		display: block;
		width: 100%;
	}

	.mainWrapper {
		padding: 1rem;
	}

	#footer {
		padding: 40px 0;
	}

	#footer .footer_container {
		width: 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;

		margin-right: auto;
		margin-left: auto;
	}

	.box-buttons .button-wrap {
		width: 100%;
	}

	.box-buttons .button-wrap:first-child {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 780px) {
	.row_footerLast-col {}

	.row_small-col,
	.row_medium-col {}

	.mainWrapper .flexbox {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.section-clear:after {
		margin: 40px 0;
	}

	.footerLinks {
		display: flex !important;
		flex-direction: column;
	}
}

@media screen and (max-width: 1024px) {
	.premium-box-buttons {
		display: block;
	}

	.premium-btn {
		width: 100%;
	}

	.flexbox .premium-info:before {
		width: 100%;
	}
}

@media screen and (max-width: 1080px) {
	.premiumGridBox {
		padding: 20px;
	}

	.premiumGridBox_inner img {
		width: 10%;
	}
}

@media screen and (max-width: 850px) {
	.premiumGrid {
		display: block;
	}

	.premiumGrid>div {
		margin-right: 0;
	}

	.ftText {
		max-width: 100%;
	}
}

.memberServerSelection {
	margin: 0 auto;
	width: 50%;
	background-color: var(--element-box-bg);
	box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 10%);
	border-radius: 6px;
	padding: 20px;
}

.memberServerSelection>.serverSelectionTitle {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.1rem;
	letter-spacing: 0.2px;
	text-align: center;
}

.serverSelection_serverList {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}

.serverSelection_serverList>.serverName>img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 5px;
}

.serverSelection_serverList>.serverName {
	font-size: 14px;
	font-weight: 600;
	color: #3e3f5e;
}

button.serverButtonDashboard {
	background-color: rgba(0, 255, 161, 0.55);
	transition: 0.4s;
}

button.serverButtonDashboard:hover {
	background-color: rgba(0, 255, 161, 0.72);
}

button.serverButtonDashboard:active {
	background-color: rgba(0, 255, 161, 0.36);
}

button.serverButtonSettings {
	background-color: #23d2e2;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,
		border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	font-family: Rajdhani, sans-serif !important;
	font-weight: 700;
	font-size: 0.875rem;
	box-shadow: 4px 7px 12px 0 rgba(35, 210, 226, 0.2);
	border-radius: 6px;
}

button.serverButtonSettings:hover {
	background-color: #1bc5d4;
}

.dropdown_server-selector {
	padding: 0 !important;
}

.serverSelection_serverList {
	padding: 10px;
	background-color: #eee;
	border-radius: 6px;
	box-sizing: border-box !important;
}

@media screen and (min-width: 300px) {
	.flexbox h1 {
		font-size: 20px;
	}

	.flexbox p {
		font-size: 14px;
	}
}

@media screen and (min-width: 767px) {
	.flexbox h1 {
		font-size: 38px;
	}

	.flexbox p {
		font-size: 19px;
	}
}

.plugins_nav-menu .premium-page a {
	color: #41efff;
}

.dropbtn_pluginsServers_dd {
	background-color: transparent;
	border: none;
	cursor: pointer;
	line-height: 80px;
	transition: 0.3s;
	font-size: 0.8em;
	color: #fff;
	font-weight: 600;
}

.dropdown-content {
	margin-top: -15px;
}

.pluginList_section {
	margin: 0 auto;
	width: calc(100% - 120px);
}

.pluginList_section .pList_container .pList_box {
	min-height: 100px;
	border-radius: 10px;
	padding: 20px;
	box-shadow: var(--element-box-shadow);
	position: relative;
	cursor: pointer;
}

.pluginList_section .pList_container .pList_box a,
.pluginList_section .pList_container .pList_box {
	outline: 0;
}

.pList_container .pList_box div[data-box-content="image"] {
	position: absolute;
	margin-top: 10px;
}

.pList_container .pList_box div[data-box-content="image"]>.fa {
	font-size: 2.5rem;
}

.pList_container .pList_box div[data-box-content="title"] {
	float: left;
	padding-left: 55px;
	font-weight: 600;
	font-size: 20px;
	font-size: 1.3rem;
}

.pList_container .pList_box div[data-box-content="description"] {
	margin-top: 10px;
	float: left;
	padding-left: 55px;
	line-height: 1.5;
	font-weight: normal;
	font-size: 1rem;
}

.pList_container .pList_box div[data-box-content="image"] img {
	max-width: 100px;
	max-height: 100px;
}

div[data-box-disabled] {
	opacity: 0.4;
}

div[data-box-disabled]:before {
	content: "";
	cursor: default;
	height: 100%;
	width: 100%;
	position: absolute;
}

.pluginList_section .pList_container .pList_box {
	transition: background-color 350ms ease-in-out, color 350ms ease-in-out;
	user-select: none;
}

.login-button {
	float: right;
	font-family: "Balsamiq Sans", cursive;
	font-size: 0.8em;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	position: relative;
}

@media screen and (max-width: 767px) {
	[data-responsive-button] {}

	[data-responsive-visible] {
		display: block;
	}
}

@media screen and (min-width: 767px) {
	[data-responsive-visible] {
		display: none;
	}
}

@media (max-width: 700px) {
	nav.navigation:not(.navigation-dashboard):not(.navigation-plugins):not(.navigation-homepage) {
		padding: 0 40px 0 20px !important;
	}
}

em {
	font-style: normal;
}

@media (max-width: 700px) {

	.dropbtn_pluginsServers_dd em,
	.dropdown-server-selector em,
	.dropdown-username em {
		display: none;
	}
}

.pList_container .pList_box div[data-box-content="description"] {
	clear: both;
}

.flexboxes-wrapper .flex-box:hover,
.custom-select:hover,
.pluginList_section .pList_container .pList_box:hover:not([data-box-disabled]),
.pluginList_section .pList_container .pList_box:focus-within:not([data-box-disabled]) {
	background-color: var(--element-box-bg-hover-effect);
	color: var(--element-box-bg-hover-color);
}

.flexboxes-wrapper .flex-box:hover>.flex-box-title,
.flexboxes-wrapper .flex-box:hover>.flex-box-content,
.pluginList_section .pList_container .pList_box:hover:not([data-box-disabled])>* {
	color: var(--element-box-bg-hover-color);
}

div[data-commands-slots-command-options] button.delete {
	margin-left: 10px;
}

#headerOverlayBackground {
	width: 100%;
	height: 90vh;
	overflow: hidden;
	position: relative;
	padding: 60px 0;
}

#headerOverlayBackground:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 130%;
	height: 96%;
	background: #68a4c4;
	opacity: 0.3;
	z-index: 0;
	border-radius: 0 0 50% 50%;
	transform: translateX(-50%) translateY(18px) rotate(2deg);
}

#headerOverlayBackground:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 130%;
	height: 95%;
	background: linear-gradient(to right,
			rgba(30, 67, 86, 0.8),
			rgba(30, 67, 86, 0.6)),
		url(../img/header-bg.jpg) center top no-repeat;
	z-index: 0;
	border-radius: 0 0 50% 50%;
	transform: translateX(-50%) rotate(0deg);
}

#headerOverlayBackground>.websiteIntro {
	position: relative;
	z-index: 2;
	max-width: 1140px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.rowFlex-d {
	-ms-flex-align: center !important;
	align-items: center !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

#headerOverlayBackground>.websiteIntro>.introFlexBox {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

#headerOverlayBackground>.websiteIntro>.introFlexBox>div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.introFlexBox>div h1 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: 700;
	text-shadow: 0px 0px 10px hsl(0deg 0% 0% / 70%);
}

.introFlexBox>div p {
	font-size: 1rem;
	width: 70%;
	margin: 0 auto 30px auto;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	line-height: 2;
}

.classNavbarUnsticked {
	background: rgba(30, 67, 86, 0.8) !important;
}

.serverSelection_serverList {
	cursor: grab;
}

.hide {
	display: none;
}

#websiteIntroVid>video {
	position: absolute;
	object-fit: cover;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	min-width: 100vh;
	min-height: 100vh;
}

.headerOverlayFixedC {
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;
	width: 100%;
	padding: 20px;
}

#websiteIntroVid {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.websiteIntro {
	position: relative;
	z-index: 2;
	max-width: 1140px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.websiteIntro>.introFlexBox {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.websiteIntro>.introFlexBox>div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.community_statsWrap .__leftCol {
	float: left;
}

.community_statsWrap .__rightCol {
	float: left;
}

.community_stats .count {
	line-height: 1;
	font-size: 34px;
	font-weight: 700;
	color: #3e3f5e;
}

.community_stats .desc {
	line-height: 1.5;
	font-size: 0.9rem;
	font-weight: 600;
}

.wrap-section .inner .section-text h1.community_h1 {
	font-size: 2rem;
}

.community_statsWrap {
	margin: 5rem 0;
}

.community_stats {
	margin-bottom: 3rem;
}

.community_stats:last-child,
.community_stats:last-of-type {
	margin-bottom: 0;
}

.community_statsWrap .__leftCol {
	margin-right: 15rem;
}

.community_stats .count {
	letter-spacing: 1.4px;
}

.community_statsWrap {
	overflow: hidden;
}

@media screen and (max-width: 990px) {
	.community_statsWrap {
		margin: 5rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.row_small-colNavigationCol>.row_small-colNavigationList>iframe {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.introFlexBox>div h1 {
		font-size: 34px;
	}

	.footerLinks {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto;
	}

	.row_small-colNavigationCol {
		grid-row: 1;
		grid-column: 1/-1;
	}

	.row_medium-col {
		grid-row: 2;
		grid-column: span 2;
	}

	.row_footerLast-col {
		grid-row: 3;
		grid-column: 1/-1;
	}
}

@media screen and (max-width: 700px) {
	.community_statsWrap .__leftCol {
		margin-right: 50px;
	}
}

@media screen and (max-width: 700px) {
	.introFlexBox>div h1 {
		font-size: 20px;
	}

	.introFlexBox>div p {
		font-size: 13px;
	}
}

.nav-toggle {
	display: none !important;
}

nav li[data-responsive-visible] {
	display: none !important;
}

nav.navigation_transition {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.box-flex {
	display: flex;
	align-items: center;
	position: relative;
}

.box-flex-content div[data-box-content="title"],
.box-flex-content div[data-box-content="description"] {
	padding-left: 0 !important;
}

.box-flex div[data-box-content="image"] {
	position: initial !important;
	margin: 0 !important;
}

.box-flex .box-flex-content {
	padding-left: 10px;
}

.box-flex a {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.fa.--respshow {
	display: none;
}

@media (max-width: 990px) {
	.fa.--respshow {
		display: inline-block;
	}
}

.serverButtons a {
	text-decoration: none;
	outline: 0;
}

.pList_container .pList_box div[data-box-special-image] img {
	max-width: 70px;
	max-height: 70px;
	margin-inline: 12px;
}

.medium-col_Contact a,
.footerCopyrightLine .privacy a {
	color: #fff;
	text-decoration: none;
}

.medium-col_Contact a:hover,
.footerCopyrightLine .privacy a:hover {
	text-decoration: underline;
}

.footerCopyrightLine .privacy {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: center !important;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
}

.socialIcons [data-ig]:hover>i,
.socialIcons [data-ig]:focus-visible>i {
	background: radial-gradient(circle at 30% 107%,
			#fdf497 0%,
			#fdf497 5%,
			#fd5949 45%,
			#d6249f 60%,
			#285aeb 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.socialIcons [data-ig]:hover,
.socialIcons [data-ig]:focus-visible {
	opacity: 1;
}

.socialIcons [data-yt]:hover>i,
.socialIcons [data-yt]:focus-visible {
	color: red;
}

.socialIcons [data-fb]:hover>i,
.socialIcons [data-fb]:focus-visible {
	color: #4696ff;
}

.socialIcons [data-tw]:hover>i,
.socialIcons [data-tw]:focus-visible {
	color: #bf94ff;
}

.socialIcons [data-li]:hover>i,
.socialIcons [data-li]:focus-visible {
	color: #2368c1;
}

.logo a {
	text-decoration: none;
	outline: 0 !important;
}

.logo-new {
	max-height: 80px;
}

.site-name {
	background: var(--logo-name-gradient, linear-gradient(90deg, hsl(246, 70%, 34%) 0%, hsl(221, 57%, 55%) 100%));
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

html .onoffcanvas-toggler::after,
html .onoffcanvas-toggler::before {
	border-color: var(--jobs-mobile-menu-header-col) !important;
}

@media screen and (max-width:700px) {
	.logo-new {
		max-height: 40px;
	}

	.site-name {
		font-size: 15px
	}

	;
}

.logo-halloween {
	border-radius: 50vh;
}

.site-name {
	/*
	background: var(--logo-name-gradient-halloween);
	background: var(--logo-name-gradient-valentinesday);
	*/
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	margin-left: 12px;
}

.button-type[data-button-action="login"] {
	padding-inline: 1rem;
	gap: .5rem;
	line-height: 1.8;
}

.button-type[data-button-action="login"] svg {
	width: 1.2rem;
	height: 1.2rem;
}



/* stuff for the new footer */

.custom-select select {
	display: none;
}

.custom-select{position:relative;font-family:inherit;font-size:.9rem}.select-selected:after{position:absolute;content:"";top:18px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#9e9e9e transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #9e9e9e;top:7px}.select-items div,.select-selected{font-family:inherit;font-size:14px;color:#2a2a2a;padding:10px;border:0;cursor:pointer;border-radius:6px;line-height:1.5;box-sizing:border-box!important}.select-items div:not(:last-of-type){margin-bottom:5px}.select-items{position:absolute;top:100%;left:0;right:0;z-index:99;padding:10px;border-radius:6px}.container,.range{position:relative}.same-as-selected,.select-items div:hover{background-color:rgb(219 219 219)}
.custom-select:hover{background-color:#1bc5d4;transition:background-color .5s ease-in-out,color .5s ease-in-out}
.custom-select:hover{background-color:var(--white-darker)}
.custom-select,.select-selected{user-select:none}
.custom-select .select-items {box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);overflow-y: auto;margin-top: 10px;}
.custom-select .select-hide {display:none}


.snfooter-build {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	line-height: normal;
	background: var(--snfooternew-grad-col-1);
	background: linear-gradient(0deg, var(--snfooternew-grad-col-1) 0%, var(--snfooternew-grad-col-2) 100%);
	box-sizing: border-box;
}

.snfooter-container {
	display: grid;
	padding: 4rem 12px;
	margin-inline: auto;
	width: 100%;
	max-width: 1900px;
	gap: 32px;
}

.snfooter-cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	align-items: start;
	width: 100%;
	gap: 32px;
}

.snfooter-col {
	position: relative;
}

.snfooter-cols > .snfooter-col[data-col="first"] {
	grid-column: span 3;
}

.sitelang, .snfooter-langselector, .custom-select.snfooter-langselector {
	min-width: 200px;
}

.snfooter-utils {
	display: grid;
	gap: 12px;
}

.snfooter-col[data-col="first"] .snfooter-utils {
	gap: 32px;
}

.snfooter-utils > li {
	display: flex;
	flex-direction: column;	
	width: fit-content;
}

.utils-label {
	color: var(--snfooternew-label-col);
	font-weight: 600;
	margin-bottom: 16px;
	user-select: none;
	font-size: inherit;
}

.snfooter-utils .discord-icon svg {
	fill: #fff;
	width: 48px;
	height: 48px;
}

.discord-icon img {
	width: 50px;
}

.snfooter-sociallinks {
	display: flex;
	gap: 24px;
}

.snfooter-sociallinks a {
	color: #fff;
}

.snfooter-sociallinks i {
	font-size: 24px;
}

.snfooter-utils a {
	color: #fff;
	text-decoration: none;
	transition: color 100ms ease-in-out;
}

.snfooter-utils a:hover {
	color: var(--snfooternew-label-col);
}

@media screen and (min-width: 980px) {
	.snfooter-inforow {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.snfooter-inforow .logo .site-name {
	background: white;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	user-select: none;
}

@media screen and (min-width:701px) {
	.snfooter-inforow .logo .site-name {
		font-size: 30px;
	}
}

.custom-select.snfooter-langselector {
	background: transparent !important;
}

.custom-select.snfooter-langselector .select-selected {
	background-color: var(--snfooterlangselector-bg) !important;
	border: 0 !important;
	border-radius: 1rem !important;
	color: white !important;
}

.custom-select.snfooter-langselector:hover .select-selected {
	background-color: var(--snfooterlangselector-bg-hov) !important;
}

.custom-select.snfooter-langselector .select-items {
	background-color: var(--snfooterlangselector-selectitems-wrapper-bg) !important;
	border: 0 !important;
	border-radius: 1rem !important;
	color: white !important;
	max-height: 200px;
}

.custom-select.snfooter-langselector .select-items div {
	color: inherit;
}

.custom-select.snfooter-langselector .select-items div:hover, .custom-select.snfooter-langselector .select-items .same-as-selected {
	background-color: var(--snfooterlangselector-selecteditems-bg);
}

.custom-select.snfooter-langselector .select-items {
	scrollbar-width: thin;
	scrollbar-color: rgb(180, 180, 180) transparent;
}

@media screen and (min-width: 2060px) {
	.snfooter-cols > .snfooter-col[data-col="first"] {
		grid-column: span 4;
	  }
}

@media screen and (min-width: 1420px) and (max-width: 1920px) {
	.snfooter-cols {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

@media screen and (max-width: 1920px) {
	.snfooter-container {
		padding: 32px 12px;
	}
}

@media screen and (max-width: 1419px) {
	.snfooter-cols > .snfooter-col[data-col="first"] {
		grid-column: 1/-1;
	}
}

@media screen and (max-width: 980px) {
	.snfooter-cols {
		grid-template-columns: 1fr;
	}


	.utils-panel {
		cursor: pointer;
		position: relative;
	}

	.snfooter-utils-items {
		display: none;
	}

	.utils-panel:after {
		content: "+";
		position: absolute;
		right: 0;
		font-size: 24px;
    	line-height: 1;
	  }

	.utils-panel.active-utils:after {
		content: "-";
	}

	.snfooter-col:not([data-col="first"]):after {
		content: "";
		background: linear-gradient(to right, var(--dark-600), transparent);
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		display: block;
	}

	.snfooter-cols {
		gap: 16px;
	}

	[data-col="first"] {
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 700px) {
	.snfooter-container {
		max-width: 100%;
	}

	.snfooter-col[data-col="first"] .snfooter-utils li:not(.discord-icon) {
		width: 100%;
	}

	.discord-icon img {
		width: 38px;
	}
}