:root {
	--primary-color: #4F41DE;
	--secondary-color-1000: #323F49;
}

@font-face {
  font-family: "Manrope-200";
  src: url("../fonts/manrope/static/Manrope-ExtraLight.ttf");
}

@font-face {
  font-family: "Manrope-300";
  src: url("../fonts/manrope/static/Manrope-Light.ttf");
}

@font-face {
  font-family: "Manrope-400";
  src: url("../fonts/manrope/static/Manrope-Regular.ttf");
}

@font-face {
  font-family: "Manrope-500";
  src: url("../fonts/manrope/static/Manrope-Medium.ttf");
}

@font-face {
  font-family: "Manrope-600";
  src: url("../fonts/manrope/static/Manrope-SemiBold.ttf");
}

@font-face {
  font-family: "Manrope-700";
  src: url("../fonts/manrope/static/Manrope-Bold.ttf");
}

@font-face {
  font-family: "Manrope-800";
  src: url("../fonts/manrope/static/Manrope-ExtraBold.ttf");
}

@font-face {
  font-family: "Manrope-RegularItalic";
  src: url("../fonts/manrope/static/Manrope-RegularItalic.otf");
}

html {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	background: rgb(24,25,58);
	background: linear-gradient(180deg, #17183A 0%, #202149 24.5%, #2D2E5F 51.5%, #202149 74%, #17183A 100%);
	font-family: "Manrope-400", system-ui !important;
	color: #fff;
	width: 100%;
	overflow-x: hidden !important;
}

body.post-template-default {
	background: url('../img/circle-tr.png') no-repeat top right, url('../img/pricetag.png') no-repeat top 1000px left, url('../img/circle-br.png') no-repeat bottom right, linear-gradient(180deg, #17183A 0%, #202149 24.5%, #2D2E5F 51.5%, #202149 74%, #17183A 100%);
}

body.error404,
body.page-template-error-template {
	background: url('../img/404.png') no-repeat bottom center, linear-gradient(180deg, #17183A 0%, #202149 24.5%, #2D2E5F 51.5%, #202149 74%, #17183A 100%);
}

body.error404.translatepress-sr_RS,
body.page-template-error-template.translatepress-sr_RS {
	background: linear-gradient(180deg, #17183A 0%, #202149 24.5%, #2D2E5F 51.5%, #202149 74%, #17183A 100%);
}

body * {
	font-family: "Manrope-400", system-ui !important;
  	font-optical-sizing: auto !important;
  	font-weight: 400;
  	font-style: normal !important;
}

body .fa {
	font-family: "FontAwesome" !important;
}

body em {
	font-family: "Manrope-RegularItalic" !important;
}

.text-center {
	text-align: center !important;
}

.hidden {
	display: none !important;
}

strong {
	font-family: "Manrope-700" !important;
}

.wp-block-group:has(.wp-block-site-title),
.wp-block-separator {
	display: none;
}

body div.p-0,
body .custom-grid.p-0 {
	padding: 0 !important;
}

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

body .trp-language-switcher {
	width: 95px;
	height: 32px;
	padding: 0;
}

body .trp-language-switcher > div {
	background: rgba(255,255,255,0.1);
	border: 0;
	border-radius: 4px;
	color: #fff;
	width: 95px !important;
	//height: 32px;
	height: 2rem;
	padding: 0;
}

body .trp-language-switcher > div > a {
	width: 95px;
	//height: 32px;
	height: 2rem;	
	//line-height: 30px;
	line-height: 1.8rem;
	padding: 1px 0;
	user-select: none !important;
	outline: none !important;
	letter-spacing: 0;
	width: 80px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #606179;
	border-radius: 0;
	font-weight: 500;
	font-size: 0.85rem;
}

body .trp-language-switcher > div > a:first-of-type {
	border-top: 0;
}

body .trp-ls-shortcode-current-language a::after {
	content: url('../img/dd-arrow.png');
	position: absolute;
	right: 8px;
	top: 5px; /*7px*/
	visibility: visible !important;
}


body .trp-language-switcher .trp-ls-shortcode-language {
	width: 92px;
}

body .trp-language-switcher:focus .trp-ls-shortcode-language, 
body .trp-language-switcher:hover .trp-ls-shortcode-language {
	padding: 0;
}

body .trp-language-switcher:hover .trp-ls-shortcode-current-language.trp-ls-clicked {
	background: transparent;	
}

body .trp-language-switcher:hover .trp-ls-shortcode-current-language.trp-ls-clicked a {
	color: transparent !important;
}

body .trp-language-switcher > div > a:hover {
	border-radius: 0;
	background: transparent;
}

.trp-language-switcher > div > a > img {
	display: none !important;
}

.trp-ls-shortcode-current-language {
	position: relative;
}

.trp-ls-shortcode-current-language::before {
	content: url('../img/language.svg');
	position: absolute;
	top: 4px; /*8px*/
	left: 8px;
	visibility: visible !important;
}

.top-navigation {
	background: transparent !important;
	transition: all 0.3s ease-in-out;
	top: 0 !important;
	width: 100% !important;
    margin: 0 auto;
	padding: 1.5rem 0 !important;
	position: fixed !important;
	z-index: 11 !important;
}

html.has-modal-open .top-navigation,
.top-navigation.active {
	background: #1c1d42 !important;
	border-bottom: 1px solid rgba(255,255,255,0.1);	
}

.top-navigation .top-nav-row {
	width: 100% !important;
	margin: 0 auto;
}

.top-navigation figure {
	float: left;
	margin-left: 4.5rem !important;
}

.top-navigation .nav-rightside {
	float: right;
	margin-top: 0px;
	margin-right: 4.5rem !important;
}

.top-navigation figure a {
	height: auto !important;
}

.top-navigation figure a img {
	height: 2.8rem;
	width: auto;
	max-height: 53px;
}

.top-navigation a,
.top-navigation a span,
.top-navigation button {
	color: rgba(255,255,255,0.7) !important;
	//font-size: 16px;
	font-size: 0.85rem;
	letter-spacing: 2px;
	//line-height: 21.86px;
	line-height: 1rem;
	outline: none !important;
	text-transform: uppercase;
}

.top-navigation a,
.top-navigation button {
	height: 40px;
	line-height: 40px;
}

.top-navigation a:hover,
.top-navigation a span:hover,
.top-navigation button:hover {
	color: #fff !important;
}

.top-navigation button + span {
	transition: all 0.3s ease-in-out;
}

.top-navigation button[aria-expanded="true"] + span {
	transform: rotate(-180deg);	
}

.top-navigation .wp-block-navigation .wp-block-navigation-item {
	//height: 22px;
}

.top-navigation li svg {
	color: #fff !important;
	margin: 0 !important;
}

.top-navigation li ul {
	border-radius: 12px;
	background: #F2F6FA;
	border: 1px solid rgba(255,255,255,0.15);
	padding: 14px 32px;
	top: 46px !important;
    left: 50% !important;
    transform: translateX(-50%);
}

.top-navigation li ul li {
	background: transparent !important;
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item {
	color: #323F49;
	height: 24px;
	margin: 10px !important;
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item a {
	padding: 0;
	height: 24px;
	line-height: 24px;
	color: #323F49;
	letter-spacing: unset;
	padding-left: 36px;
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item a:hover span {
	color: #323F49 !important;
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item.api-docs-link a::before,
.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item.tutorials-link a::before,
.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item.changelog-link a::before {
	content: url('../img/api-icon.png');
	position: absolute;
	left: -20px;
	top: 0;
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item.blog-link a::before {
	content: url('../img/blog.svg');
	position: absolute;
	left: -20px;
	top: 0;
}

.api-docs-link span {
	line-height: 22.8px !important;
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item.tutorials-link a::before {
	content: url('../img/tutorials-icon.png');
}

.top-navigation .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item.changelog-link a::before {
	content: url('../img/changelog-icon.png');
}

.top-navigation li ul li a span {
	color: var(--secondary-color-1000) !important;
	text-transform: none;
}

.top-navigation .current-menu-item a span,
.page-template-pricing .pricing-link span,
.page-template-contactus .contact-us-link span,
.page-template-faq .faq-link span,
.page-template-tutorials li.resources-link > button > span {
	color: #fff !important;
}

.resources-link button {
	margin-right: -10px;
    padding-right: 20px !important;
}

.active-nav-link::before,
.top-navigation .current-menu-item::before,
.page-template-pricing .pricing-link::before,
.page-template-contactus .contact-us-link::before,
.page-template-faq .faq-link::before,
.page-template-tutorials li.resources-link:before {
	content: '';
	position: absolute;
	width: 100%;
	background: #4F41DE;
	top: -1.75rem;
	height: 9px;
	border-radius: 0 0 4px 4px;
	transition: all 0.3s ease-in-out;
}

body .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
	margin-left: 0;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, 
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, 
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
	min-width: 270px;
	width: max-content;
}

.hero-block {
	//height: 800px;
	height: auto;
	//margin-top: 125px !important;
	margin-top: 2rem !important;
	padding-bottom: 2.5rem !important;
	margin-bottom: 5rem !important;
}

#header-media-wrapper .hero-img {
	display: none !important;
}

#header-media-wrapper .wp-block-embed-youtube {
	border-radius: 24px;
	overflow: hidden;
}

.lead-section-block {
	//margin-top: 130px !important;
	margin-top: 2.5rem !important;
	padding-bottom: 3.5rem !important;
}

.lead-section-block.pp-group {
	gap: 0 !important;
	margin-bottom: 3.5rem !important;
	padding-bottom: 0 !important;
}

.section-title,
.section-text {
	color: #fff;
}

h1.section-title {
	font-size: 3.5rem !important;
	line-height: 3.5rem !important;
}

h1.section-title.center-title {
	text-align: center;
	margin: 0 auto;
}

.section-text {
	opacity: 0.7;
	font-weight: 200;
	//font-size: 18px;
	font-size: 1.1rem;
	font-family: "Manrope-200" !important;
}

.section-text.center-text {
	text-align: center;
	margin: 0 auto;
	width: 50%;
}

.hero-block .section-text {
	width: 90%;
	font-size: 1.2rem;
    line-height: 1.7rem;
	margin-top: 1rem;
}

.cta-button.full-w-btn,
.cta-button.full-w-btn a {
	width: 100%;
}

.cta-button a,
.submit-form-btn {
	height: 3.75rem;
    padding: 1.1rem 2.8rem;	
	font-size: 0.875rem;
	margin-top: 30px !important;
	border-radius: 2rem !important;
	background: rgb(174,130,254) !important;
	background: linear-gradient(90deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
	letter-spacing: 3px;
}

.cta-button a:hover {
	transition: all 0.3s ease-in-out;
}

.cta-button.cta-button-alt a {
	background: #fff !important;
	color: #5042de !important;
	font-weight: 700 !important;
}

.cta-button img {
	vertical-align: middle;
    margin: -4px 0 0 10px;
	float: right;
	position: relative;
	left: 0;
	transition: all 0.3s ease-in-out;
}

.cta-button:hover img {
	left: 1.2rem;
	transition: all 0.3s ease-in-out;
}

.cta-button.cta-button-outlined {
	width: 90%;
	margin: 0 auto;
}

.cta-button.cta-button-outlined.login-btn {
	width: auto !important;
}

.cta-button.cta-button-outlined a {
	background: transparent !important;
	color: #fff;
	border: 0;
	position: relative;
	//border-image: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%) 1;
}

.cta-button.cta-button-outlined a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  padding: 2px; /* control the border thickness */
  background: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.cta-button.cta-button-outlined a img {
	float: none;
}

.custom-grid {
	width: 80% !important;
	max-width: 1600px !important;
	margin: 0 auto;
}

.benefit-grid {
	padding-top: 0 !important;
	padding-bottom: 2.5rem !important;
}

.benefits-block {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100%);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 9px;
	padding: 36px !important;
	backdrop-filter: blur(40px);
	box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.1);
	//background: #292a4e;
}

.benefits-img-wrapper {
	//background: url(../img/benefit-bck.jpg) no-repeat center center;
	//background-size: cover;
	background: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%);
	position: relative;
	border-radius: 9px;
}

.benefits-img-wrapper img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% - 80px);
	max-width: fit-content;
	max-height: 100%;
}


.block-title,
.benefits-title {
	color: #fff;	
}

.block-title {
	font-size: 14px;
	font-size: 0.9rem;
	letter-spacing: 5px;
}

.block-title img {
	width: 12px;
    vertical-align: text-top;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

h1.benefits-title,
h1.benefits-title.has-large-font-size {
	//font-size: 48px !important;
	//line-height: 48px !important;
	font-size: 2.4rem !important;
	line-height: 2.4rem !important;
}

body .benefit-item-row {
	font-size: 23px;
	font-size: 1.25rem;
	color: #fff;	
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding-bottom: 16px !important;
	//height: 78px;
	//line-height: 78px;
}

body .benefit-item-row p {
	font-weight: 300 !important;
	letter-spacing: -0.01em;
	font-size: 1.1rem;
}

body .benefit-item-row p strong {
	font-size: 1.15rem;
}

body .benefit-item-row:last-of-type {
	border-bottom: 0;
}

.benefit-img img {
	border-radius: 9px;
}

.box-wrapper {
	position: relative;
	padding-bottom: 250px !important;
	gap: 0 !important;
}

.box-wrapper::after {
	content: '';
	border-right: 1px solid #4f506f;
	position: absolute;
	right: -32px;
	height: 100%;
}

.box-wrapper:last-child::after {
	border-right: 0;
}

.box-grid {
	//margin-top: 100px !important;
	margin-top: 5rem !important;
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding-block: 30px;
	//margin-bottom: 60px !important;
	margin-bottom: 0rem !important;
}

.wp-block-group.box-items-group:has(.box-grid) {
	padding-bottom: 3.5rem !important;
}

.box-title,
.box-text {
	color: #fff;
	//margin-bottom: 60px !important;
	margin-bottom: 1.5rem !important;
}

.box-title {
	//font-size: 32px;
	font-size: 1.8rem;
	//line-height: 38.4px;
	line-height: 2rem;
	letter-spacing: -0.01em;
}

.box-text {
	opacity: 0.7;
	//font-size: 18px;
	font-size: 1rem;
	font-weight: 300;
}

.box-text strong {
	display: block;
	margin-bottom: 1.5rem !important;
}

.box-image {
		position: absolute;
    bottom: 20px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    padding: 50px 0 !important;
    height: 200px; //120px
    box-sizing: content-box;
	}

.box-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.wp-block-group:has(.custom-grid.pricing-grid) {
	padding-top: 0 !important;
}

.custom-grid.pricing-grid {
	margin-bottom: 3.5rem !important;
	//max-width: 1400px !important;
	padding: 0 0px 3.5rem 0px !important;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	gap: 1rem !important;
}

.custom-grid.pricing-section-title {
	    margin-bottom: 2rem !important;
}

.custom-grid.pricing-section-title figure {
	text-align: center;
}

.custom-grid.pricing-section-title img {
	width: 320px !important;
}

.custom-grid.pricing-section-title p {
	color: #fff;
	text-align: center;
	font-size: 2rem;
}

.pricing-box {
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 24px;
	padding: 2.2rem !important;
	background: linear-gradient(360deg, #18193B 0%, #2A2C59 100%);
	position: relative;
	padding-bottom: calc(4.4rem + 60px) !important;
}

.pricing-box.pricing-box-alt {
	//padding-bottom: 2.2rem !important;
}

.pricing-plan-header {
	width: 100%;
	background: rgb(174,130,254) !important;
	background: linear-gradient(180deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
	border-radius: 20px;
	color: #fff;
	padding: 2.2rem !important;
	height: 250px;
	position: relative;
}

.pricing-plan-header.free-plan-header {
	background: linear-gradient(180deg, #9698CE 0%, #44467B 100%) !important;
}

.pricing-plan-header.standard-plus-plan-header {
	background: linear-gradient(180deg, #C2D6E2 0%, #7E8F9A 100%) !important;
}

.pricing-box-title {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: 3px;
}

.pricing-box-text {
	font-size: 0.9rem;
	line-height: 1.2rem;
	margin-top: 30px !important;
}

.pricing-box-price {
	font-size: 3rem;
	font-family: "Manrope-600" !important;
	line-height: 3rem;
	//margin-top: 60px !important;
	position: absolute;
    bottom: 2.2rem;
}

.pricing-box-tabs {
	//width: 100%;
}

.info-img:hover {
    cursor: pointer;
}

.tooltip {
  position: relative;
  display: inline-block;
	top: 5px;
    left: 6px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #5042de;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 8px;
  position: absolute;
  z-index: 1000;
  bottom: 125%; /* Position above image */
  left: 50%;
  transform: translate(-50%, -5px);
  opacity: 0;
  transition: opacity 0.2s;
  font-size: 13px;
  white-space: nowrap;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%; /* Position at bottom of tooltip box */
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #5042de transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.features-list-wrapper {
		width: 100% !important;
	}

.features-list {
	    padding: 0 0 0 20px !important;
    margin: 12px auto 0 auto !important;
    list-style: none;
    width: 100%;
}

.features-list li {
	font-size: 0.875rem;
    line-height: 1.3rem;
    position: relative;
    margin-bottom: 8px;
    padding-left: 40px;
}

.features-list li:last-of-type {
	margin-bottom: 0;
}

.features-list li::before {
	content: url(../img/check.svg);
    position: absolute;
    vertical-align: text-top;
    left: 0;
}

.pricing-grid-wrapper .custom-grid.pricing-grid {
	width: 100% !important;
	max-width: 100% !important;
}

.pricing-box .wp-block-buttons {
	    width: 100% !important;
    margin: 0;
    text-align: center;
	padding-right: 0px !important;
	box-sizing: border-box !important;
	
	position: absolute;
    bottom: 2.2rem;
    width: calc(100% - 4.4rem) !important;
}

.pricing-box.free-trial-box .wp-block-buttons {
	//bottom: 3.3rem !important;
}

.pricing-box .gutena-tabs-block {
	border: 1px solid rgba(255,255,255,0.15);
	padding: 1rem;
	border-radius: 1.2rem;
	    width: 100%;
    box-sizing: border-box;
}

.gutena-tabs-block.pricing-box-tabs {
	padding: 0 !important;
	width: 100%;
}

.gutena-tabs-block.pricing-box-tabs .gutena-tabs-tab,
.pricing-box .gutena-tabs-tab {
	border: 0;
}

.pricing-box .gutena-tabs-content .wp-block-buttons {
	position: static;
	margin-top: 2rem;
	width: 100% !important;
}

.pricing-box .cta-button {
	width: 100%;
}

.pricing-box .cta-button,
.pricing-box .cta-button a {
	//width: 100%;
	margin-top: 0px !important;
	float: right;
}

.custom-grid.contact-header,
.custom-grid.faq-header {
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding-bottom: 3.5rem;
}

.custom-grid.contact-form-grid {
	//min-height: 730px;
	padding-bottom: 3.5rem !important;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	margin-bottom: 3.5rem !important;
}

.contact-header h1,
.faq-header h1 {
	//font-size: 72px !important;
	font-size: 3.5rem !important;
	line-height: 3.5rem !important;
    //font-weight: 600;
}
.contact-form-wrapper {
	padding: 0 64px !important;
}

.contact-form-wrapper h2 {
	font-size: 1.75rem;
	line-height: 1.75rem;
}

.contact-us-form {
	width: 100% !important;	
	margin-top: 0.8rem !important;
	margin-bottom: 0 !important;
}

.wpforms-container .wpforms-field-row {
	max-width: 100% !important;
	width: 100% !important;
}

.wpforms-container .wpforms-field, 
.wp-core-ui div.wpforms-container .wpforms-field {
	padding: 10px 0 !important;
}

.wpforms-container .wpforms-field-label {
	color: #fff !important;
	font-weight: 200 !important;
	padding-left: 16px !important;
	    margin-bottom: 8px !important;
}

.wpforms-container .wpforms-required-label {
	color: #4f41de !important;
}

.wpforms-container input,
.wpforms-container textarea {
	border-radius: 8px !important;
	background: #191832 !important;
	border: 1px solid rgba(255,255,255,0.15) !important;
	color: #fff !important;
	height: 50px !important;
	box-shadow: none !important;
}

.wpforms-container input.wpforms-error {
	border-color: #ff0018 !important;
	background: #392049 !important;
}

.wpforms-container textarea {
	height: 150px !important;
	resize: none !important;
}

.wpforms-container input::placeholder {
	color: #5e5d70 !important;
}

.wpforms-container input:focus,
.wpforms-container textarea:focus {
	background: #16161e !important;
	box-shadow: 0 0 0 2px #4f41de !important;
	border-color: transparent;
}

.wpforms-container input.wpforms-error:focus {
	box-shadow: none !important;
}

.wpforms-container .full-length input {
	width: 100% !important;
	max-width: 100% !important;
}

.wpforms-field-row-block {
	position: relative !important;
}

.wpforms-container em.wpforms-error {
	    position: absolute !important;
    //bottom: -19px !important;
	top: -24px;
	margin: 0 !important;
	right: 12px;
	color: #ff0018 !important;
}

.wpforms-container .wpforms-field-email em.wpforms-error {
	top: 12px !important;
}

.wpforms-container em.wpforms-error::before {
	display: none !important;
}

.wpforms-container .wpforms-field-checkbox .wpforms-field-label-inline {
	color: #fff;
	    opacity: 0.7;
    font-weight: 200;
    font-size: 16px;	
}

.wpforms-container .wpforms-field-checkbox input[type=checkbox] {
	width: 24px;
	height: 24px !important;
	box-shadow: none !important;
}

.wpforms-container .wpforms-field-checkbox input[type=checkbox]:checked {
	box-shadow: 0 0 0 2px #4f41de !important;
}

.wpforms-container .wpforms-field-checkbox input[type=checkbox]:before {
	width: 27px;
	height: 27px !important;
	background: transparent;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.wpforms-container .wpforms-field-checkbox input[type=checkbox]:after {
	top: 2px !important;
	left: 1px !important;
	border-color: #fff !important;
}

.submit-form-btn {
	height: 64px !important;
	padding: 20px 100px 20px 48px !important;	
	font-size: 16px !important;
	letter-spacing: 3px !important;
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	position: relative;
	margin-top: 8px !important;
}

.submit-form-btn::after {
	content: url('../img/cta-arrow-1.svg');
	position: absolute;
	top: 17px;
	right: 48px;
	transition: all 0.3s ease-in-out;
}

.submit-form-btn:hover::after {
	right: 28px;
	transition: all 0.3s ease-in-out;
}

.custom-grid.contact-info-grid {
	margin-bottom: 100px !important;
	border-top: 1px solid rgba(255,255,255,0.15);
	padding-top: 100px;
	margin-top: 0 !important;
}

.pum-overlay.pum-active.form_submission,
	.pum-overlay.pum-active .popmake.active.form_submission {
    		display: block !important;
	}

.pum-container,
.wpforms-confirmation-container-full, 
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: rgb(174, 130, 254) !important;
    background: linear-gradient(90deg, rgba(174, 130, 254, 1) 0%, rgba(82, 67, 222, 1) 100%) !important;
    border-radius: 24px !important;
    padding: 64px !important;
    color: #fff !important;
    border: 0 !important;
    margin: 0 !important;
}

.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	display: none !important;
}

.pum-container {
	max-width: 880px !important;
    //min-height: 650px !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
	top: 50% !important;
	
}

.pum-close {
	    top: 50px !important;
    right: 50px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #5042de !important;
	font-weight: 700 !important;
	    border: 0 !important;
    padding-bottom: 2px !important;
    padding-left: 1px !important;
	font-size: 26px !important;
	    line-height: 24px !important;
	padding: 0 !important;
}

.popup-cta-button {
	background: transparent !important;
    border: 0 !important;
	margin-top: 40px;
}

.confirm-send-icon {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

h1.confirm-send-header {
	    font-size: 50px !important;
    font-weight: 500 !important;
    color: #fff;
    text-align: center;
    width: 80% !important;
    margin: 0 auto 40px auto !important;
    line-height: 50px;
}

p.confirm-send-text {
	    color: #fff !important;
    text-align: center;
    width: 70% !important;
    line-height: 21px;
    margin: 0 auto !important;
}

.wp-block-group:has(.contact-form-title) + .wp-forms-container:has(.wpforms-confirmation-container-full) {
	display: none;
}

.contact-info-box {
	position: relative;
	border-radius: 32px;
	padding: 32px !important;
	background: #191832;
}

.contact-info-box::before {
	content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  padding: 3px; /* control the border thickness */
  background: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.contact-info-box.address-box {
	grid-column: 2;
}

.contact-info-title {
	color: #fff;
	letter-spacing: 2px;
    line-height: 24px;
    font-size: 24px;
}

.contact-info-title img {
	vertical-align: bottom;
	margin-right: 6px;
}

.contact-info-content {
	font-size: 22px;
}

.wp-block-group:has(.custom-grid.faq-header) {
	padding-bottom: 20px !important;
}

.faq-tutorials-box {
	border-right: 1px solid rgba(255,255,255,0.15);
	padding-right: 100px !important;
}

.faq-tutorials-box-alt {
	padding-left: 100px !important;
}

.faq-tutorials-box h2,
.faq-tutorials-box-alt h2 {
	font-size: 48px;
	font-size: 3rem;
}

.faq-tutorials-box p,
.faq-tutorials-box-alt p {
	min-height: 80px;
	font-size: 18px;
	opacity: 0.7;
	font-family: "Manrope-200" !important;
}

.faq-tutorials-box .cta-button a,
.faq-tutorials-box-alt .cta-button a {
	margin-top: 0 !important;
	font-family: "Manrope-700" !important;
}

.faq-tutorials-box .cta-button img,
.faq-tutorials-box-alt .cta-button img {
	float: none !important;
}

.categories-title {
	font-size: 18px;
}

.gutena-tabs-tab {
	border: 1px solid rgba(255,255,255,0.15);
	padding: 8px !important;
	    border-radius: 36px;
}

.gutena-tab-title-text {
	letter-spacing: 2px;
	font-size: 0.9rem;
}

.gutena-tab-title {
	background: transparent !important;
	color: #fff !important;
	position: relative;
	    height: 54px;
    padding: 0 25px !important;
}

.gutena-tab-title::before {
	content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  padding: 2px; /* control the border thickness */
  background: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.gutena-tab-title.active {
	background: rgb(174,130,254) !important;
	background: linear-gradient(90deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
}

.gutena-tabs-block > .gutena-tabs-tab {
	column-gap: 8px !important;
}

.gutena-tabs-block > .gutena-tabs-content > .gutena-tab-block {
	background: transparent !important;
	padding: 0 !important;
}

.faq-grid {
	display: none !important;
}

.custom-grid.faq-custom-grid {
	padding-top: 10px !important;
	padding-bottom: 40px !important;
}

.custom-grid.faq-custom-grid.faq-img-grid {
	height: 305px;
	/*background: url('https://www.qerdos.com/wp-content/uploads/2024/10/faq-bottom.png') no-repeat center center;*/
	background: linear-gradient(270deg, #B184FF 0%, #4F41DE 100%);
	border-radius: 30px;
	margin-bottom: 60px !important;
	position: relative;
}

.custom-grid.faq-custom-grid.faq-img-grid::before {
	content: ' ';
 	 display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: url('https://www.qerdos.com/wp-content/uploads/2024/11/faq-bck.png') no-repeat calc(100% - 97px) center;
}

.faq-banner-img {
	padding: 24px 0 0 97px !important;
}

.faq-text {
	color: #fff;
	opacity: 0.6;
}

.ac_title_class span {
	display: none;
}

.custom-grid #wpsm_accordion_40 .wpsm_panel,
.custom-grid #wpsm_accordion_41 .wpsm_panel,
.custom-grid #wpsm_accordion_748 .wpsm_panel,
.custom-grid #wpsm_accordion_749 .wpsm_panel,
.custom-grid #wpsm_accordion_750 .wpsm_panel,
.custom-grid #wpsm_accordion_751 .wpsm_panel {
	background: transparent;
	border-bottom: 1px solid #4f506f !important;
}

.custom-grid #wpsm_accordion_40 .wpsm_panel-default > .wpsm_panel-heading,
.custom-grid #wpsm_accordion_41 .wpsm_panel-default > .wpsm_panel-heading,
.custom-grid #wpsm_accordion_748 .wpsm_panel-default > .wpsm_panel-heading,
.custom-grid #wpsm_accordion_749 .wpsm_panel-default > .wpsm_panel-heading,
.custom-grid #wpsm_accordion_750 .wpsm_panel-default > .wpsm_panel-heading,
.custom-grid #wpsm_accordion_751 .wpsm_panel-default > .wpsm_panel-heading{
	color: #fff !important;
	background: transparent !important;	
	padding: 0;
}

.wpsm_panel-title a .ac_title_class {
	padding: 0 !important;
	font-size: 24px;
	font-size: 1.2rem;
	font-weight: 200 !important;
}

.custom-grid #wpsm_accordion_40 .wpsm_panel-title a,
.custom-grid #wpsm_accordion_41 .wpsm_panel-title a,
.custom-grid #wpsm_accordion_748 .wpsm_panel-title a,
.custom-grid #wpsm_accordion_749 .wpsm_panel-title a,
.custom-grid #wpsm_accordion_750 .wpsm_panel-title a,
.custom-grid #wpsm_accordion_751 .wpsm_panel-title a {
	color: #fff !important;
	padding: 0;
	height: 72px;
	line-height: 72px;
}

.custom-grid #wpsm_accordion_40 .wpsm_panel-title a:hover,
.custom-grid #wpsm_accordion_40 .wpsm_panel-title a:focus,
.custom-grid #wpsm_accordion_40 .wpsm_panel-title a:active,
.custom-grid #wpsm_accordion_41 .wpsm_panel-title a:hover,
.custom-grid #wpsm_accordion_41 .wpsm_panel-title a:focus,
.custom-grid #wpsm_accordion_41 .wpsm_panel-title a:active,
.custom-grid #wpsm_accordion_748 .wpsm_panel-title a:hover,
.custom-grid #wpsm_accordion_749 .wpsm_panel-title a:hover,
.custom-grid #wpsm_accordion_750 .wpsm_panel-title a:hover,
.custom-grid #wpsm_accordion_751 .wpsm_panel-title a:hover,
.custom-grid #wpsm_accordion_748 .wpsm_panel-title a:focus,
.custom-grid #wpsm_accordion_749 .wpsm_panel-title a:focus,
.custom-grid #wpsm_accordion_750 .wpsm_panel-title a:focus,
.custom-grid #wpsm_accordion_751 .wpsm_panel-title a:focus {
	color: #9a74f7 !important;
}

body .custom-grid .wpsm_panel-title a[aria-expanded=true] .ac_title_class {
	color: #9a74f7 !important;
	font-family: "Manrope-700" !important;
}

body #wpsm_accordion_40 .ac_open_cl_icon,
body #wpsm_accordion_41 .ac_open_cl_icon,
body #wpsm_accordion_748 .ac_open_cl_icon,
body #wpsm_accordion_749 .ac_open_cl_icon,
body #wpsm_accordion_750 .ac_open_cl_icon,
body #wpsm_accordion_751 .ac_open_cl_icon {
	height: 72px !important;
	line-height: 72px !important;
	background: transparent !important;
	color: #fff !important;
	padding: 0 !important;
}

.ac_open_cl_icon.fa.fa-plus::before {
	content: url('../img/chevron-down.png');
}

.ac_open_cl_icon.fa.fa-minus::before {
	content: url('../img/chevron-up.png');
}

body #wpsm_accordion_40 .wpsm_panel-body,
body #wpsm_accordion_41 .wpsm_panel-body,
body #wpsm_accordion_748 .wpsm_panel-body,
body #wpsm_accordion_749 .wpsm_panel-body,
body #wpsm_accordion_750 .wpsm_panel-body,
body #wpsm_accordion_751 .wpsm_panel-body {
	background: transparent !important;
	font-family: "Manrope-200" !important;
	color: #fff !important;
	padding: 5px 0 15px 0;
	font-size: 1rem !important;
	font-weight: 200 !important;
	opacity: 0.8;
}

.wpsm_panel-body a {
	color: #fff !important;
}

.custom-grid.faq-contact-grid {
	margin-bottom: 80px !important;
	padding: 0px !important;
	margin-top: 0 !important;
	gap: 0 !important;	
}

.faq-info-title {
	color: #fff;
    line-height: 34px;
    font-size: 34px;
	margin-top: 10px !important;
}

.contact-support-wrapper {
	margin-top: -50px !important;
}

.custom-grid.faq-footer {
	border-top: 1px solid rgba(255,255,255,0.15);
	padding: 64px 0 !important;
}

body .marketplace-grid {
	height: auto;
	padding: 90px 90px 154px 90px;
	border-radius: 24px;
	background: url('../img/marketplace-bck.png') no-repeat center right, linear-gradient(90deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
	display: none;
}

body .template-marketplace .marketplace-grid {
	display: block !important;
}

/*body.page-template-pricing .marketplace-grid {
	border-top: 1px solid rgba(255,255,255,0.15);
	padding-top: 3.5rem !important;
}*/

.marketplace-grid .cta-button.cta-button-alt a {
	    position: absolute;
    bottom: 64px;
}

.marketplace-text {
	color: #fff;
	width: 70%;
	font-size: 18px;
	font-size: 1.1rem;
	font-weight: 200;
	margin-top: 24px !important;
}

.marketplace-img {
	position: absolute;
	bottom: 0px;
	right: 64px;
	//max-width: 50%;
	max-width: 45%;
}

.marketplace-grid .cta-button img {
	float: none !important;
}

.footer-nav {
	height: 56px;
	line-height: 56px;
	margin: 20px 0 50px 0 !important;
	display: none !important;
}

.footer-nav a span {
    font-size: 16px;
    letter-spacing: 4px;
    font-weight: 300;
	margin-right: 12px;
}

.marketplace-grid,
.footer-social-grid {
	background: rgb(174,130,254) !important;
	background: linear-gradient(90deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
	border-radius: 16px;
	height: 117px;
	padding: 32px;
	margin-bottom: 40px !important;
	position: relative;
}

.footer-social-grid {
	//display: none !important;
}

.social-section {	
	padding-right: 0 !important;
}

.footer-social-title {
	padding-right: 26px;
	padding-top: 5px;
	margin-right: 2.5rem;
}

.wp-block-group:has(> .social-media-title) {
	height: 100%;
	justify-content: end;
	gap: 0;
}

.social-media-title {
	color: #fff;
	font-size: 1rem;
	line-height: 100%;
	letter-spacing: 2px;	    
}

.footer-logo {
	//margin-top: 10px !important;
}

.social-icons-wrapper figure {
	float: left;
    margin: 0;
    margin-left: 1.5rem !important;
}

.social-icons-wrapper img {
	cursor: pointer;
}

.copyright-grid {
	border-top: 1px solid #4f506f !important;
	height: 70px;
	//line-height: 100px;
	//padding: 49px 0;
	color: #fff;
	//font-size: 16px;
	font-size: 0.85rem;
	//font-size: 1rem;
}

.copyright-grid .design-by {
	color: #fff;
}

.copyright-grid .design-by a,
.design-link {
	color: #B184FF !important;
	//font-size: 16px;
	//font-size: 1rem;
	font-size: 0.85rem;
	font-weight: 600;
}

.copyright-grid p {
	letter-spacing: 2px;
	padding: 2rem 0;
	//padding: 2.5rem 0;
}

.copyright-nav a span {
	letter-spacing: 2px;
	margin-left: 12px;
	padding: 2rem 0;
	display: inline-block;
	color: #fff;
}

.custom-grid.error-grid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.custom-grid.error-grid h1.section-title {
	font-size: 180px !important;
	font-weight: 700;
	line-height: 245.88px !important;
	letter-spacing: -0.5px;
	opacity: 0.9;
}

.custom-grid.error-grid h2 {
	font-size: 48px !important;
	font-weight: 400;
	line-height: 65.57px;
	opacity: 0.9;
}

.privacy-text-block {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.privacy-text-block p {
	font-family: "Manrope-200" !important;
}

.privacy-subtitle {
	//font-size: 48px;
	font-size: 3rem;
	font-family: "Manrope-400" !important;
	//line-height: 65.57px;
	line-height: 3rem;
	    //margin-bottom: 32px !important;
	margin-bottom: 2rem !important;
}

.table-of-content h2 {
	font-size: 2.8rem;
	line-height: 4rem;
	margin-bottom: 1rem !important;
}

.sidebar-nav-group-wrapper {
	padding: 0 !important;
}

.sidebar-nav-list {
	max-width: 100% !important;
}

.sidebar-nav-group {
	position: relative;
	border-radius: 32px;
	padding: 16px 32px !important;
	height: auto;
	width: 100% !important;
	max-width: 100% !important;
	top: 160px !important;
	background: #191832;
}

.sidebar-nav-group::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 32px;
  padding: 2px;
  background: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.sidebar-nav-group li {	
	opacity: 0.3;
}

.sidebar-nav-group li a {
	display: block;
	padding: 16px 0 !important;
	font-size: 1rem;
	line-height: 1.5rem;
}

.sidebar-nav-group li:hover,
.sidebar-nav-group li:has(a.active) {
	opacity: 1;
}

.sidebar-nav-group li:has(a.active) {
	width: calc(100% - 40px);
    margin-left: 40px;
}

.sidebar-nav-group li:has(a.active)::marker {
	content: url('../img/link-active.png') "   " counter(list-item) ". ";
}

.privacy-content-group {
padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	
	//margin-top: -160px !important;
	//padding-top: 160px !important;
	margin-bottom: 32px !important;
}

.privacy-content-list {
	padding-left: 48px !important;
	margin: 12px 0 !important;
}

.privacy-content-list li,
.privacy-content-text {
	font-family: "Manrope-200" !important;
	font-size: 1.1rem;
	line-height: 1.75rem;
	opacity: 0.7;
}

.privacy-content-header {
	font-size: 2rem;
}

.privacy-content-header,
.privacy-content-text {
width: 100% !important;
	max-width: 100% !important;	
}

:target::before {
  content: "";
  display: block;
  height: 60px; /* fixed header height*/
  margin: -60px 0 0; /* negative fixed header height */
}

.privacy-content-list li a,
.privacy-content-text a,
.privacy-text-block .section-text a {
	color: #fff;
	font-weight: 200;
	font-size: 1.1rem !important;
	font-family: "Manrope-200" !important;
	text-decoration: underline !important;
}

.privacy-subtitle-h3 {
	width: 100% !important;
	max-width: 100% !important;	
	font-size: 2rem !important;
}

.privacy-grid {
	    width: 100%;
    max-width: 100% !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
	border-width: 1px 0 0 1px;
    gap: 0 !important;
	    grid-template-columns: 40% 40% 20% !important;
}

.privacy-grid-header {
	font-family: "Manrope-700" !important;
	text-align: center;	
}

.privacy-grid p {
	padding: 4px 10px !important;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.mobile-only {
	display: none !important;
}

.pum-overlay {
	position: static !important;
}

.mailcheck-suggestion {
	color: #fff;
}

.api-wrapper {
	width: 80%;
	max-width: 1600px;
	position: relative;
	height: 1200px;
	margin: 0 auto 3.5rem auto !important;	
	overflow: hidden;
	//border-radius: 24px;
	//border: 1px solid rgba(255,255,255,0.15) !important;
	//padding: 24px;
	//background: linear-gradient(360deg, #18193B 0%, #2A2C59 100%);
}

.api-wrapper iframe {
	position: absolute;
	border: 1px solid rgba(255,255,255,0.6) !important;
	//width: calc(100% - 48px) !important;
	//height: 1200px !important;
	border-radius: 24px;
}

/* Languages */

.eng-only {
	display: block;
}

.sr-only {
	display: none;
}

.translatepress-sr_RS .eng-only {
	display: none !important;
}

.translatepress-sr_RS .sr-only {
	display: block !important;
}


/* Home posts */

.home-posts {
	margin-top: 3rem !important;
}

.home .wp-block-latest-posts.wp-block-latest-posts__list,
.page-template-loyalty-template .wp-block-latest-posts.wp-block-latest-posts__list {
	margin-bottom: 30px !important;
}

.home .wp-block-latest-posts.wp-block-latest-posts__list li,
.page-template-loyalty-template .wp-block-latest-posts.wp-block-latest-posts__list li {
	width: calc(100% / 3);
	min-width: calc(100% / 3);
	float: left !important;
	clear: none !important;
	text-align: center;
	margin-bottom: 6px !important;
}

.home .wp-block-latest-posts.wp-block-latest-posts__list li img,
.page-template-loyalty-template .wp-block-latest-posts.wp-block-latest-posts__list li img {
	width: calc(100% - 8px);
	border-radius: 1.5rem;
}

.home .wp-block-latest-posts.wp-block-latest-posts__list li:first-of-type,
.page-template-loyalty-template .wp-block-latest-posts.wp-block-latest-posts__list li:first-of-type {
	text-align: left;
}

.home .wp-block-latest-posts.wp-block-latest-posts__list li:last-of-type,
.page-template-loyalty-template .wp-block-latest-posts.wp-block-latest-posts__list li:last-of-type {
	text-align: right;
}

.home .wp-block-latest-posts__post-title,
.page-template-loyalty-template .wp-block-latest-posts__post-title {
	display: none;
}

.all-posts-link {
	margin: 0 auto 42px auto  !important;
	width: 400px !important;	
}

.custom-grid:has(.all-posts-link) {
	margin-bottom: 30px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.all-posts-link .cta-button a {
		margin-top: 0 !important;
	}

/* LOYALTY */

/*#b5f7f3, #00ddce*/

.page-template-loyalty-template .cta-button:not(.cta-button-outlined):not(.cta-button-alt) a {
	background: linear-gradient(90deg, #b5f7f3 0%, #00ddce 100%) !important;
	color: #1c1d42 !important;
}

.page-template-loyalty-template .cta-button.cta-button-outlined a::before {
	background: linear-gradient(90deg, #b5f7f3 0%, #00ddce 100%) !important;
}

.page-template-loyalty-template .copyright-grid .design-by a, 
.page-template-loyalty-template .design-link {
	color: #00ddce !important;
}


/* RESPONSIVE */

@media screen and (max-width: 1750px) {
	.pricing-box-price {
		margin-top: 40px !important;
		font-size: 2.7rem;
		line-height: 3rem;
	}
}

@media screen and (max-width: 1650px) {
	.pricing-box-price {
		margin-top: 30px !important;
		font-size: 2.5rem;
		line-height: 2.7rem;
	}
	
	.pricing-plan-header {
		//height: 280px;
	}
}

@media screen and (max-width: 1619px) {
	.pricing-box {
		padding: 1.8rem !important;
		padding-bottom: calc(4.4rem + 60px) !important;
	}
	
	.pricing-box .wp-block-buttons {
		width: calc(100% - 3.6rem) !important;
	}
}

@media screen and (max-width: 1569px) {
	.pricing-box .wp-block-buttons .cta-button a {
		padding-inline: 2rem !important;
	}
}

@media screen and (max-width: 1475px) {
	.pricing-box {
		padding: 1.2rem !important;
		padding-bottom: calc(4.4rem + 60px) !important;
	}
	
	.pricing-box .wp-block-buttons {
		width: calc(100% - 2.4rem) !important;
	}
	
	.pricing-box .wp-block-buttons .cta-button a {
		padding-inline: 1.4rem !important;
		letter-spacing: 2px;
	}
}

@media screen and (max-width: 1460px) {
	.copyright-span {
		display: block;
	}
	
	.box-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	
	.box-grid .box-wrapper:nth-child(2)::after {
		display: none;
	}
	
	.pricing-box-price {
		font-size: 2rem;
	}
}

@media screen and (max-width: 1380px) {
	.pricing-box-price {
		margin-top: 20px !important;
		font-size: 2.5rem;
		line-height: 2.7rem;
	}
	
	.pricing-plan-header {
		//height: 280px;
	}
	
	.pricing-box-price {
		font-size: 1.8rem;
	}
}


@media screen and (max-width: 1360px) {
	.top-navigation figure {
		margin-left: 15px !important;
	}
	
	.top-navigation .nav-rightside {
		margin-right: 15px !important;
	}
}

@media screen and (max-width: 1280px) {
	.pricing-box-price {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	
	.pricing-plan-header {
		//height: 300px;
	}
}

@media screen and (max-width: 1255px) {
	.pricing-box .wp-block-buttons .cta-button a {
		padding-inline: 1.2rem !important;
		letter-spacing: 1px;
	}
	
	.pricing-box .wp-block-buttons .cta-button a img {
		display: none;
	}
}

@media (max-width: 1230px) and (hover: hover) and (pointer: fine)  {
	nav .wp-block-navigation__responsive-container-content {
		gap: 20px;
	}
}

@media (max-width: 1175px) and (hover: hover) and (pointer: fine)  {
	.top-navigation figure {
		margin: 0 auto !important;
	}
	
	.top-navigation .nav-rightside {
		float: none;
    	text-align: center;
    	width: 100%;
    	flex-basis: 100%;
    	justify-content: center;
	}
}

@media screen and (max-width: 1100px) {
	.top-navigation figure {
		//margin-left: 16px !important;
	}
	
	.top-navigation .nav-rightside {
		//margin-right: 16px !important;
	}
	
	.top-navigation .wp-block-navigation__container a.wp-block-navigation-item__content {
		text-align: left !important;
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link a {
		text-align: center !important;
	}
}

@media screen and (max-width: 991px) {
	.mobile-only {
		display: block !important;
	}
	
	.mobile-hidden,
	.mobile-hidden.eng-only,
	.mobile-hidden.sr-only,
	.translatepress-sr_RS .mobile-hidden {
		display: none !important; 
	}
	
	html {
		overflow-x: hidden;
	}
	
	#header-media-wrapper .wp-block-embed-youtube {
		margin-top: 30px !important;
	}
	
	.g-recaptcha iframe {
		margin: 0 auto !important;
	}
	
	.top-navigation figure {
		margin: 0 0 0 16px !important;
	}
	
	.top-navigation .nav-rightside {
		width: auto !important;
		flex-basis: auto;
		margin: 0 16px 0 0 !important;
	}
	
	.top-navigation figure a img {
		height: auto;
	}
	
	li.wp-block-navigation-item.mobile-only {
		display: flex !important;
	}
	
	p.mobile-hidden + .trp_language_switcher_shortcode {
		display: none !important; 
	}
	
	body.page-template-homepage {
    	background: url(../img/circle-tr-mobile.png) no-repeat top right, url(../img/pricetag-mobile.png) no-repeat top 1000px left, linear-gradient(180deg, #17183A 0%, #202149 24.5%, #2D2E5F 51.5%, #202149 74%, #17183A 100%);
	}
	
	.top-navigation,
	.top-navigation.active {
		height: 80px !important;
		top: 0 !important;
	}
	
	.top-navigation figure {
		margin-left: 15px !important;
		width: 40%;
	}
	
	.top-navigation figure a {
		line-height: normal !important;
		display: block;
		height: auto !important;
	}
	
	nav.is-responsive,
	button.wp-block-navigation__responsive-container-close {
		border-radius: 50%;
    	background: rgb(174,130,254) !important;
		background: linear-gradient(90deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
    	width: 40px;
	}
	
	nav.is-responsive {
		position: absolute;
		right: 25px;
		width: 50px;
		height: 50px;
		overflow: hidden;
	}
	
	nav.is-responsive button {
		width: 50px;
		height: 50px;
	}
	
	nav.is-responsive button.wp-block-navigation__responsive-container-open svg {
		display: none;
	}
	
	nav.is-responsive button.wp-block-navigation__responsive-container-open::before {
		content: url('../img/menu.svg');
		width: 100%;
        margin-top: 8px;
	}
	
	button.wp-block-navigation__responsive-container-close {
		//top: -73px;
		//right: -15px;
		right: 14px;
		top: 16px;
	}
	
	button.wp-block-navigation__responsive-container-close svg {
		margin: 0 auto;
	}
	
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
		background: #1c1d42 !important;
		//height: calc(100vh - 90px);
		//top: 90px;
		//overflow: visible;
		padding: 0 10px 0 24px;
    	width: 100%;
    	box-sizing: border-box;
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container,
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li,
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li button,
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container a {
		width: 100%;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open {
		gap: 0 !important;
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li a .wp-block-navigation-item__label,
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li button {
		font-size: 32px;
		display: inline-block;
		        height: 44px;
        line-height: 50px !important;		
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li {
		height: 44px !important;
		padding-bottom: 12px !important;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		margin-bottom: 12px !important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding-top: 70px !important; /*110px*/
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li a {
		height: auto;
		line-height: normal;
		color: rgba(255,255,255,1) !important;
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li a span,
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li button {
		color: rgba(255,255,255,0.9) !important;
		text-transform: none;
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation__container li a span::after {
		content: url('../img/menu-nav-arrow.png');
		margin-left: 6px;
		//vertical-align: sub;
		height: 32px;
        display: inline-block;
        vertical-align: middle;    
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		width: 100%;
		transform: none;
		box-sizing: border-box;
        padding: 8px 0;
		margin-top: 24px;
	}
	
	.top-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item {
		margin: 0 !important;
		border: 0 !important;
	}
	
	.top-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item a::before {
		top: 14px;
	}
	
	.top-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item a span::after {
		content: url('../img/menu-subnav-arrow.png');
		height: 24px;
		line-height: 24px;
	}
	
	.top-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation-item span {
		padding-left: 40px;
		font-size: 24px;
		line-height: 50px;
	}
	
	.active-nav-link::before, .top-navigation .current-menu-item::before, .page-template-pricing .pricing-link::before, .page-template-contactus .contact-us-link::before, .page-template-faq .faq-link::before, .page-template-tutorials li.resources-link:before {
		display: none;
	}	
	
	.custom-grid {
    	grid-template-columns: 100% !important;
    	grid-row-gap: 40px !important;
		width: 90% !important;
		padding: 24px 0 !important;
		gap: 0 !important;
  	}
	
	.custom-grid.hero-block {
		height: auto;
		padding-bottom: 0 !important;
    	margin-bottom: 30px !important;
	}
	
	.custom-grid.contact-header {
		padding-bottom: 64px !important;
	}
	
  	.custom-grid .order-1,
	.copyright-nav {
    	grid-row: 1 !important;
  	}
	
	.custom-grid .wp-block-buttons,
	.custom-grid .wp-block-buttons .cta-button,
	.custom-grid .wp-block-buttons .cta-button a {
		width: 100%;
	}
	
	.api-wrapper {
		width: 90% !important;
	}
	
	.cta-button a {
		padding: 20px 16px !important;
	}
	
	.hero-img {
		margin-bottom: 60px !important;
		max-width: 100%;
	}
	
	h1.section-title {
		font-size: 2.8rem !important;
    	line-height: 2.8rem !important;
		margin-top: 8vh !important;
	}
	
	h1.section-title.api-page-title {
		font-size: 45px !important;
		line-height: 45px;
	}
	
	.benefits-block {
		backdrop-filter: none;
		position: relative;
		padding: 36px 20px !important;
	}
	
	.benefits-block::before {
		content: '';
		backdrop-filter: blur(10px);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	
	h1.benefits-title {
		font-size: 32px !important;
		line-height: 32px !important;
		font-family: "Manrope-600" !important;
	}
	
	.custom-grid .benefits-image {
		height: 500px;
		margin-top: 20px;
	}
	
	.benefits-title.functionality-title {
		text-align: center;
		padding: 0 24px;
		width: 70%;
	}
	
	.box-grid {
		margin-block: 30px !important;
		border-bottom: 0;
		padding-bottom: 0 !important;
	}
	
	.box-wrapper {
		border-bottom: 1px solid rgba(255,255,255,0.15);
		padding-bottom: 30px !important;
		margin-bottom: 20px !important;
	}
	
	.box-title {
		margin-block: 20px !important;
	}
	
	.box-text {
		margin-bottom: 10px !important;
	}
	
	.box-image {
		position: relative;
		margin-top: 16px !important;
	}
	
	body .marketplace-grid {
		width: 90% !important;
		background: linear-gradient(90deg, rgba(174, 130, 254, 1) 0%, rgba(82, 67, 222, 1) 100%) !important;
		padding: 32px 20px !important;
	}
	
	.marketplace-text {
		width: 100%;
	}
	
	.marketplace-img {
		position: static;		
		margin-top: 40px !important;
	}
	
	.marketplace-grid .cta-button.cta-button-alt a {
	    position: static;
	}
	
	.copyright-grid {
		height: auto;
		line-height: 20px !important;
	}
	
	.copyright-grid p {
		text-align: center;
		line-height: normal;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box;
	}
	
	.copyright-nav {
		width: 100%;
	}
	
	ul.copyright-nav {
		justify-content: center !important;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		margin-bottom: 20px !important;
    	line-height: 22px;
    	padding-bottom: 24px;
	}	
	
	ul.copyright-nav li,
	ul.copyright-nav li a {
		width: 100%;
		text-align: center;
		height: 36px;
        line-height: 36px;
	}
	
	.copyright-nav a span {
		padding: 0;
	}
	
	.custom-grid.error-grid h2 {
		font-size: 38px !important;
		line-height: 38px;
		text-align: center;
	}
	
	body.error404, 
	body.page-template-error-template {
		background-size: contain;
	}
	
	.page-template-pricing .section-text {
		width: 80%;
		margin-inline: auto;
	}
	
	.pricing-box-tabs .gutena-tab-title-text {
		letter-spacing: 0 !important;
	}
	
	.pricing-box {
		padding: 20px 20px calc(4.4rem + 60px) 20px !important;
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
		margin-bottom: 1.1rem !important;
	}
	
	.pricing-plan-header {
		padding: 30px !important;
		height: auto;
	}
	
	.pricing-box-title {
		font-size: 18px;
	}
	
	.pricing-box-price {
		font-size: 2rem;
		line-height: 2rem;
		margin-top: 20px !important;
		position: static;
	}		
	
	.features-list {
		padding-left: 0 !important;
	}
	
	.pricing-box .wp-block-buttons {
		padding-right: 0 !important;
		width: calc(100% - 40px) !important;
	}
	
	.custom-grid.pricing-grid {
		padding: 0 0 3.5rem 0 !important;
		margin: 0 auto;		
	}
	
	.page-template-faq .section-title,
	.page-template-contactus .section-title,
	.page-template-privacypolicy .section-title,
	.page-template-api-docs .section-title {
		text-align: center;
		margin-bottom: 30px !important;
		line-height: normal;
	}
	
	.page-template-privacypolicy .section-title {
		font-size: 48px !important;		
	}
	
	.page-template-faq .section-text,
	.page-template-contactus .section-text,
	.page-template-privacypolicy .contact-header .section-text,
	.page-template-api-docs .section-text {
		text-align: center;
	}
	
	.gutena-tabs-block>.gutena-tabs-tab {
		gap: 6px !important;
	}
	
	.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title {
		//width: 30%;		
		width: calc(50% - 4px);
        margin-bottom: 4px;
        box-sizing: border-box;
		padding: 0 4px !important;
		height: 46px;
	}
	
	.gutena-tab-title-text {
		white-space: nowrap;
		overflow: hidden;
  		text-overflow: ellipsis;
		font-size: 0.8rem;
		letter-spacing: 2px !important;
	}	
	
	#wpsm_accordion_40 .wpsm_panel-title a .ac_title_class,
	#wpsm_accordion_41 .wpsm_panel-title a .ac_title_class,
	#wpsm_accordion_748 .wpsm_panel-title a .ac_title_class,
	#wpsm_accordion_749 .wpsm_panel-title a .ac_title_class,
	#wpsm_accordion_750 .wpsm_panel-title a .ac_title_class,
	#wpsm_accordion_751 .wpsm_panel-title a .ac_title_class {
		font-size: 20px !important;
	}
	
	.custom-grid #wpsm_accordion_40 .wpsm_panel-title a, 
	.custom-grid #wpsm_accordion_41 .wpsm_panel-title a, 
	.custom-grid #wpsm_accordion_748 .wpsm_panel-title a, 
	.custom-grid #wpsm_accordion_749 .wpsm_panel-title a, 
	.custom-grid #wpsm_accordion_750 .wpsm_panel-title a, 
	.custom-grid #wpsm_accordion_751 .wpsm_panel-title a {
		height: auto;
		min-height: 72px;
		line-height: normal;
		position: relative;
		display: flex;
    align-items: center;
    position: relative;
    padding: 10px 0;
	}
	
	#wpsm_accordion_40 .wpsm_panel-title a,
	#wpsm_accordion_41 .wpsm_panel-title a,
	#wpsm_accordion_748 .wpsm_panel-title a,
	#wpsm_accordion_749 .wpsm_panel-title a,
	#wpsm_accordion_750 .wpsm_panel-title a,
	#wpsm_accordion_751 .wpsm_panel-title a {
		position: static;
        flex-basis: 100%;
	}
	
	body #wpsm_accordion_40 .ac_open_cl_icon, 
	body #wpsm_accordion_41 .ac_open_cl_icon, 
	body #wpsm_accordion_748 .ac_open_cl_icon, 
	body #wpsm_accordion_749 .ac_open_cl_icon, 
	body #wpsm_accordion_750 .ac_open_cl_icon, 
	body #wpsm_accordion_751 .ac_open_cl_icon {
		position: absolute;
		right: 0;
	}
	
	.wpsm_panel-title .ac_title_class {
		width: calc(100% - 20px);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.custom-grid.faq-custom-grid.faq-img-grid {
		background: url('https://www.qerdos.com/wp-content/uploads/2024/10/faq-img-scaled.jpg') no-repeat center center;
		background-size: cover;
	}
	
	.faq-contact-grid > div.faq-tutorials-box {
		border: 0;
		padding-right: 0 !important;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		padding-bottom: 30px !important;
		margin-bottom: 30px !important;
	}
	
	.faq-tutorials-box-alt {
		padding-left: 0 !important;
		border-bottom: 0;
	}	
	
	.page-template-faq .faq-contact-grid > div h1 {
		margin-bottom: 0 !important;
		font-size: 38px !important;
	}
	
	.faq-tutorials-box h2, 
	.faq-tutorials-box-alt h2 {
		font-size: 32px !important;
		font-size: 2rem !important;
	}
	
	.faq-tutorials-box p, 
	.faq-tutorials-box-alt p  {
		font-size: 14px !important;
	}
	
	.contact-form-wrapper {
		padding: 0 !important;
	}
	
	.contact-form-wrapper h2 {
		font-size: 2.5rem;
	}
	
	.wpforms-one-half {
		width: 100% !important;
		padding: 0 !important;
	}
	
	.wpforms-one-half:first-of-type {		
        margin-bottom: 26px !important;
	}
	
	.submit-form-btn {
		width: 100% !important;
		padding: 0 !important;
	}
	
	.toc-accordion {
		width: 100%;
		padding-inline: 24px !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-default {
		background: #191832;
		border: 1px solid rgba(255,255,255,0.2) !important;
		border-radius: 16px;
		box-shadow: none !important;
		max-height: calc(100vh - 220px);
        overflow-y: auto;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-default > .wpsm_panel-heading,
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-body {
		background-color: transparent !important;
		color: #fff !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .ac_open_cl_icon {
		background-color: transparent !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-title {
		line-height: 42px !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-title a {
		color: #fff !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-title a .ac_title_class {
		font-size: 20px !important;
		color: #fff !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-body {
		border: 0 !important;
		padding-block: 0 !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-body ul {
		padding: 0px;
		list-style: none !important;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-body li {
		border-bottom: 1px solid rgba(255,255,255,0.15);
		padding: 12px 0px 12px 20px;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-body li a {
		color: #fff;
	}
	
	.toc-accordion #wpsm_accordion_116 .wpsm_panel-body li::before {
		        content: url(../img/menu-subnav-arrow.png);
        margin: 0 4px 0 -28px;
        vertical-align: top;
        height: 100%;
        display: inline-block;
	}
	
	.toc-accordion .wpsm_panel.toc-accordion-sticky {
		position: fixed;
    	top: 90px;
    	width: calc(100% - 40px);
    	left: 20px;
    	z-index: 10;
	}
	
	.privacy-content-header {
		font-size: 24px !important;
	}
	
	.custom-grid.error-grid h1.section-title {
		font-size: 120px !important;
		line-height: 160px !important;
	}
	
	.custom-grid.error-grid .cta-button img {
		float: none;
	}
	
	.copyright-span {
		display: block;
	}
	
	.footer-language {
		min-height: 32px;
		width: 100%;
	}
	
	.footer-language .trp_language_switcher_shortcode {
		margin: 0 auto !important;
	}
	
	body .footer-language .trp-language-switcher {
		margin: 0 auto;
	}
	
	.footer-language .trp-language-switcher > div > a {
		color: #fff;
	}
	
	body .footer-language .trp-language-switcher:focus .trp-ls-shortcode-language, 
	body .footer-language .trp-language-switcher:hover .trp-ls-shortcode-language {
		background: #303050;
	}
	
	.footer-language .trp-ls-shortcode-current-language::before {
		top: 8px;
		z-index: 2;
	}
	
	body .footer-language .trp-ls-shortcode-current-language a::after {
		z-index: 2;
	}
	
	.contact-form-title {
		font-size: 24px !important;
	}
	
	div.wpforms-container-full:not(:empty) {
		margin-top: 12px !important;
	}
	
	.submit-form-btn::after {
		display: none !important; 
	}
	
	.wpforms-container .wpforms-field, 
	.wp-core-ui div.wpforms-container .wpforms-field {
		padding: 8px 0 !important;
	}
	
	.wpforms-container .wpforms-field-label {
		//margin-bottom: 4px !important;
	}
	
	.wpforms-container em.wpforms-error {
		//top: -21px !important;
	}
	
	.wpforms-container .wpforms-field-email em.wpforms-error {
		top: 10px !important;
	}
	
	.pum-container, .wpforms-confirmation-container-full, 
	div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
		padding: 24px 12px !important;
		min-height: 0 !important; 
		        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
	}
	
	h1.confirm-send-header {
		font-size: 30px !important;
		line-height: 30px !important;
		width: 100% !important;
	}
	
	p.confirm-send-text {
		width: 100% !important;
	}
	
	.popup-cta-button,
	.popup-cta-button a {
		width: 100% !important;
	}
	
	.pum-close {
		top: 24px !important;
		right: 24px !important;
	}
	
	.pum-container.pum-responsive img {
		display: none;
	}
	
	.faq-tutorials-box p,
	.faq-tutorials-box-alt p {
		min-height: 0 !important;
		margin-bottom: 20px !important;
	}
	
	.wp-block-group.box-items-group:has(.box-grid) {
		padding-bottom: 1rem !important;
	}
	
	.custom-grid:has(.home-posts) {
		width: calc(100% - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left)) !important;
	}
	
	.home .wp-block-latest-posts.wp-block-latest-posts__list {
		margin-top: 10px !important;
		//width: 90%;
		//margin: 0 auto;
	}
	
	.home .wp-block-latest-posts.wp-block-latest-posts__list li {
		width: 100%;
		min-width: 100%;
		float: none !important;
		/*width: calc(90% + 8px);
		min-width: calc(90% + 8px);
		margin: 0 auto 6px auto !important;*/
	}

	.home .wp-block-latest-posts.wp-block-latest-posts__list li img,
	.page-template-loyalty-template .wp-block-latest-posts.wp-block-latest-posts__list li img {
		width: 100%;
	}
	
	.custom-grid:has(.all-posts-link) {
		padding-top: 0 !important;
	}
	
	.all-posts-link {
		margin: 0 auto 30px auto  !important;
		width: 100% !important;	
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		align-items: baseline !important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.resources-link {
		align-items: start;
		height: auto !important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.resources-link ul {
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		border-radius: 0 !important;
	}
}

/* TEMP */
.faq-link,
.faq-tutorials-box,
.tutorials-link,
.terms-of-use-link {
	display: none !important;
}

.faq-contact-grid {
	    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.faq-tutorials-box-alt {
	padding: 0 !important;
	text-align: center;
}

.faq-tutorials-box-alt > * {
	width: 100%;
}

.faq-tutorials-box-alt .wp-block-buttons {
	justify-content: center;
}

/* update */

.top-navigation ul.top-navigation-list > li > a span {
	line-height: 40px !important;
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link {
	//position: fixed !important;
    //bottom: 20px;
    //left: 50%;
    width: 80% !important;
    //transform: translateX(-50%);
    text-align: center;    
    border: 0 !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link a {
	height: 3.75rem;
    padding: 1.1rem 2.8rem;	
	font-size: 0.875rem;
	margin-top: 0px !important;
	border-radius: 2rem !important;
	background: rgb(174,130,254) !important;
	background: linear-gradient(90deg, rgba(174,130,254,1) 0%, rgba(82,67,222,1) 100%) !important;
	letter-spacing: 3px;
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link.nav-login-link a {
	background: transparent !important;	
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link.nav-login-link a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 2px;
    background: linear-gradient(90deg, #B184FF 0%, #4F41DE 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link a .wp-block-navigation-item__label {
	line-height: 47px !important;
}

.wp-block-navigation__responsive-container-content .wp-block-navigation__container li.nav-register-link a span::after {
	display: none !important;
}

@media (max-width: 991px) and (hover: hover) and (pointer: fine) {
	.top-navigation, .top-navigation.active {
		height: auto !important;
	}
	
	nav button {
		display: block !important;
		    padding-top: 8px !important;
	}
	
	nav .has-modal-open button {
		padding-top: 0 !important;
	}
}