/*!
Theme Name: filter-everything
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: filter-everything
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

filter-everything is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

/*a:visited {*/
/*	color: #800080;*/
/*}*/

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/* .main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
} */

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

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

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
    display: none !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
    display: none !important;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Block-editor figures (div.wp-block-image > figure.align*) inside post
   content: the blog figure reset below (.fetm-res-main-content figure
   {margin:0}, specificity 0-2-1) beats the core block-library alignment
   margins (0-2-0), so aligned figures stuck to the left. Restore the
   core behaviour with a more specific rule. Core makes such figures
   display:table, so auto margins center the shrink-to-fit box. */
.fetm-resources-singular-wrap .fetm-res-main-content figure.aligncenter {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.fetm-resources-singular-wrap .fetm-res-main-content figure.alignleft {
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.fetm-resources-singular-wrap .fetm-res-main-content figure.alignright {
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

/* Content screenshots are often white-on-white — a barely visible border
   and a soft radius give them an edge without drawing attention. */
.fetm-resources-singular-wrap .fetm-res-main-content figure img {
	border: 1px solid var(--fetm-gray-light-color);
	border-radius: 8px;
	box-sizing: border-box;
}



























/* custom styles -------------------------------------------------------- */
:root {
    --Fixel-Text: 'Fixel Text';
	--fetm-main-blue-color: #3858E9;
    /*--fetm-seo-bg-color: #00082c;*/
    --fetm-seo-bg-color: #E8ECF4;
	--fetm-text-color: #1F2028;
    --fetm-bubble-text-bg-color: #F6F6F6;
	--fetm-gray-medium-color: #C7D1E2;
	--fetm-gray-light-color: #E8ECF4;
	--fetm-white-color: #FFFFFF;
    --fetm-red-color: #F64545;
    --fetm-section5-1-bg-color: #E8ECFF;
	--fetm-section5-2-bg-color: #D7DDE9;
	--fetm-section5-3-bg-color: #EEF2F9;
    --fetm-seo-h2-bg-color: #FFD000;
    --fetm-bottom-border-color: #CCD4E3;
}

/* fonts */
@font-face {
    font-family: "Fixel Text";
    src: url("assets/fonts/FixelText-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Fixel Text";
    src: url("assets/fonts/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Fixel Text";
    src: url("assets/fonts/FixelText-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

/* general styles */
body {
	font-size: 18px;
	font-family: var(--Fixel-Text), sans-serif;
	font-weight: 400;
    color: var(--fetm-text-color);
    background-color: var(--fetm-white-color);
}

body p,
body h2,
body h3,
body ul,
body li,
body a {
    margin: 0;
    padding: 0;
}

/* ---------------------------------------- header ---------------------------------------- */
#masthead {
    background-color: #fff;
    margin-top: 40px;
    z-index: 1000;
    height: 64px;
}

.home #masthead {
    padding: 0;
}

/* sticky header desktop */

#masthead:has(.fetm-breadcrumbs) {
    height: 119px;
}

.site-header-wrapper {
    background-color: #fff;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 64px;
    transform: translateY(0);
}

.site-header-wrapper.sticky {
    position: fixed;
    top: 0px;
}

.logged-in.admin-bar .site-header-wrapper.sticky {
    top: 32px;
}

.site-header-wrapper.hidden {
    transform: translateY(-1000%);
}

.no-transition {
    transition: none !important;
}

.site-header-wrapper.sticky .custom-logo {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}

.site-header-wrapper.sticky .fetm-breadcrumbs {
    display: none;
}

.site-header-wrapper.sticky .site-title {
    font-size: 1.11em;
}

.site-header-wrapper.sticky .site-header {
    height: 64px;
    max-height: 64px;
}

.site-header-wrapper.sticky nav#site-navigation > ul#primary-menu > li:last-child > a {
    padding: 0 20px;
    font-size: 15px;
    max-height: 40px;
	background: var(--fetm-main-blue-color);
	color: #ffffff;
}

.site-header-wrapper.sticky .has-mega-menu {
    opacity: 0;
    pointer-events: none;
}

.site-header-wrapper.sticky
    #primary-menu
    > li.menu-item-has-children.has-mega-menu:first-child
    ~ li:nth-child(-n + 4) {
    opacity: 0;
    pointer-events: none;
}

.site-header {
    max-width: 1218px;
    padding: 0 24px;
    height: 60px;
    max-height: 60px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.site-header a,
.site-header a:visited,
.home .landing-page-main a,
.home .landing-page-main a:visited {
    outline: none;
    text-decoration: none;
    color: var(--fetm-text-color);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.home .landing-page-main .fetm-sec-faq a,
.home .landing-page-main .fetm-sec-faq a:visited {
	color: var(--fetm-main-blue-color);
}
/* logo and title */
.custom-logo-link {
    display: flex;
    align-items: center;
    width: min-content;
    height: 100%;
    gap: 8px;
}

.custom-logo {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
	position: relative;
    bottom: 0;
}

.custom-logo-link,
.site-title {
    margin: 0;
    padding: 0;
    font-size: 1.202em;
    font-weight: 500;
    line-height: 85%;
    letter-spacing: 0.03em;
}

.site-title {
	margin-bottom: 0;
}

/* navigation */
.main-navigation-menu,
.main-navigation-menu ul,
.main-navigation-menu ul li a {
    height: 100%;
}

/* ---------------------------------------- landing page ---------------------------------------- */
.site-main,
.landing-page-main {
    width: 100%;
}

.fetm-section {
    max-width: 1218px;
    padding: 0 24px;
    margin: 0 auto;
}
.fetm-price-grid.fetm-section.fetm-bottom-prices,
.fetm-section.fetm-multisection-prices{
	padding: 0;
	margin-bottom: 100px;
}

/* vertical container no grid */
.fetm-sec-vert {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* links like buttons */
#main .fetm-link-btn,
#main .fetm-link-btn-free {
    display: inline-flex;
	align-items: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid var(--fetm-main-blue-color);
    max-height: 48px;
    white-space: nowrap;
	text-decoration: none;
}
#main .fetm-link-btn#try_demo_home_demo{
	max-height: none;
}
#main .fetm-link-btn span {
	align-items: center;
}

#main .fetm-link-btn span svg {
	margin-top: 4px;
}

/* External-link icon inside the hero "View Live Demo" button: the flex
   button collapses the whitespace before the icon, so the gap must be
   an explicit margin. */
#main #try_demo_home_hero svg,
#main #get_pro_home_hero svg,
#main #try_demo_wpf_hero svg,
#main #get_pro_wpf_hero svg {
	margin-left: 8px;
}

#main .fetm-link-btn {
    background-color: var(--fetm-main-blue-color);
    color: var(--fetm-white-color);
}

#main .fetm-link-btn:hover {
    background-color: rgba(56, 88, 233, 0.85);
	border: 1px solid transparent;
}

#main .fetm-link-btn-free {
    background-color: var(--fetm-white-color);
    color: var(--fetm-main-blue-color);
}

#main .fetm-col-2 .fetm-link-btn-free{
	margin-left: 24px;
}

/* bubble text */
.fetm-bubble-text {
    display: inline-block;
    /*padding: 12px 18px;*/
    /*background-color: var(--fetm-bubble-text-bg-color);*/
    /*border-radius: 12px;*/
	line-height: 160%;
}

.fetm-bubble-text-freevspro {
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 600px;
    margin-top: 30px;
}

/* h2 medium */
.landing-page-main .fetm-h2-medium {
    font-weight: 600;
    font-size: 2em;
    line-height: 130%;
}
.fetm-bottom-prices .fetm-h2-medium{
	margin-bottom: 64px;
}
.fetm-eyebrow{
	padding-top: 86px;
	margin-bottom: 40px;
	font-size: 14px;
	color: #040F43;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 600;
	opacity: 0.9;
	margin-top: 0;
	line-height: 1.6;
}

/* Keyword pill inside the hero eyebrow; the blue text color comes from the
   generic .fetm-hero span rule. Since 2026-07-31 the pill is a link to the
   WPF landing — visually unchanged (no underline), hover opacity comes from
   the shared `.home .landing-page-main a:hover` rule. */
.fetm-eyebrow a {
	text-decoration: none;
}
.fetm-eyebrow span {
	background: #EEF2FF;
	padding: 6px 16px;
	display: inline-block;
	border-radius: 24px;
}

/* h2 big */
.landing-page-main .fetm-h2-big {
    font-weight: 600;
    /*font-size: 2.6em;*/
	font-size: 46px;
    line-height: 132%;
	margin-bottom: 20px;
	letter-spacing: 0.02em;
	/*padding-top: 106px;*/
}
.landing-page-main .fetm-h3-big{
	color: #616161;
	font-weight: 400;
	margin-bottom: 16px;
	font-size: 20px;
}
.landing-page-main .fetm-h3-big p{
	margin-bottom: 8px;
}
/* Only the lead phrase is larger and darker — and only when a second
   paragraph follows it (the homepage hero has a single paragraph now,
   the WPF landing keeps the lead + support pair) */
.landing-page-main .fetm-h3-big p:first-child:not(:only-child){
	font-size: 24px;
	color: #252525;
}
.fetm-hero .fetm-hero-social strong.fetm-bullet{
	margin-left: 8px;
	margin-right: 8px;
	font-size: 24px;
	line-height: 18px;
	position: relative;
	top: 2px;
}
/* h3 medium */
.fetm-h3-medium {
    font-weight: 600;
    font-size: 1.34em;
    line-height: 130%;
    text-align: left;
    width: 100%;
}

.fetm-price-grid .fetm-h3-medium {
	font-size: 1.44em;
}

/* general grid styles */
.fetm-sec-l-r,
.fetm-sec-r-l {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	grid-template-rows: repeat(2, min-content);
	grid-template-areas:
		"xxx1 xxx3"
		"xxx2 xxx3";
	width: 100%;
	row-gap: 40px;
}

.fetm-sec-r-l {
	grid-template-columns: 1.2fr 1fr;
	grid-template-areas:
		"xxx3 xxx1"
		"xxx3 xxx2";
}

.fetm-col-1 {
	grid-area: xxx1;
}

.fetm-col-2 {
	grid-area: xxx2;
}

.fetm-col-3 {
	grid-area: xxx3;
}

.fetm-col-1,
.fetm-col-2,
.fetm-col-3 {
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
.fetm-posttype .fetm-col-1,
.fetm-hero .fetm-col-1{
	align-items: flex-start;
}
/*.fetm-col-2{*/
/*	align-items: center;*/
/*}*/
.fetm-col-2 {
	justify-content: flex-start;
}

.fetm-col-3 {
    justify-content: center;
}

/* 2 columns */
.fetm-sec-2-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.fetm-col2-1,
.fetm-col2-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 3 columns grid */
.fetm-sec-3-cols {
    display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: min-content;
	grid-template-areas:
		"xxx1 xxx2 xxx3";
	width: 100%;
}

.fetm-price-title {
    grid-area: xxx4;
}

.fetm-price-plan {
    grid-area: xxx5;
}

.fetm-price-subline {
	grid-area: xxx6;
	color: #404040;
	font-weight: 500;
	margin: 16px 32px 0 0;
	font-size: 24px;
}

.fetm-price-grid {
    grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: repeat(4, min-content);
	grid-template-areas:
        "xxx4 xxx4 xxx4"
        "xxx6 xxx6 xxx6"
        "xxx5 xxx5 xxx5"
		"xxx1 xxx2 xxx3";
}

/* section 1 hero */
.fetm-hero {
	grid-template-rows: 1.45fr 1fr;
	row-gap: 40px;
}

/* Front page only: the numbered-benefits list made the text row much taller,
   and proportional fr rows inflated the buttons row after it (~300px of dead
   space before the proof bar). Content-sized rows keep the section exactly as
   tall as the taller of the two columns. The WPF landing keeps fr rows.
   (Beats the fr rules in the (min-width:769px) medias by specificity.) */
@media (min-width: 769px) {
	.home .fetm-hero {
		grid-template-rows: min-content 1fr;
	}
	/* Guaranteed air before the proof bar. On wide screens the image
	   column already leaves ~90px of slack in the 1fr row, so this is
	   absorbed for free; on mid widths (smaller image) the row would
	   otherwise shrink to the content and the rating line would sit
	   flush against the blue bar. */
	.home .fetm-hero .fetm-hero-social {
		margin-bottom: 40px;
	}
}

.fetm-hero .fetm-hero-social {
	width: 100%;
	list-style: none;
	font-size: 15px;
	/* sits below the CTA buttons */
	margin: 32px 0 0;
}

.fetm-hero .fetm-hero-social strong {
	font-size: 115%;
}

.fetm-hero .fetm-hero-social span {
	opacity: .9;
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.fetm-hero .fetm-hero-social span svg {
    margin-right: -3px;
}

.fetm-hero .fetm-hero-social .fetm-hero-rating-link {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: 4px;
    margin: 0 2px;
}

/* Checkmark badges under the hero subtitle */
.fetm-hero-checks {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 24px;
}

.fetm-hero .fetm-hero-check {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 400;
	color: #616161;
}

.fetm-hero .fetm-hero-check-mark {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #EEF2FF;
	color: var(--fetm-main-blue-color);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Front-page hero: compact row of brand marks (first eight of the
   compatibility section, JetSmartFilters-scale circles) that replaced the
   two check badges. Reuses the .fetm-wpf-brand look from the compatibility
   section; these overrides only shrink it. */
.fetm-hero .fetm-hero-works {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 6px;
}
.fetm-hero .fetm-hero-works-label {
	/* same voice as the "websites use Filter Everything" line below;
	   explicit color because .fetm-hero span paints spans blue */
	font-size: 15px;
	color: var(--fetm-text-color);
	white-space: nowrap;
}
.fetm-hero .fetm-hero-brands {
	justify-content: flex-start;
	gap: 12px;
	max-width: none;
}
/* Monochrome marks so the row doesn't compete with the message;
   hover brings the brand color back (pairs with the tooltip) */
.fetm-hero .fetm-hero-brands .fetm-wpf-brand img {
	filter: grayscale(1);
	opacity: 0.85;
	transition: filter 0.15s ease, opacity 0.15s ease;
}
.fetm-hero .fetm-hero-brands .fetm-wpf-brand:hover img,
.fetm-hero .fetm-hero-brands .fetm-wpf-brand:focus-within img {
	filter: none;
	opacity: 1;
}
.fetm-hero .fetm-hero-brands .fetm-wpf-brand {
	width: 32px;
	height: 32px;
	box-shadow: none;
}
/* Only the white inset circles need the hairline to stay visible on the
   white background. Not on the bleed disks: with border-box the border
   shrank the content box to 30px and flex squeezed the 32px image into
   an oval. */
.fetm-hero .fetm-hero-brands .fetm-wpf-brand-inset {
	border: 1px solid var(--fetm-gray-light-color);
}
.fetm-hero .fetm-hero-brands .fetm-wpf-brand-bleed img {
	width: 32px;
	height: 32px;
}
.fetm-hero .fetm-hero-brands .fetm-wpf-brand-inset img {
	max-width: 18px;
	max-height: 18px;
}

@media screen and (max-width: 768px) {
	.fetm-hero-checks {
		justify-content: center;
	}
	.fetm-hero .fetm-hero-works {
		flex-direction: column;
		gap: 10px;
	}
	.fetm-hero .fetm-hero-brands {
		justify-content: center;
	}
	/* The benefits list is centered as a BLOCK (col-1 is a centered flex
	   column), while inside it the text stays left-aligned so the number
	   circles form one vertical line */
	.landing-page-main .fetm-h2-big.fetm-hero-benefits {
		text-align: left;
	}
}

.fetm-hero.fetm-sec-l-r {
    /*grid-template-columns: 1fr 1.19fr;*/
	grid-template-columns: 1.1fr 1.1fr;
	padding-top: 32px;
}
.fetm-hero .fetm-col-2 {
	display: block;
}

.fetm-hero span {
    color: var(--fetm-main-blue-color);
}

/* Numbered-benefits hero (front page only — the classes exist only in
   landing-page-template.php). Number circles are the same family as the
   .fetm-hero-check-mark badges, sized in em so they follow the heading
   through every breakpoint. */
.landing-page-main .fetm-h2-big.fetm-hero-benefits {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
@media screen and (min-width: 1061px) {
	.landing-page-main .fetm-h2-big.fetm-hero-benefits {
		font-size: 38px;
	}
}
.fetm-hero .fetm-benefit {
	/* the generic .fetm-hero span rule above paints spans blue */
	color: var(--fetm-text-color);
	/* hanging indent: wrapped lines stay aligned with the text, never
	   under the number circle */
	display: flex;
	align-items: flex-start;
}
.fetm-hero .fetm-benefit-accent {
	color: var(--fetm-main-blue-color);
}
.fetm-hero .fetm-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	font-size: 0.5em;
	width: 1.9em;
	height: 1.9em;
	margin-right: 0.8em;
	border-radius: 50%;
	background: #EEF2FF;
	color: var(--fetm-main-blue-color);
	font-weight: 600;
	line-height: 1;
	position: relative;
	top: -0.15em;
}
.fetm-hero .fetm-benefit .fetm-num {
	/* inside the flex row the circle is a fixed column; center it against
	   the first text line (line box 1.32 * 2em vs circle 1.9em) */
	flex-shrink: 0;
	top: 0;
	margin-top: 0.37em;
}
.landing-page-main .fetm-h3-big .fetm-num {
	font-size: 12px;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	font-weight: 700;
	top: -1px;
}
/* Desktop: the subtitle joins the list grid. Circle 4 sits on the same
   vertical axis as circles 1-3 and the text starts on the same left line
   as the big rows. The numbers are px-exact against the 38px heading:
   big circle = 1.9em * (0.5 * 38px) = 36.1px wide with a 15.2px gap, so
   the 22px badge gets 7px lead-in (centers align at 18px) and a 22px gap
   (text starts at ~51px, same as the big rows). */
@media screen and (min-width: 1061px) {
	/* hanging indent, NOT flex: a flex p would turn the inline
	   .fetm-wpf-mark span into its own column */
	.home .fetm-hero .fetm-h3-big p {
		padding-left: 51px;
	}
	.home .fetm-hero .fetm-h3-big p .fetm-num {
		margin: 0 22px 0 -44px;
	}
}

.fetm-h2-big span svg {
    position: relative;
    top: 6px;
}

.fetm-hero .fetm-col-3 img {
    position: relative;
    left: 20px;
    top: 1px;
    height: auto;
    max-height: 900px;
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

/* section 2 criteria */
.fetm-criteria {
    /* grid-template-rows: minmax(0, 1fr) min-content minmax(0, 1fr); */
    grid-template-rows: min-content min-content 1fr;
    grid-template-areas:
        "xxx1 xxx3"
        "xxxt xxx3"
        "xxx2 xxx3";
    width: 100%;
    row-gap: 34px;
    margin-top: 127px;
}

.fetm-criteria.fetm-sec-r-l {
    grid-template-columns: 1.165fr 1fr;
}

.fetm-criteria .fetm-col-1,
.fetm-criteria .fetm-criteria-text,
.fetm-criteria .fetm-col-2 {
    padding-right: 71px;
    align-items: flex-start;
}

.fetm-criteria .fetm-col-1 {
    padding-top: 10%;
}

.fetm-criteria .fetm-col-2 {
	padding-top: 6px;
}

.fetm-criteria .fetm-col-2 .fetm-bubble-text {
	padding: 12px 0;
}

.fetm-criteria-text {
    grid-area: xxxt;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 13px;
}

.fetm-criteria-text p,
.fetm-criteria-text span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.fetm-criteria-text span {
    margin-right: 12px;
}

/* section 3 post_type */
.fetm-posttype {
    margin-top: 140px;
}

.fetm-posttype.fetm-sec-r-l {
    grid-template-columns: 1.2fr 1fr;
    grid-template-areas:
        "xxx3 xxx1"
        "xxx3 xxx2";
    grid-template-rows: min-content 1fr;
    row-gap: 40px;
}

.fetm-posttype.fetm-sec-l-r {
	grid-template-columns: 1fr 1.17fr;
}

.fetm-posttype .fetm-col-1,
.fetm-posttype .fetm-col-2 {
    padding-left: 62px;
}

.fetm-posttype .fetm-col-1 {
	padding-top: 10%;

}

.fetm-posttype .fetm-col-3 img {
    position: relative;
    left: -18px;
}

/* section 4 ratings */
.fetm-ratings {
    margin-top: 135px;
    max-width: 970px;
    padding: 0;
}
.fetm-ratings.fetm-ratings-prices{
	margin-bottom: 100px;
}
.fetm-ratings p strong{
	font-size: 22px;
	font-weight: 400;
	opacity: 0.8;
}
.fetm-ratings .fetm-col2-2 {
    border-left: 1px solid var(--fetm-gray-medium-color);
}

.fetm-ratings-big-text {
    font-size: 4.4em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-ratings-big-text span {
    display: inline-flex;
    margin-left: 12px;
}

.fetm-envato-link-wrap {
    display: flex;
    flex-direction: row;
}

.fetm-envato-link-wrap a {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 8px;
    gap: 12px;
}

.fetm-envato-link-wrap a svg:last-child {
    position: relative;
    top: -3px;
}

.fetm-ratings .fetm-col2-1,
.fetm-ratings .fetm-col2-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* section 5 multisection */
.fetm-multisection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, min-content);
    grid-template-areas:
        "xxx1 xxx1"
        "xxx2 xxx3"
        "xxx4 xxx4";
    gap: 32px;
    margin-top: 181px;
}

.fetm-multisection img {
    max-height: 400px;
    width: auto;
}

.fetm-multisection  .fetm-mult-2 img {
    max-height: 421px;
    width: auto;
}

/* Headings of the four multisection blocks. Site-wide on purpose: the same
   blocks appear on the homepage, on /pricing/ (archive-product.php) and on
   the WooCommerce Product Filter landing, and 24px read poorly next to the
   screenshots. Left in em so the 16px body size under 768px scales them
   down with everything else: 1.5556em = 28px desktop, ~25px mobile. */
.fetm-multisection .fetm-h3-medium {
    font-size: 1.5556em;
}

.fetm-mult-1 {
    grid-area: xxx1;
    background-color: var(--fetm-section5-1-bg-color);
	grid-template-columns: 1.255fr 1fr;
}

.fetm-mult-1 .fetm-col-3 {
    padding-left: 25px;
}

.fetm-mult-1 .fetm-col-1,
.fetm-mult-1 .fetm-col-2 {
    padding-left: 44px;
    padding-right: 60px;
}

.fetm-mult-1 .fetm-col-1 {
    align-items: flex-start;
}

.fetm-mult-1 .fetm-col-2 p {
    line-height: 160%;
	font-weight: 400;
	font-size: 1em;
}

.fetm-multisection .fetm-mult-2 {
    grid-area: xxx2;
    grid-template-areas:
        "xxx3"
        "xxx1"
        "xxx2";
    background-color: var(--fetm-section5-2-bg-color);
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, min-content);
	padding: 48px 33px;
}

.fetm-mult-3 {
    grid-area: xxx3;
    grid-template-areas:
        "xxx1"
        "xxx2"
        "xxx3";
    background-color: var(--fetm-section5-3-bg-color);
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, min-content);
}

.fetm-mult-2,
.fetm-mult-3 {
    padding: 48px;
}

.fetm-mult-2 .fetm-col-1,
.fetm-mult-2 .fetm-col-2 {
	padding: 0 17px;
}

.fetm-mult-2 .fetm-col-1 {
	margin-top: 1px;
}

.fetm-multisection p {
	line-height: 160%;
	font-size: 1em;
}

.fetm-mult-2 .fetm-col-2 p {
	margin-top: 3px;
}

.fetm-mult-3 .fetm-col-2 {
	margin-top: 3px;
}

.fetm-mult-4 {
    grid-area: xxx4;
    background-color: var(--fetm-section5-1-bg-color);
}

.fetm-mult-4 .fetm-col-3 {
    padding-left: 38px;
}
.fetm-mult-4 .fetm-col-1,
.fetm-mult-4 .fetm-col-2 {
    padding-left: 56px;
    padding-right: 88px;
}

.fetm-mult-4 .fetm-col-1 {
    align-items: flex-start;
}

.fetm-mult-1,
.fetm-mult-2,
.fetm-mult-3,
.fetm-mult-4 {
    border-radius: 12px;
    gap: 12px;
}

.fetm-mult-3 .fetm-col-3 {
    margin-top: 37px;
}

.fetm-mult-2 .fetm-col-3 {
    margin-bottom: 16px;
}

/* section 6 demo */
.fetm-demo {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23CCD4E3' stroke-width='8' stroke-dasharray='11%2c 20' stroke-dashoffset='52' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;    
    padding: 48px 0;
    margin-top: 179px;
    max-width: 1170px;
}

.fetm-demo .fetm-h3-medium {
	text-align: center;
	font-size: 2em;
	font-size: 36px;
}

#main .fetm-demo a.fetm-link-btn{
	font-size: 1em;
	font-size: 18px;
}

/* The pitch CTA and the closing CTA are the page's two standalone buy buttons,
   the same role the demo button plays above — so they carry the same 18px
   instead of the inline-button 16px. Both drop back to 16px under 768px with
   the demo one. */
#main .fetm-wpf-pitch a.fetm-link-btn,
#main .fetm-wpf-final-cta a.fetm-link-btn {
	font-size: 18px;
}

.fetm-demo .fetm-col2-1 {
	padding-left: 86px;
}

.fetm-demo .fetm-col2-2 {
	padding-right: 86px;
}

@media (max-width: 1218px) {
    .fetm-demo {
      max-width: calc(100% - 48px);
    }
  }

.fetm-demo .fetm-col2-2 span {
    margin-left: 8px;
}

/* section 7 compatibility */
.fetm-compatibility {
    gap: 40px;
    margin-top: 182px;
}

.fetm-compatibility h2,
.fetm-compatibility p {
    max-width: 543px;
    text-align: center;
}
.landing-page-main .fetm-compatibility h2.fetm-h2-medium {
    max-width: none;
}
.fetm-no-wrap{
	white-space: nowrap;
}
.fetm-compatibility img {
	max-height: 981px;
    width: auto;
}

/* Bridge heading between the reviews grid and the multisection block.
   It takes over the big inter-section gap; the multisection then follows
   at heading-to-content distance. Scoped with a sibling selector so the
   multisection spacing on other pages (archive-product) is untouched. */
.fetm-bridge-heading {
    margin-top: 100px;
}

.fetm-bridge-heading + .fetm-multisection {
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
    .fetm-bridge-heading {
        margin-top: 80px;
    }

    .fetm-bridge-heading + .fetm-multisection {
        margin-top: 32px;
    }
}

/* section 9 seo */
.fetm-seo {
    margin-top: 172px;
    max-width: 100%;
    background-color: var(--fetm-seo-bg-color);
    padding: 120px 48px;
}

.fetm-seo-wrap {
    max-width: 1170px;
    margin: 0 auto;
    background-color: var(--fetm-white-color);
    padding: 132px 48px 120px 48px;
	border-radius: 12px;
}

.fetm-seo h2 {
    margin: 0 0 88px 0;
}

.fetm-seo h2 span {
    background-color: var(--fetm-seo-h2-bg-color);
    padding: 4px 18px;
    border-radius: 26px;
}

.fetm-seo .fetm-h3-medium {
	text-align: center;
}

.fetm-seo p {
    text-align: center;
}

.fetm-seo-img-1 {
    max-width: 533px;
    margin: 40px 0 80px 0;
}

.fetm-seo-img-2 {
	width: auto;
    max-height: 598px;
    position: relative;
    left: 4px;
}

.fetm-seo-mobile-text {
    max-width: 616px;
    margin: 16px 0 42px 0;
}

/* Inline URL sample inside the SEO copy. Brand blue so the clean-URL example
   is spotted while scanning — it is a sample, not a link, so no underline. */
.fetm-seo-url {
    color: var(--fetm-main-blue-color);
    font-weight: 600;
}

.fetm-link-btn-seo {
    margin-top: 74px;
}

/* section 10 customize */
.fetm-customize {
    margin-top: 180px;
    grid-template-rows: min-content 1fr;
}

.fetm-customize.fetm-sec-r-l {
	grid-template-columns: 1.129fr 1fr;
}

.fetm-customize .fetm-col-1,
.fetm-customize .fetm-col-2 {
    padding-left: 80px;
}

.fetm-customize .fetm-col-2 {
    align-items: flex-start;
}

.fetm-customize .fetm-col-1 {
    padding-top: 10%;
}

/* section 11 cons */
.fetm-cons {
    gap: 32px;
    margin-top: 179px;
}

/* Front page (2026-08-02): the old margins around the three-benefits row
   wasted a screen worth of air — one third is enough */
.home .fetm-cons {
    margin-top: 60px;
}
.home .fetm-freevspro {
    margin-top: 94px;
}

.fetm-cons .fetm-h3-medium {
    margin: 32px 0 14px 0;
    font-size: 1em;
	text-align: center;
}

.fetm-cons .fetm-col-2 h3 {
    font-size: 1.35em;
	margin: 32px 0 12px 0;
}

.fetm-cons .fetm-col-2 p {
    display: inline-block;
    font-size: 1.223em;
}

.fetm-cons p {
    text-align: center;
	line-height: 160%;
}

.fetm-cons .fetm-col-1,
.fetm-cons .fetm-col-2,
.fetm-cons .fetm-col-3 {
    justify-content: flex-start;
    padding: 0 24px;
}

.fetm-cons .fetm-col-1,
.fetm-cons .fetm-col-3 {
    padding-top: 86px;
}

/* section 12 price */
.fetm-price-grid {
    column-gap: 32px;
    margin-top: 184px;
}

.pricing-page-template .fetm-price-grid {
    margin: 40px auto;
}

.fetm-price-grid h2,
.fetm-price-grid h3,
.fetm-price-grid p {
    text-align: center;
}

.fetm-price-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fetm-price-title span {
    display: flex;
    align-items: center;
    font-size: 0.45em;
    color: var(--fetm-white-color);
    background-color: var(--fetm-main-blue-color);
    border-radius: 24px;
    padding: 16px 16px;
    font-weight: 400;
    position: relative;
    top: -18px;
    left: 8px;
    line-height: 0;
}

.fetm-price-plan {
    padding: 24px;
    margin: 40px 0 24px 0;
    border-radius: 12px;
}

.fetm-bottom-prices .fetm-price-plan{
	margin-top: 0;
}

.fetm-price-plan, .fetm-price-plan span {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background-color: var(--fetm-bubble-text-bg-color);
}
.fetm-double-checkmark{
	position: relative;
}
.fetm-price-plan span {
    gap: 6px;
}

.fetm-price-grid .fetm-col-1,
.fetm-price-grid .fetm-col-2,
.fetm-price-grid .fetm-col-3 {
    box-shadow: -1px 4px 8px 2px rgba(31, 32, 40, 0.1);
    gap: 20px;
    padding: 30px 0;
	border-radius: 12px;
}

.fetm-price-tag {
    color: var(--fetm-main-blue-color);
    font-size: 2.4em;
    font-weight: 600;
    position: relative;
}

.fetm-price-tag span {
    font-size: 0.4em;
    font-style: italic;
    position: absolute;
    font-weight: 600;
    top: 0;
}

/* Annual licensing price suffix (/yr): small, upright, at the baseline —
   unlike the italic superscript used for the lifetime label. */
.fetm-price-tag.fetm-price-tag-annual span {
    font-size: 0.45em;
    font-style: normal;
    position: static;
}

/* "New" badge in the Free vs PRO comparison table (mirrors the plugin's
   benefits landing). Baseline keeps it on the first line when the label wraps. */
.fetm-new-badge {
    background: #3858E9;
    color: #fff;
    padding: 2px 6px;
    border-radius: 14px;
    margin: 0 10px 0 6px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    align-self: baseline;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Help icon with a pure-CSS tooltip bubble (the theme has no tooltip JS). */
.fetm-help-tip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #929292;
    border-radius: 50%;
    color: #929292;
    background: transparent;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    margin-left: auto;
    align-self: baseline;
    cursor: help;
    position: relative;
}

.fetm-help-tip::after {
    content: attr(data-tip);
    position: absolute;
    top: calc(100% + 8px);
    right: -8px;
    z-index: 20;
    width: 240px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #1F2028;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.fetm-help-tip:hover::after,
.fetm-help-tip:focus::after {
    opacity: 1;
    visibility: visible;
}

/* In the "All plans include" bar the text is larger than in the price
   cards, so baseline alignment lifts the icon; center it instead. */
.fetm-price-plan .fetm-help-tip {
    align-self: center;
}
.fetm-dev-site{
	font-size: 85%;
	color: #7d7d7d;
}

/* pricing refunds note */
.fetm-refunds {
    text-align: center;
    margin: 24px auto 0;
}

.fetm-refunds p {
    width: 100%;
    margin: 0;
}

/* High-specificity selectors: must out-rank
   ".home .landing-page-main a" (landing) and
   ".entry-content a:visited" (pricing page) */
.fetm-refunds a,
.fetm-refunds a:visited,
.entry-content .fetm-refunds a,
.entry-content .fetm-refunds a:visited,
.home .landing-page-main .fetm-refunds a,
.home .landing-page-main .fetm-refunds a:visited {
    color: var(--fetm-text-color);
    text-decoration: underline;
    text-decoration-color: var(--fetm-main-blue-color);
    text-underline-offset: 3px;
}

.entry-content .fetm-refunds a:hover,
.home .landing-page-main .fetm-refunds a:hover {
    color: var(--fetm-main-blue-color);
}

/* section 13 freevspro */
.fetm-freevspro {
    max-width: 100%;
    background-color: var(--fetm-section5-1-bg-color);
    padding: 120px 48px;
    margin-top: 283px;
}

.fetm-freevspro-wrap {
    max-width: 1170px;
    margin: 0 auto;
    background-color: var(--fetm-white-color);
    padding: 122px 0 120px 0;
	border-radius: 12px;
}

.fetm-freevspro h2 {
    text-align: center;
}

/* grid data */
.fetm-features-grid {
    display: grid;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 80px;
}

.fetm-features-grid .fetm-row.fetm-grid-header {
    max-height: 63px;
    height: 63px;
    padding: 0 24px;
}

.fetm-features-grid .fetm-section-group {
    border-bottom: 1px solid #CCD4E3;
    padding: 0 24px;
}

.fetm-features-grid .fetm-section-group:last-child {
    border-bottom: none;
}

.fetm-features-grid .fetm-section-group:last-child .fetm-row:last-child .fetm-pro {
    border-radius: 0 0 8px 8px;
}

.fetm-features-grid .fetm-row {
    display: grid;
    grid-template-columns: 1fr 0.622fr 0.622fr;
    align-items: stretch;
    column-gap: 24px;
}

.fetm-features-grid .fetm-feature,
.fetm-features-grid .fetm-cell {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

.fetm-features-grid .fetm-section-group .fetm-row:first-of-type .fetm-cell,
.fetm-features-grid .fetm-section-group .fetm-row:first-of-type .fetm-feature {
    height: 100%;
    min-height: 48px;
    padding-top: 8px;
}

.fetm-features-grid .fetm-section-group .fetm-row:last-of-type .fetm-cell,
.fetm-features-grid .fetm-section-group .fetm-row:last-of-type .fetm-feature {
    height: 100%;
    min-height: 48px;
    padding-bottom: 8px;
}

.fetm-features-grid .fetm-feature {
    justify-content: flex-start;
	padding-left: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.fetm-features-grid .fetm-feature.fetm-header,
.fetm-row.fetm-section .fetm-feature {
	padding-left: 0;
}

.fetm-features-grid .fetm-grid-header .fetm-feature {
    font-size: 1.334em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-features-grid .fetm-grid-header .fetm-free,
.fetm-features-grid .fetm-grid-header .fetm-pro {
    display: flex;
    background-color: #F6F6F6;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

.fetm-features-grid .fetm-grid-header .fetm-pro {
    background-color: #5771ED;
    color: #FFFFFF;
}

.fetm-features-grid .fetm-section .fetm-feature {
    font-weight: 700;
    color: var(--fetm-text-color);
}

.fetm-features-grid .fetm-pro {
    background-color: #E8ECFF;
}

.fetm-features-grid .fetm-section {
    padding: 0;
}

.fetm-section-workflow,
.fetm-section-support {
    display: none;
}

#fetm-toggle-rows:checked ~ .fetm-features-grid .fetm-section-workflow,
#fetm-toggle-rows:checked ~ .fetm-features-grid .fetm-section-support {
    display: block;
}

.fetm-freevspro-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fetm-freevspro-bottom label {
    width: max-content;
    white-space: nowrap;
    margin: 46px 0 40px 0;
}

.fetm-freevspro-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

/* toggle free vs pro */

.fetm-toggle-checkbox:checked ~ .fetm-freevspro-bottom .fetm-toggle-btn::after {
    content: "View less";
    border-image: repeating-linear-gradient(to left, var(--fetm-main-blue-color) 0%, var(--fetm-main-blue-color) 4px, transparent 4px, transparent 8px) 1;
}

.fetm-toggle-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    font-weight: 600;
    justify-content: space-between;
    color: var(--fetm-main-blue-color);
}

.fetm-toggle-btn::after {
    content: "View more";
    display: inline-block;
    margin-right: 12px;
    border-bottom: 1px solid transparent;
    border-image: repeating-linear-gradient(to left, var(--fetm-main-blue-color) 0%, var(--fetm-main-blue-color) 4px, transparent 4px, transparent 8px) 1;
}

.fetm-toggle-btn::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%233858E9" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
}

.fetm-toggle-checkbox:checked ~ .fetm-freevspro-bottom .fetm-toggle-btn::before {
    transform: rotate(180deg);
}

.fetm-toggle-btn::before {
    transition: transform 0.3s ease-out;
}

/* pricing page: "All PRO features" spoiler */
.fetm-features-spoiler-toggle {
    cursor: pointer;
}

/* keep the original text colour — the dashed underline (in the text colour) plus
   the chevron signal that it is clickable */
.fetm-features-spoiler-toggle .fetm-spoiler-link-text {
    border-bottom: 1px solid transparent;
    border-image: repeating-linear-gradient(to left, currentColor 0%, currentColor 4px, transparent 4px, transparent 8px) 1;
}

/* expand/collapse chevron, matching the homepage FAQ arrow */
.fetm-features-spoiler-toggle .fetm-spoiler-arrow {
    flex: none;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%231F2028" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: transform 0.3s ease;
}

.fetm-features-spoiler-checkbox:checked ~ .fetm-price-grid-features .fetm-spoiler-arrow {
    transform: rotate(180deg);
}

/* The table sits between the "All plans include" plate and the price cards.
   It only joins the pricing grid (as a full-width row) once the spoiler is open,
   so the closed layout stays untouched. */
.fetm-features-spoiler-table {
    display: none;
}

.fetm-features-spoiler-checkbox:checked ~ .fetm-price-grid-features {
    grid-template-rows: repeat(5, min-content);
    grid-template-areas:
        "xxx4 xxx4 xxx4"
        "xxx6 xxx6 xxx6"
        "xxx5 xxx5 xxx5"
        "xxxt xxxt xxxt"
        "xxx1 xxx2 xxx3";
}

.fetm-features-spoiler-checkbox:checked ~ .fetm-price-grid-features .fetm-features-spoiler-table {
    display: block;
    grid-area: xxxt;
}

/* pricing context: full table, no top heading/toggle, all groups visible.
   Scoped to .fetm-price-grid-features so these win over the responsive
   single-class .fetm-freevspro rules further down the file. */
.fetm-price-grid-features .fetm-freevspro-pricing {
    margin: 24px 0;
    padding: 24px;
}

.fetm-price-grid-features .fetm-freevspro-pricing .fetm-freevspro-wrap {
    padding: 48px 16px;
}

.fetm-price-grid-features .fetm-freevspro-pricing .fetm-features-grid {
    margin-top: 0;
}

.fetm-price-grid-features .fetm-freevspro-pricing .fetm-section-workflow,
.fetm-price-grid-features .fetm-freevspro-pricing .fetm-section-support {
    display: block;
}

/* section 14 faq */
.fetm-sec-faq {
    max-width: 818px;
    margin: 180px auto;
	margin-bottom: 178px;
}

.fetm-sec-faq h2 {
    text-align: center;
    margin-bottom: 40px;
}

.fetm-sec-faq-section {
    margin-bottom: 40px;
}

.fetm-sec-faq-section-header {
    background-color: #F6F6F6;
    color: #1F2028;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
}

.fetm-sec-faq-section-header svg {
    width: 24px;
    height: 24px;
}

.fetm-sec-faq-section-header p {
    font-weight: 600;
    font-size: 1.34em;
    line-height: 130%;
}


.fetm-sec-faq-item {
    border-bottom: 1px solid #CCD4E3;
}

.fetm-sec-faq-trigger {
    width: 100%;
    padding: 28px 12px 28px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-align: left;
    font-size: 1em;
    font-weight: 600;
    line-height: 130%;
    color: #1F2028;
}

.fetm-sec-faq-content {
    display: none; 
    background-color: #fff;
}

.fetm-sec-faq-inner-text {
    padding: 0 48px 20px 48px;
    color: #1F2028;
    font-weight: 400;
    font-size: 1em;
    line-height: 160%;
}
.fetm-sec-faq-inner-text p{
	margin-bottom: 16px;
}
.fetm-sec-faq-inner-mark {
    color: #188038;
}

.fetm-sec-faq .fetm-sec-faq-inner-text ul,
.fetm-sec-faq .fetm-sec-faq-inner-text ol {
    padding: 24px 0 24px 36px;
    margin: 0;
}

.fetm-sec-faq .fetm-sec-faq-inner-text ul li:not(:last-child),
.fetm-sec-faq .fetm-sec-faq-inner-text ol li:not(:last-child) {
    margin-bottom: 12px;
}

.fetm-sec-faq-item.active .fetm-sec-faq-content {
    display: block;
}

.fetm-sec-faq-arrow {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%231F2028" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

.fetm-sec-faq-item.active .fetm-sec-faq-arrow {
    transform: rotate(180deg);
}

.fetm-sec-faq-footer {
    text-align: center;
    padding: 24px;
    font-size: 18px;
    background-color: #F6F6F6;
    font-weight: 600;
    border-radius: 12px;
}

.fetm-sec-faq-footer a {
    color: #3858E9;
    text-decoration: underline;
}

.home .landing-page-main a:hover,
.entry-content a:hover{
	opacity: 0.85;
}

.entry-content a:visited,
.fetm-sec-faq-footer a:visited {
    color: #3858E9;
}


/* footer */
.site-footer ul {
    list-style: none;
}

.site-footer a,
.site-footer a:visited {
    outline: none;
    text-decoration: none;
    color: var(--fetm-text-color);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.site-footer {
    max-width: 1210px;
    padding: 0 20px;
    margin: 0 auto;
    border-top: 1px solid var(--fetm-bottom-border-color);
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    grid-template-rows: min-content min-content;
    grid-template-areas: 
    "fff1 fff2"
    "fff3 fff3";
    padding-top: 36px;
    row-gap: 40px;
    height: fit-content;
    max-height: fit-content;
}

.site-footer .site-branding {
    grid-area: fff1;
	padding-bottom: 3px;
}

.site-footer .footer-main-navigation {
    grid-area: fff2;
}

.footer-main-navigation a {
    font-size: 0.9em;
}

.site-footer .site-info {
    grid-area: fff3;
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.site-footer .site-info a {
    color: var(--fetm-main-blue-color);
}

#footer-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 12px;
	padding-top: 3px;
	column-gap: 30px;
}

.site-info p,
.site-info a {
	font-size: 0.78em;
	line-height: 160%;
}

/* mobile styles */
@media (max-width: 768px) {
	body {
		font-size: 16px;
	}

    .home #masthead {
        padding: 8px 0;
        margin-top: 16px;
    }
	
    #masthead {
        padding: 8px 0;
        margin-top: 16px;
        height: auto;
    }

    .site-header-wrapper {
        height: 58px;
        padding: 6px 0;
    }

    .site-header {
        padding: 0;
    }

    .site-header-wrapper.sticky .site-header {
        height: auto;
    }

    #site-navigation {
        background-color: #fff;
        border-top: none;
        margin-top: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #primary-menu {
        padding: 0 40px;
    }

    .site-branding {
        margin-left: 24px;
    }
	
	.site-footer .site-branding {
		margin-left: 0;
	}

    .menu-toggle {
        margin-right: 24px;
    }

    .site-header-wrapper.sticky .has-mega-menu {
        opacity: 1;
        pointer-events: all;
    }

    .site-header-wrapper.sticky #primary-menu > li.menu-item-has-children.has-mega-menu:first-child ~ li:nth-child(-n+3) {
        opacity: 1;
        pointer-events: all;
    }

    .site-header-wrapper.sticky nav#site-navigation > ul#primary-menu > li:last-child > a {
        padding: 14px 0;
        max-height: none;
    }

    .logged-in.admin-bar .site-header-wrapper.sticky {
        top: 0;
    }

    .site-title {
        margin-bottom: 0;
    }
	
	.custom-logo {
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
        bottom: 0;
	}
	
	.custom-logo-link, .site-title {
		font-size: 1.2em;
	}
	
	.fetm-sec-l-r,
	.fetm-sec-r-l,
	.fetm-sec-2-cols,
	.fetm-multisection,
	.fetm-sec-vert,
	.fetm-seo,
	.fetm-sec-3-cols,
	.fetm-freevspro,
	.fetm-sec-faq {
		padding: 24px 24px;
	}
	
	.fetm-sec-l-r,
	.fetm-sec-r-l {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, min-content);
		grid-template-areas:
			"xxx1"
			"xxx3"
			"xxx2";
	}

    /* 2 columns */
    .fetm-sec-2-cols {
        grid-template-columns: 1fr;
		row-gap: 24px;
    }

	/* text styles */
	.fetm-eyebrow,
	.fetm-h2-medium,
	.fetm-bubble-text,
    .fetm-h2-big,
	.fetm-h3-big{
		text-align: center;
	}

    /* section 1 */
	.fetm-hero {
		row-gap: 32px;
		margin-top: 64px;
	}

    .fetm-hero .fetm-hero-social {
        padding-left: 0;
    }
	
    .fetm-hero .fetm-col-2 {
		padding-top: 0;
		text-align: center;
    }
	
	.fetm-hero .fetm-col-1 {
		max-width: 570px;
		margin: 0 auto;
		/*margin-top: 28px;*/
		align-items: center;
	}
	
	.fetm-hero .fetm-col-1 .fetm-h2-big {
		font-size: 2em;
	}

	.landing-page-main .fetm-h3-big{
		font-size: 1.15em;
	}
	
	.fetm-hero .fetm-col-1 .fetm-h2-big svg {
		max-height: 32px;
		max-width: 32px;
		margin-right: 4px;
	}
	
	.fetm-hero .fetm-col-3 img {
		position: unset;
		max-width: 570px;
		width: 100%;
        height: auto;
	}
	
	.fetm-hero.fetm-sec-l-r,
	.fetm-criteria.fetm-sec-r-l,
	.fetm-posttype.fetm-sec-l-r,
	.fetm-customize.fetm-sec-r-l {
		grid-template-columns: 1fr;
	}
	.fetm-hero.fetm-sec-l-r{
		padding-top: 0;
	}
	#main .fetm-link-btn, 
	#main .fetm-link-btn-free {
		padding: 10px 20px;
		font-size: 0.88em;
	}

    /* section 2 */
    .fetm-criteria {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, min-content);
        grid-template-areas:
            "xxx1"
            "xxxt"
            "xxx3"
            "xxx2";
        width: 100%;
        row-gap: 40px;
		margin-top: 80px;
    }

    .fetm-criteria .fetm-col-1,
    .fetm-criteria .fetm-criteria-text,
    .fetm-criteria .fetm-col-2 {
        padding: 0;
        align-items: center;
    }

    .fetm-criteria .fetm-criteria-text {
        align-items: flex-start;
    }
	
	.fetm-criteria .fetm-h2-medium,
	.fetm-criteria .fetm-bubble-text{
		max-width: 570px;
	}

    .fetm-criteria-text {
		max-width: max-content;
    	margin: 0 auto;
    }

    /* section 3 */
	.fetm-posttype {
		margin-top: 80px;
	}

    .fetm-posttype.fetm-sec-r-l {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, min-content);
        grid-template-areas:
        "xxx1"
        "xxx3"
        "xxx2";
        row-gap: 40px;
    }
	.fetm-posttype .fetm-h2-medium,
	.fetm-posttype .fetm-bubble-text{
		max-width: 500px;
	}
	
    .fetm-posttype .fetm-col-1,
    .fetm-posttype .fetm-col-2 {
        padding: 0;
    }

    .fetm-posttype .fetm-col-3 img {
        position: relative;
        left: 0;
    }


    /* section 4 */
	.fetm-ratings {
		margin-top: 80px;
		max-width: max-content;
	}
	
	.fetm-ratings .fetm-col2-1,
	.fetm-ratings .fetm-col2-2{
		align-items: flex-start;
	}
	
    .fetm-ratings .fetm-col2-2 {
        border: none;
    }

    /* section 5 */
    .fetm-multisection {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, min-content);
        grid-template-areas:
            "xxx1"
            "xxx2"
            "xxx3"
            "xxx4";
		margin-top: 80px;
    }

    .fetm-multisection p,
    .fetm-multisection h2,
    .fetm-multisection h3 {
        text-align: left;
		max-width: 570px;
		margin: 0 auto;
    }
	.fetm-mult-1,
	.fetm-mult-2,
	.fetm-mult-3,
	.fetm-mult-4 {
		gap: 16px;
	}
    /* mult 1 */
    .fetm-mult-1 .fetm-col-1,
    .fetm-mult-1 .fetm-col-2,
    .fetm-mult-1 .fetm-col-3 {
        padding: 0;
    }
	.fetm-mult-1 .fetm-col-1 {
		max-width: 570px;
		width: 100%;
		margin: 0 auto;
	}
    /* mult 2 */
    .fetm-mult-2 {
        padding: 24px;
    }
	.fetm-mult-2 .fetm-col-3 {
		margin-bottom: 0;
	}
	.fetm-mult-2 .fetm-col-1, 
	.fetm-mult-2 .fetm-col-2 {
		padding: 0;
	}
	
	.fetm-multisection .fetm-mult-2 {
		padding: 24px;
	}
    /* mult 3 */
    .fetm-mult-3 {
        padding: 24px;
    }
	.fetm-mult-3 .fetm-col-3 {
		margin-top: 0;
	}
	.fetm-mult-3 .fetm-col-1 h3 {
		margin-bottom: 24px;
	}
    /* mult 4 */
    .fetm-mult-4 .fetm-col-1,
    .fetm-mult-4 .fetm-col-2,
    .fetm-mult-4 .fetm-col-3 {
        padding: 0;
    }
    .fetm-mult-4 .fetm-col-1 {
        align-items: center;
    }
	.fetm-mult-4 .fetm-col-2 {
		align-items: flex-start;
	}
	
	/* section 6 */
	.fetm-demo {
		margin-top: 80px;
	}
	.fetm-demo .fetm-col2-1 {
		padding-left: 0;
	}
	.fetm-demo .fetm-col2-2 {
		padding-right: 0;
	}

    /* section 7 */
	.fetm-compatibility {
		margin-top: 80px;
	}
	
    .fetm-compatibility .fetm-bubble-text {
        order: 900;
    }
	
    /* section 9 */
	.fetm-seo {
		margin-top: 80px;
		padding: 48px 24px;
	}
	
	.fetm-seo h2 {
		margin-bottom: 40px;
	}
	
	.fetm-sec-vert .fetm-h3-medium:nth-of-type(2) {
		margin-bottom: 40px;
	}
	
    .fetm-seo-mobile-text {
        order: 800;
		margin-bottom: 0;
    }

    .fetm-link-btn-seo {
        order: 900;
		margin-top: 40px;
    }

    .fetm-seo-img-1 {
        max-width: 100%;
		margin-bottom: 40px;
		margin-top: 20px;
    }

    /* WPF landing only: the section has two heading/paragraph/screenshot
       trios, so pushing both paragraphs to the bottom (order: 800 above)
       separated each heading from its own text. Keep the source order and
       even out the rhythm: 16px heading→text, 40px text→screenshot. */
    .home .fetm-seo-mobile-text,
    .page-template-woocommerce-product-filter-template .fetm-seo-mobile-text {
        order: 0;
        margin: 16px 0 40px 0;
    }

    .home .fetm-seo .fetm-seo-wrap .fetm-h3-medium,
    .page-template-woocommerce-product-filter-template .fetm-seo .fetm-seo-wrap .fetm-h3-medium {
        margin-bottom: 0;
    }

    .home .fetm-seo-img-1,
    .page-template-woocommerce-product-filter-template .fetm-seo-img-1,
    .home .fetm-seo-img-2,
    .page-template-woocommerce-product-filter-template .fetm-seo-img-2 {
        margin-top: 0;
    }

    /* section 10 */
	.fetm-customize {
		margin-top: 80px;
	}
	
    .fetm-customize .fetm-col-1,
    .fetm-customize .fetm-col-2 {
        padding: 0;
    }
	
	.fetm-customize .fetm-col-2,
    .fetm-customize .fetm-col-3 {
        margin: 0 auto;
		max-width: 570px;
		width: 100%;
    }

    .fetm-customize .fetm-col-2 {
        align-items: center;
    }

    /* section 11 */
	.fetm-cons {
		margin-top: 80px;
	}
	
    .fetm-sec-3-cols {
        grid-template-columns: 1fr;
        grid-template-areas:
            "xxx1"
            "xxx2"
            "xxx3";
        grid-template-rows: repeat(3, min-content);
    }
	
	.fetm-cons .fetm-col-1, 
	.fetm-cons .fetm-col-3 {
		padding-top: 0;
	}

    /* section 12 */
    .fetm-price-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "xxx4"
            "xxx6"
            "xxx5"
            "xxx1"
            "xxx2"
            "xxx3";
        grid-template-rows: repeat(6, min-content);
		gap: 24px;
		margin-top: 80px;
    }

    .fetm-features-spoiler-checkbox:checked ~ .fetm-price-grid-features {
        grid-template-rows: repeat(7, min-content);
        grid-template-areas:
            "xxx4"
            "xxx6"
            "xxx5"
            "xxxt"
            "xxx1"
            "xxx2"
            "xxx3";
    }

	.fetm-price-subline{
		margin: 0;
		font-size: 20px;
	}

    .fetm-price-plan {
        flex-wrap: wrap;
    }
	
	.fetm-price-plan {
		gap: 8px;
		margin-top: 0;
		margin-bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	/* section 13 */
	.fetm-freevspro {
		margin-top: 80px;
		padding: 48px 24px;
	}
	
	.fetm-freevspro-wrap {
		padding: 40px 16px;
	}
	
    .fetm-features-grid .fetm-row {
        grid-template-columns: 1fr 60px 60px;
        column-gap: 12px;
    }

    .fetm-features-grid .fetm-row.fetm-grid-header {
        max-height: 48px;
        height: 48px;
        padding: 0 0;
    }

    .fetm-features-grid .fetm-grid-header .fetm-feature {
        font-size: 18px;
    }

    .fetm-features-grid .fetm-section-group {
        padding: 0 0;
    }

    .fetm-features-grid .fetm-feature,
    .fetm-features-grid .fetm-cell {
        font-size: 14px;
        padding: 8px 4px;
    }
	
	/* section 14 */
	.fetm-sec-faq {
		margin-top: 80px;
		margin-bottom: 80px;
	}

    .fetm-sec-faq-trigger {
        padding: 16px 12px 16px 24px;
    }

    .fetm-sec-faq-inner-text {
        padding: 0 48px 20px 24px;
    }

    .fetm-sec-faq-footer {
        display: flex;
        flex-direction: column;
    }

    /* footer */
    #footer-menu {
        grid-template-columns: 1fr 1fr;
		row-gap: 4px;
    }
	
	.site-footer {
		grid-template-areas: 
		"fff1 fff1"
		"fff2 fff2"
		"fff3 fff3";
		row-gap: 24px;
		padding: 24px 24px 0 24px;
	}
	
	.site-info {
		font-size: 0.7em;
		justify-content: start;
	}
	.fetm-demo .fetm-h3-medium {
		text-align: center;
		font-size: 1.75em;
		font-size: 28px;
	}
	#main .fetm-demo a.fetm-link-btn,
	#main .fetm-wpf-pitch a.fetm-link-btn,
	#main .fetm-wpf-final-cta a.fetm-link-btn {
		font-size: 1em;
		font-size: 16px;
	}
	#main .fetm-link-btn#try_demo_home_demo {
		padding: 10px 24px;
	}
}

/* Menu Toggle Button */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    padding: 10px;
    color: var(--fetm-text-color);
}

.menu-toggle .hamburger-icon {
    display: inline-block;
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
    .site-header {
        flex-wrap: wrap;
        max-height: fit-content;
        height: fit-content;
    }

    #masthead.is-sticky .custom-logo {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }

    #masthead.is-sticky .site-title {
        font-size: 1em;
    }

    #masthead.is-sticky .site-header {
        flex-wrap: wrap;
        max-height: fit-content;
        height: fit-content;
    }

    #masthead.is-sticky nav#site-navigation > ul#primary-menu > li:last-child > a {
        padding: 14px 24px;
        font-size: 16px;
        font-weight: 500;
    }

    .menu-toggle {
        display: inline-block;
    }

    .main-navigation {
        width: 100%;
        display: none;
        border-top: 1px solid var(--fetm-bottom-border-color);
        margin-top: 12px;
    }

    .main-navigation.toggled {
        display: block;
    }

    .main-navigation-menu {
        padding: 15px 0;
        height: auto;
    }
	
	#primary-menu {
		display: flex;
		flex-direction: column;
        gap: 0;
	}
}

/* Desktop Styles */
@media screen and (min-width: 769px) {
    .main-navigation {
        height: 100%;
    }

    .main-navigation.toggled {
        display: block;
    }

    .menu-toggle {
        display: none;
    }
}

.menu-toggle .hamburger-icon::before {
    content: '☰';
    display: inline-block;
    transition: all 0.3s ease;
}

.menu-toggle[aria-expanded="true"] .hamburger-icon::before {
    content: '✕';
}

/* ---------------------------------------- singular page ---------------------------------------- */
.fetm-signle-page-wrap {
	max-width: 1218px;
	padding: 0 24px;
	margin: 0 auto;
}

@media (min-width: 769px) { 
    .fetm-hero .fetm-col-3 img {
        min-height: 320px;
    }

    .fetm-hero .fetm-col-3 img {
        height: auto;
        max-height: 100vh;
        width: auto;
        max-width: 100%;
        margin-bottom: auto;
    }

    .fetm-hero {
        grid-template-rows: 1.2fr 1fr;
        min-height: 320px;
    }
}

/*@media (min-width: 769px) and (max-height: 880px) {*/
/*    .fetm-hero .fetm-col-3 img {*/
/*        height: 85vh;*/
/*    }*/
/*}*/

@media (min-width: 769px) and (max-height: 780px) {
    .fetm-hero {
        grid-template-rows: 1.2fr 1fr;
    }
}

@media (min-width: 1061px) and (max-height: 530px) { 

    .fetm-hero .fetm-h2-big {
        font-size: 2em;
    }

    .fetm-hero .fetm-col-1 {
        max-width: 400px;
    }

    .fetm-hero {
        row-gap: 12px;
    }

    .fetm-hero .fetm-hero-social {
        margin-top: 12px;
    }

}

@media (min-width: 769px) and (max-height: 630px) { 

    .fetm-hero {
        row-gap: 20px;
    }
}

@media (min-width: 769px) and (max-height: 499px) {
    .fetm-hero .fetm-h2-big {
        font-size: 1.8em;
    }
}

/* temp */
.current_page_item {
	background-color: var(--fetm-gray-light-color);
}

#footer-menu .current_page_item {
    background-color: unset;
    color: var(--fetm-main-blue-color);
}

#footer-menu .current_page_item a {
    color: var(--fetm-main-blue-color);
}


.site-header .current-menu-item {
	background-color: #DFE4FB;
}

.fetm-res-sidebar .current-menu-item a {
	background-color: #DFE4FB;
	color: black;
    text-decoration: none;
    display: block;
    padding: 9px 14px;
    border-radius: 8px;
}

.fetm-resources-singular-wrap .fetm-single-sub-menu .current-menu-item .fetm-single-menu-title {
	color: var(--fetm-main-blue-color);
}


/* ---------------------------------------- resource archive main ---------------------------------------- */
.fetm-resources-wrap-main-archive {
    max-width: 810px;
    margin: 0 auto;
    padding: 24px;
    margin-top: 16px;
    margin-bottom: 100px;
}

.fetm-resources-wrap-main-archive h1 {
    text-align: center;
    font-size: 2.45em;
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}

.fetm-resources-wrap-main-archive .fetm-res-intro-text {
    text-align: center;
    font-size: 1em;
}

.fetm-resources-wrap-main-archive .fetm-resources_main-menu > li {
    list-style: none;
    margin: 12px 0;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
    padding: 16px 24px;
    box-shadow: -1px 6px 10px 2px #1f202814;
}

.fetm-resources-wrap-main-archive .fetm-resources_main-menu li {
    list-style: none;
}

.fetm-resources-wrap-main-archive .fetm-resources_main-menu .fetm-sub-menu li,
.fetm-resources-wrap-main-archive .fetm-resources_main-menu .fetm-sub-menu li:first-child,
.fetm-resources-wrap-main-archive .fetm-resources_main-menu .fetm-sub-menu li:last-child,
.fetm-resources-wrap-main-archive .fetm-resources_main-menu .fetm-sub-menu li:only-child {
    margin: 0;
}

.fetm-resources-wrap-main-archive .fetm-resources_main-menu summary {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.fetm-resources-wrap-main-archive .fetm-resources_main-menu .fetm-parent-link {
    display: flex;
    align-items: center;
    background: #FFF;
    text-decoration: none;
}

.fetm-resources-wrap-main-archive .fetm-resources_main-menu .fetm-menu-title-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: 16px;
}

.fetm-resources-wrap-main-archive .fetm-menu-icon {
    width: 46px;
    height: 46px;
    display: inline-block;
    flex-shrink: 0;
    border: 1px solid var(--fetm-gray-light-color);
    border-radius: 8px;
}

.fetm-resources-wrap-main-archive .fetm-icon_set-001 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-002 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-003 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-004 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-005 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-006 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-007 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-008 .fetm-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-009 .fetm-menu-icon {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 48px;
    height: 48px;
    display: inline-block;
    box-sizing: border-box;
}

.fetm-resources-singular-wrap .fetm-icon_set-001 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-002 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-003 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-004 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-005 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-006 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-007 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-008 .fetm-single-menu-icon,
.fetm-resources-singular-wrap .fetm-icon_set-009 .fetm-single-menu-icon {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    width: 18px;
    height: 18px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 8px;
}

.fetm-resources-singular-wrap .fetm-icon_set-001 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-001 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_10554)"%3E%3Cpath d="M10 2C10.2449 2.00003 10.4813 2.08996 10.6644 2.25272C10.8474 2.41547 10.9643 2.63975 10.993 2.883L11 3V5H16C16.2589 4.99999 16.5076 5.10036 16.694 5.28L16.781 5.375L18.781 7.875C18.9095 8.03558 18.9853 8.23187 18.9982 8.43712C19.0111 8.64238 18.9604 8.84661 18.853 9.022L18.781 9.125L16.781 11.625C16.6193 11.8271 16.3856 11.9586 16.129 11.992L16 12H11V20H12C12.2549 20.0003 12.5 20.0979 12.6854 20.2728C12.8707 20.4478 12.9822 20.687 12.9972 20.9414C13.0121 21.1958 12.9293 21.4464 12.7657 21.6418C12.6021 21.8373 12.3701 21.9629 12.117 21.993L12 22H8C7.74512 21.9997 7.49997 21.9021 7.31463 21.7272C7.1293 21.5522 7.01777 21.313 7.00283 21.0586C6.98789 20.8042 7.07067 20.5536 7.23426 20.3582C7.39786 20.1627 7.6299 20.0371 7.883 20.007L8 20H9V12H6C5.75507 12 5.51866 11.91 5.33563 11.7473C5.15259 11.5845 5.03566 11.3603 5.007 11.117L5 11V6C5.00003 5.75507 5.08996 5.51866 5.25272 5.33563C5.41547 5.15259 5.63975 5.03566 5.883 5.007L6 5H9V3C9 2.73478 9.10536 2.48043 9.29289 2.29289C9.48043 2.10536 9.73478 2 10 2Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_10554"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-002 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-002 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11162)"%3E%3Cpath d="M6 3C6.24493 3.00003 6.48134 3.08996 6.66437 3.25272C6.84741 3.41547 6.96434 3.63975 6.993 3.883L7 4V7.171C7.58484 7.37802 8.09115 7.7612 8.44925 8.26783C8.80734 8.77445 8.99962 9.3796 8.99962 10C8.99962 10.6204 8.80734 11.2256 8.44925 11.7322C8.09115 12.2388 7.58484 12.622 7 12.829V20C6.99972 20.2549 6.90212 20.5 6.72715 20.6854C6.55218 20.8707 6.31305 20.9822 6.05861 20.9972C5.80416 21.0121 5.55362 20.9293 5.35817 20.7657C5.16271 20.6021 5.0371 20.3701 5.007 20.117L5 20V12.83C4.44328 12.6329 3.95706 12.276 3.6022 11.8039C3.24734 11.3318 3.0396 10.7656 3.005 10.176L3 10L3.005 9.824C3.0396 9.23444 3.24734 8.66817 3.6022 8.19609C3.95706 7.72401 4.44328 7.36709 5 7.17V4C5 3.73478 5.10536 3.48043 5.29289 3.29289C5.48043 3.10536 5.73478 3 6 3Z" fill="%233858E9"/%3E%3Cpath d="M12 3C12.2449 3.00003 12.4813 3.08996 12.6644 3.25272C12.8474 3.41547 12.9643 3.63975 12.993 3.883L13 4V13.171C13.5848 13.378 14.0912 13.7612 14.4492 14.2678C14.8073 14.7744 14.9996 15.3796 14.9996 16C14.9996 16.6204 14.8073 17.2256 14.4492 17.7322C14.0912 18.2388 13.5848 18.622 13 18.829V20C12.9997 20.2549 12.9021 20.5 12.7272 20.6854C12.5522 20.8707 12.313 20.9822 12.0586 20.9972C11.8042 21.0121 11.5536 20.9293 11.3582 20.7657C11.1627 20.6021 11.0371 20.3701 11.007 20.117L11 20V18.83C10.4433 18.6329 9.95706 18.276 9.6022 17.8039C9.24734 17.3318 9.0396 16.7656 9.005 16.176L9 16L9.005 15.824C9.0396 15.2344 9.24734 14.6682 9.6022 14.1961C9.95706 13.724 10.4433 13.3671 11 13.17V4C11 3.73478 11.1054 3.48043 11.2929 3.29289C11.4804 3.10536 11.7348 3 12 3Z" fill="%233858E9"/%3E%3Cpath d="M18 3C18.2449 3.00003 18.4813 3.08996 18.6644 3.25272C18.8474 3.41547 18.9643 3.63975 18.993 3.883L19 4V4.171C19.5848 4.37802 20.0912 4.7612 20.4492 5.26782C20.8073 5.77445 20.9996 6.3796 20.9996 7C20.9996 7.6204 20.8073 8.22555 20.4492 8.73217C20.0912 9.2388 19.5848 9.62198 19 9.829V20C18.9997 20.2549 18.9021 20.5 18.7272 20.6854C18.5522 20.8707 18.313 20.9822 18.0586 20.9972C17.8042 21.0121 17.5536 20.9293 17.3582 20.7657C17.1627 20.6021 17.0371 20.3701 17.007 20.117L17 20V9.83C16.4433 9.63291 15.9571 9.27599 15.6022 8.80391C15.2473 8.33183 15.0396 7.76557 15.005 7.176L15 7L15.005 6.824C15.0396 6.23443 15.2473 5.66817 15.6022 5.19609C15.9571 4.72401 16.4433 4.36709 17 4.17V4C17 3.73478 17.1054 3.48043 17.2929 3.29289C17.4804 3.10536 17.7348 3 18 3Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11162"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-003 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-003 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11183)"%3E%3Cpath d="M9 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V9C3 9.53043 3.21071 10.0391 3.58579 10.4142C3.96086 10.7893 4.46957 11 5 11H9C9.53043 11 10.0391 10.7893 10.4142 10.4142C10.7893 10.0391 11 9.53043 11 9V5C11 4.46957 10.7893 3.96086 10.4142 3.58579C10.0391 3.21071 9.53043 3 9 3Z" fill="%233858E9"/%3E%3Cpath d="M9 13H5C4.46957 13 3.96086 13.2107 3.58579 13.5858C3.21071 13.9609 3 14.4696 3 15V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H9C9.53043 21 10.0391 20.7893 10.4142 20.4142C10.7893 20.0391 11 19.5304 11 19V15C11 14.4696 10.7893 13.9609 10.4142 13.5858C10.0391 13.2107 9.53043 13 9 13Z" fill="%233858E9"/%3E%3Cpath d="M19 13H15C14.4696 13 13.9609 13.2107 13.5858 13.5858C13.2107 13.9609 13 14.4696 13 15V19C13 19.5304 13.2107 20.0391 13.5858 20.4142C13.9609 20.7893 14.4696 21 15 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V15C21 14.4696 20.7893 13.9609 20.4142 13.5858C20.0391 13.2107 19.5304 13 19 13Z" fill="%233858E9"/%3E%3Cpath d="M16.9989 3C17.2438 3.00003 17.4802 3.08996 17.6633 3.25272C17.8463 3.41547 17.9632 3.63975 17.9919 3.883L17.9989 4V6H19.9989C20.2538 6.00028 20.4989 6.09788 20.6843 6.27285C20.8696 6.44782 20.9811 6.68695 20.9961 6.94139C21.011 7.19584 20.9282 7.44638 20.7646 7.64183C20.601 7.83729 20.369 7.9629 20.1159 7.993L19.9989 8H17.9989V10C17.9986 10.2549 17.901 10.5 17.726 10.6854C17.5511 10.8707 17.3119 10.9822 17.0575 10.9972C16.8031 11.0121 16.5525 10.9293 16.3571 10.7657C16.1616 10.6021 16.036 10.3701 16.0059 10.117L15.9989 10V8H13.9989C13.744 7.99972 13.4989 7.90212 13.3135 7.72715C13.1282 7.55218 13.0167 7.31305 13.0017 7.05861C12.9868 6.80416 13.0696 6.55362 13.2332 6.35817C13.3967 6.16271 13.6288 6.0371 13.8819 6.007L13.9989 6H15.9989V4C15.9989 3.73478 16.1042 3.48043 16.2918 3.29289C16.4793 3.10536 16.7337 3 16.9989 3Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11183"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-004 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-004 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11272)"%3E%3Cpath d="M14.6473 4.08125C14.6741 4.19198 14.7267 4.29482 14.8007 4.3814C14.8748 4.46798 14.9682 4.53585 15.0735 4.57951C15.1787 4.62316 15.2928 4.64136 15.4064 4.63263C15.52 4.6239 15.6299 4.58848 15.7273 4.52925C18.1663 3.04425 20.9573 5.83425 19.4722 8.27325C19.413 8.37051 19.3776 8.48038 19.3688 8.59392C19.36 8.70746 19.3781 8.82148 19.4216 8.9267C19.4652 9.03192 19.533 9.12539 19.6194 9.19951C19.7059 9.27362 19.8086 9.3263 19.9193 9.35325C22.6943 10.0262 22.6943 13.9733 19.9193 14.6473C19.8085 14.6741 19.7057 14.7267 19.6191 14.8007C19.5325 14.8748 19.4646 14.9682 19.421 15.0735C19.3773 15.1787 19.3591 15.2928 19.3679 15.4064C19.3766 15.52 19.412 15.6299 19.4713 15.7273C20.9563 18.1663 18.1663 20.9573 15.7273 19.4722C15.63 19.413 15.5201 19.3776 15.4066 19.3688C15.293 19.36 15.179 19.3781 15.0738 19.4216C14.9686 19.4652 14.8751 19.533 14.801 19.6194C14.7269 19.7059 14.6742 19.8086 14.6473 19.9193C13.9742 22.6943 10.0273 22.6943 9.35325 19.9193C9.32642 19.8085 9.27384 19.7057 9.19977 19.6191C9.12571 19.5325 9.03226 19.4646 8.92702 19.421C8.82178 19.3773 8.70772 19.3591 8.59412 19.3679C8.48052 19.3766 8.37058 19.412 8.27325 19.4713C5.83425 20.9563 3.04325 18.1663 4.52825 15.7273C4.58748 15.63 4.62294 15.5201 4.63173 15.4066C4.64052 15.293 4.62241 15.179 4.57886 15.0738C4.5353 14.9686 4.46755 14.8751 4.38108 14.801C4.29462 14.7269 4.1919 14.6742 4.08125 14.6473C1.30625 13.9742 1.30625 10.0273 4.08125 9.35325C4.19198 9.32642 4.29482 9.27384 4.3814 9.19977C4.46798 9.12571 4.53585 9.03226 4.57951 8.92702C4.62316 8.82178 4.64136 8.70772 4.63263 8.59412C4.6239 8.48052 4.58848 8.37058 4.52925 8.27325C3.04425 5.83425 5.83425 3.04325 8.27325 4.52825C8.37042 4.58793 8.48033 4.62375 8.59401 4.63277C8.70768 4.64179 8.82187 4.62375 8.92723 4.58015C9.03259 4.53654 9.12613 4.46859 9.20018 4.38188C9.27423 4.29516 9.32668 4.19214 9.35325 4.08125C10.0262 1.30625 13.9733 1.30625 14.6473 4.08125ZM12.0002 9.00025C11.2046 9.00025 10.4415 9.31632 9.87893 9.87893C9.31632 10.4415 9.00025 11.2046 9.00025 12.0002C9.00025 12.7959 9.31632 13.559 9.87893 14.1216C10.4415 14.6842 11.2046 15.0002 12.0002 15.0002C12.7959 15.0002 13.559 14.6842 14.1216 14.1216C14.6842 13.559 15.0002 12.7959 15.0002 12.0002C15.0002 11.2046 14.6842 10.4415 14.1216 9.87893C13.559 9.31632 12.7959 9.00025 12.0002 9.00025Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11272"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-005 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-005 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11286)"%3E%3Cpath d="M4.98957 12.8625C5.17308 14.1852 5.72586 15.4293 6.58446 16.452C7.44305 17.4747 8.57265 18.2345 9.84356 18.6443C11.1145 19.054 12.4752 19.0971 13.7694 18.7685C15.0637 18.4399 16.2391 17.7529 17.1606 16.7865C17.0731 16.5845 17.0204 16.3691 17.0046 16.1495L16.9996 16.0005L17.0046 15.8505C17.0344 15.4529 17.1825 15.0732 17.4298 14.7603C17.677 14.4474 18.0122 14.2155 18.3922 14.0945C18.7722 13.9735 19.1797 13.9689 19.5623 14.0812C19.945 14.1936 20.2853 14.4177 20.5396 14.7249C20.7939 15.0321 20.9505 15.4084 20.9894 15.8053C21.0283 16.2022 20.9477 16.6016 20.7578 16.9523C20.568 17.303 20.2776 17.589 19.9241 17.7735C19.5705 17.9579 19.1698 18.0325 18.7736 17.9875C17.6123 19.2727 16.1084 20.1997 14.4385 20.6597C12.7686 21.1197 11.0021 21.0934 9.34663 20.5841C7.69112 20.0747 6.21539 19.1035 5.09283 17.7844C3.97028 16.4653 3.24755 14.8532 3.00957 13.1375C2.98197 12.8792 3.05595 12.6203 3.21586 12.4156C3.37577 12.2109 3.60905 12.0765 3.86634 12.0408C4.12363 12.005 4.38473 12.0708 4.59437 12.2242C4.80401 12.3776 4.94574 12.6065 4.98957 12.8625Z" fill="%233858E9"/%3E%3Cpath d="M12 8C12.7826 8 13.548 8.22958 14.2014 8.66029C14.8549 9.09101 15.3676 9.70394 15.6761 10.4232C15.9846 11.1424 16.0753 11.9363 15.9371 12.7066C15.7988 13.4769 15.4376 14.1898 14.8983 14.7568C14.3589 15.3239 13.665 15.7202 12.9026 15.8968C12.1402 16.0734 11.3427 16.0225 10.6089 15.7503C9.87519 15.4782 9.23739 14.9967 8.77454 14.3657C8.31169 13.7346 8.04413 12.9816 8.005 12.2L8 12L8.005 11.8C8.05631 10.775 8.4996 9.80901 9.24319 9.10172C9.98677 8.39444 10.9738 8 12 8Z" fill="%233858E9"/%3E%3Cpath d="M13.142 3.08961C15.1214 3.34519 16.9619 4.24441 18.38 5.64878C19.7981 7.05316 20.7152 8.8848 20.99 10.8616C21.0184 11.1202 20.9448 11.3797 20.785 11.585C20.6252 11.7902 20.3917 11.9251 20.134 11.9611C19.8764 11.997 19.6148 11.9311 19.405 11.7773C19.1951 11.6236 19.0534 11.3941 19.01 11.1376C18.7955 9.59497 18.0797 8.16565 16.9729 7.06987C15.8661 5.97409 14.4297 5.27265 12.885 5.07361C11.78 4.92976 10.6566 5.04817 9.60589 5.41927C8.55515 5.79036 7.60658 6.4037 6.837 7.20961C6.95218 7.47659 7.00776 7.76547 6.99987 8.05613C6.99198 8.34679 6.92081 8.63223 6.79132 8.89257C6.66183 9.15291 6.47713 9.38188 6.25009 9.56353C6.02305 9.74518 5.75913 9.87515 5.47673 9.94437C5.19432 10.0136 4.90022 10.0204 4.61491 9.96432C4.32961 9.90825 4.05996 9.79064 3.82475 9.61969C3.58955 9.44874 3.39445 9.22856 3.25304 8.9745C3.11164 8.72043 3.02733 8.43859 3.006 8.14861L3 7.99961L3.005 7.84961C3.02511 7.58164 3.09902 7.32047 3.22231 7.0817C3.3456 6.84293 3.51574 6.63145 3.72258 6.45989C3.92941 6.28834 4.1687 6.16023 4.42615 6.0832C4.6836 6.00618 4.95393 5.98183 5.221 6.01161C6.2067 4.92046 7.44229 4.0846 8.82186 3.57569C10.2014 3.06677 11.6838 2.89998 13.142 3.08961Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11286"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-006 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-006 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11293)"%3E%3Cpath d="M6.5 12C7.47968 11.9999 8.43779 12.2877 9.25533 12.8275C10.0729 13.3673 10.7138 14.1354 11.0986 15.0364C11.4833 15.9373 11.5949 16.9315 11.4195 17.8953C11.2441 18.8592 10.7893 19.7502 10.1118 20.4579C9.43431 21.1655 8.56384 21.6585 7.60853 21.8756C6.65322 22.0928 5.65517 22.0245 4.73834 21.6793C3.8215 21.334 3.02629 20.7271 2.45146 19.9338C1.87663 19.1405 1.54752 18.1958 1.505 17.217L1.5 17L1.505 16.783C1.56092 15.4958 2.11161 14.2798 3.04222 13.3887C3.97284 12.4975 5.21154 12.0001 6.5 12Z" fill="%233858E9"/%3E%3Cpath d="M17.5 12C18.4797 11.9999 19.4378 12.2877 20.2553 12.8275C21.0729 13.3673 21.7138 14.1354 22.0986 15.0364C22.4833 15.9373 22.5949 16.9315 22.4195 17.8953C22.2441 18.8592 21.7893 19.7502 21.1118 20.4579C20.4343 21.1655 19.5638 21.6585 18.6085 21.8756C17.6532 22.0928 16.6552 22.0245 15.7383 21.6793C14.8215 21.334 14.0263 20.7271 13.4515 19.9338C12.8766 19.1405 12.5475 18.1958 12.505 17.217L12.5 17L12.505 16.783C12.5609 15.4958 13.1116 14.2798 14.0422 13.3887C14.9728 12.4975 16.2115 12.0001 17.5 12Z" fill="%233858E9"/%3E%3Cpath d="M12 2C12.9797 1.99994 13.9378 2.28769 14.7553 2.8275C15.5729 3.36731 16.2138 4.1354 16.5986 5.03636C16.9833 5.93733 17.0949 6.93147 16.9195 7.89531C16.7441 8.85916 16.2893 9.75023 15.6118 10.4579C14.9343 11.1655 14.0638 11.6585 13.1085 11.8756C12.1532 12.0928 11.1552 12.0245 10.2383 11.6793C9.3215 11.334 8.52629 10.7271 7.95146 9.93376C7.37663 9.14045 7.04752 8.19575 7.005 7.217L7 7L7.005 6.783C7.06092 5.49575 7.61161 4.27978 8.54222 3.38866C9.47284 2.49754 10.7115 2.00007 12 2Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11293"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-007 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-007 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11344)"%3E%3Cpath d="M3 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3ZM16.464 15.536L20 12L16.464 8.464L15.05 9.88L17.172 12L15.05 14.121L16.464 15.536ZM6.828 12L8.95 9.879L7.536 8.464L4 12L7.536 15.536L8.95 14.12L6.828 12ZM11.244 17L14.884 7H12.756L9.116 17H11.244Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11344"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-008 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-008 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11350)"%3E%3Cpath d="M18.5 3.00018C18.8676 3.00029 19.2306 3.08144 19.5632 3.23787C19.8958 3.39429 20.1898 3.62213 20.4244 3.90517C20.6589 4.18821 20.8281 4.51947 20.9199 4.87537C21.0118 5.23127 21.0241 5.60304 20.9558 5.96422C20.8876 6.3254 20.7406 6.66708 20.5252 6.96495C20.3099 7.26281 20.0315 7.50953 19.7099 7.68752C19.3883 7.86551 19.0314 7.97039 18.6646 7.99471C18.2979 8.01902 17.9303 7.96216 17.588 7.82818L13.032 12.3832C13.781 13.4681 14.1133 14.7869 13.968 16.0972L16.592 16.8842C16.9634 16.4461 17.4743 16.1492 18.0388 16.0435C18.6033 15.9378 19.187 16.0296 19.6918 16.3036C20.1965 16.5777 20.5915 17.0171 20.8104 17.5481C21.0292 18.0791 21.0586 18.6693 20.8935 19.2194C20.7284 19.7695 20.379 20.2459 19.9039 20.5687C19.4288 20.8914 18.8571 21.0408 18.2849 20.9916C17.7127 20.9424 17.1748 20.6977 16.7618 20.2986C16.3488 19.8995 16.0858 19.3704 16.017 18.8002L13.394 18.0122C12.8395 19.0938 11.9424 19.9613 10.8427 20.4791C9.74303 20.9969 8.50281 21.1359 7.31583 20.8742C6.12884 20.6126 5.06195 19.9652 4.28185 19.0331C3.50176 18.101 3.0524 16.9367 3.004 15.7222L3 15.5002L3.004 15.2792C3.04297 14.3058 3.33979 13.3602 3.86408 12.5392C4.38837 11.7181 5.12133 11.051 5.988 10.6062L5.2 7.98218C4.62353 7.91297 4.08917 7.6451 3.68877 7.22463C3.28837 6.80416 3.04695 6.25735 3.006 5.67818L3 5.50018L3.005 5.33618C3.03206 4.92417 3.16074 4.52527 3.37956 4.17512C3.59838 3.82497 3.90052 3.53446 4.25899 3.32956C4.61746 3.12466 5.0211 3.01173 5.43386 3.00087C5.84662 2.99 6.25564 3.08154 6.62439 3.26731C6.99314 3.45308 7.31014 3.72728 7.54707 4.06544C7.78401 4.4036 7.93349 4.79518 7.98218 5.2052C8.03087 5.61522 7.97725 5.03091 7.8261 6.41515C7.67496 6.7994 7.43099 7.14022 7.116 7.40718L7.903 10.0322C9.21331 9.88685 10.5321 10.2192 11.617 10.9682L16.172 6.41218C16.078 6.17297 16.0217 5.92065 16.005 5.66418L16 5.50018L16.005 5.33618C16.0466 4.70283 16.3276 4.10903 16.791 3.67522C17.2543 3.24141 17.8653 3.00008 18.5 3.00018Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11350"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-singular-wrap .fetm-icon_set-009 .fetm-single-menu-icon,
.fetm-resources-wrap-main-archive .fetm-icon_set-009 .fetm-menu-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12626_11355)"%3E%3Cpath d="M6.056 8.3C6.11975 8.19831 6.18611 8.09828 6.255 8H17.745C17.814 8.098 17.88 8.199 17.944 8.3L19.964 7.134L20.964 8.866L18.751 10.144C18.913 10.734 19 11.357 19 12V13H22V15H19C19 15.953 18.81 16.862 18.464 17.69L20.964 19.134L19.964 20.866L17.438 19.408C16.3292 20.7775 14.7442 21.6779 13 21.929V14H11V21.93C9.2557 21.6787 7.67064 20.7779 6.562 19.408L4.036 20.866L3.036 19.134L5.536 17.691C5.18102 16.8383 4.99884 15.9236 5 15H2V13H5V12C5 11.357 5.087 10.735 5.249 10.144L3.036 8.866L4.036 7.134L6.056 8.3ZM8 6C8 4.93913 8.42143 3.92172 9.17157 3.17157C9.92172 2.42143 10.9391 2 12 2C13.0609 2 14.0783 2.42143 14.8284 3.17157C15.5786 3.92172 16 4.93913 16 6H8Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12626_11355"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.fetm-resources-wrap-main-archive .fetm-menu-title {
    font-family: var(--Fixel-Text), sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 130%;
}

.fetm-resources-wrap-main-archive .fetm-menu-description {
    font-size: 0.67em;
    color: #7B879C;
    margin-top: 8px;
    line-height: 155%;
    font-weight: 400;
    letter-spacing: 0;
}

.fetm-resources-wrap-main-archive .fetm-sub-menu {
    padding-top: 16px;
    border-top: 1px solid var(--fetm-gray-medium-color);
    margin-top: 16px;
}

.fetm-resources-wrap-main-archive .fetm-sub-menu a {
    display: block;
    padding: 16px;
    background: none;
    color: #7B879C;
    font-size: 0.89em;
    font-family: var(--Fixel-Text), sans-serif;
    font-weight: 400;
    border-radius: 8px;
    transition: padding-left 0.3s ease, background-color 0.2s ease;
    text-decoration: none;
    line-height: 100%;
}

.fetm-resources-wrap-main-archive .fetm-sub-menu a:hover {
    background-color: #DFE4FB;
}

.fetm-resources-wrap-main-archive .fetm-sub-menu a:hover span {
    color: var(--fetm-main-blue-color);
}

.fetm-resources-wrap-main-archive .fetm-sub-menu a span {
    font-weight: normal;
    line-height: 100%;
    color: #7B879C;
}

.fetm-resources-wrap-main-archive .fetm-sub-menu .fetm-menu-title-wrapper {
    margin-left: 0;
}

.fetm-resources-wrap-main-archive summary::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 9L12 15L18 9" stroke="%231F2028" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    flex-shrink: 0;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.fetm-resources-wrap-main-archive details[open] summary::after {
    transform: rotate(180deg);
}

/* search */
.fetm-res-search-bar {
    position: relative;
    /* Must stay below .site-header-wrapper (z-index: 100), or the form paints over the mega menu and the sticky header. */
    z-index: 10;
    margin-top: 60px;
    margin-bottom: 40px;
}

.fetm-res-search-bar .search-form {
    display: flex;
    flex-direction: row;
}

.fetm-res-search-bar .search-form label {
    width: 100%;
}

.fetm-res-search-bar input[type="search"] {
    width: 100%;
    padding: 15px 16px 14px 43px;
    font-size: 0.89em;
    border: 1px solid var(--fetm-gray-medium-color);
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
    line-height: 100%;
    font-family: var(--Fixel-Text), sans-serif;
}

.fetm-res-search-bar .search-submit {
    color: transparent;
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 13.1667C10.2789 13.1667 12.6667 10.7789 12.6667 7.83333C12.6667 4.88781 10.2789 2.5 7.33333 2.5C4.38781 2.5 2 4.88781 2 7.83333C2 10.7789 4.38781 13.1667 7.33333 13.1667Z' stroke='%231F2028' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 14.5L11.1333 11.6333' stroke='%231F2028' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    height: auto;
    cursor: pointer;
    position: absolute;
    top: 9px;
    left: 8px;
}

/* ---------------------------------------- site search page ---------------------------------------- */

/* The search page reuses the .fetm-blog-archive column and typography;
   only the search bar needs its own sizing here. The header selector must
   outweigh .fetm-archive-main-template.fetm-blog-archive .archive-header. */
.fetm-archive-main-template.fetm-blog-archive.fetm-site-search .archive-header {
    margin-bottom: 24px;
}

.fetm-site-search .fetm-res-search-bar {
    margin: 0 0 48px;
    max-width: 555px;
}

/* ---------------------------------------- copy link ---------------------------------------- */
.fetm-copy-link-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background-color: #E8ECF4;
    color: #1F2028;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: none;
    align-items: center;
    gap: 4px;
    flex-direction: row;
    z-index: 10;
    width: 112px;
    height: 48px;
    transition: background-color 0.3s ease;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
}

.spoiler .fetm-copy-link-btn {
	right: 36px;
}

.fetm-copy-anchor {
    position: relative;
}

.fetm-copy-anchor:hover .fetm-copy-link-btn {
    display: flex;
}

.fetm-copy-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.5237 8.97631C10.2219 7.67456 8.11139 7.67456 6.80964 8.97631L3.47631 12.3096C2.17456 13.6114 2.17456 15.7219 3.47631 17.0237C4.77806 18.3254 6.88861 18.3254 8.19036 17.0237L9.10832 16.1057M8.47631 12.0237C9.77806 13.3254 11.8886 13.3254 13.1904 12.0237L16.5237 8.69036C17.8254 7.38861 17.8254 5.27806 16.5237 3.97631C15.2219 2.67456 13.1114 2.67456 11.8096 3.97631L10.8933 4.89265" stroke="%231F2028" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.fetm-copy-link-btn.copied {
    background-color: #3858E9;
    color: #FFFFFF;
}

.fetm-copy-link-btn.copied .fetm-copy-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.875 5.625L8.125 14.375L3.75 10" stroke="white" stroke-width="1.875" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

/* ---------------------------------------- resource singular page ---------------------------------------- */
.fetm-archive-products,
.fetm-resources-singular-wrap {
    display: flex;
    max-width: 1218px;
    width: 100%;
    margin: 16px auto 0 auto;
    padding: 24px;
    justify-content: space-between;
    gap: 24px;
}

/* sidebar */
.fetm-res-sidebar {
    max-width: 270px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: auto;
}

#resources-menu {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.fetm-res-sidebar h3 {
    font-size: 1.5em;
}

.fetm-res-sidebar p {
    margin: 0;
}

.fetm-res-sidebar a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 9px 14px;
    border-radius: 8px;
    font-size: 0.9em;
}

.fetm-res-sidebar a:hover {
    width: 100%;
    background-color: #dfe4fb;
}

.fetm-res-sidebar .fetm-single-sub-menu-link:hover span {
    color: var(--fetm-main-blue-color) !important;
}

.fetm-res-sidebar a:not([href]) {
    font-weight: 500;
    padding: 0;
    cursor: default;
    line-height: 130%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.fetm-res-sidebar a:not([href]):hover {
    background-color: transparent;
}

/* main */
/*.wp-singular.page-template-default .fetm-resources-singular-wrap .fetm-res-main-content,*/
.fetm-resources-singular-wrap .fetm-res-main-content {
    max-width: 830px;
    box-sizing: border-box;
    width: 100%;
	min-width: 0;
}

.fetm-resources-singular-wrap .fetm-signle-page-wrap.fetm-res-main-content {
    max-width: 100%;
    padding: 0;
}

.page-id-645 .fetm-resources-singular-wrap .fetm-signle-page-wrap.fetm-res-main-content{
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/* mobile nav menu */
.fetm-res-menu-toggle {
    display: none;
}
.fetm-res-menu-checkbox {
    display: none;
}

/* search bar */
.fetm-resources-singular-wrap .fetm-res-search-bar {
    margin: 0 0 39px 0;
}

.fetm-resources-singular-wrap .fetm-res-sidebar {
    overflow: unset;
    min-width: 200px;
}

.fetm-resources-singular-wrap .fetm-res-sidebar-group {
    height: auto;
}

.fetm-res-sidebar-group ul {
	list-style: none;
}

.fetm-resources-singular-wrap .fetm-single-menu-link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#resources-menu .fetm-single-menu-link {
	margin-bottom: 16px;
	margin-top: 0;
}

.fetm-resources-singular-wrap .fetm-single-menu-link .fetm-single-menu-title {
    font-size: 0.88em;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 100%;
}

.fetm-resources-singular-wrap .fetm-single-sub-menu .fetm-single-menu-title {
    color: #7b879c;
}

/* table styles on resource pages */
.fetm-resources-singular-wrap .fetm-res-main-content table {
    border-spacing: 0;
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 20px 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content th,
.fetm-resources-singular-wrap .fetm-res-main-content td {
    border: none;
    padding: 24px;
    font-size: 1em;
    line-height: 160%;
    text-align: left;
    font-weight: 600;
}
.fetm-resources-singular-wrap .fetm-res-main-content .cart-collaterals td{
	text-align: center;
}
.fetm-resources-singular-wrap .fetm-res-main-content td {
    font-weight: 400;
	padding: 18px 24px;
}

.fetm-resources-singular-wrap .fetm-res-main-content thead tr th,
.fetm-resources-singular-wrap .fetm-res-main-content tbody tr:not(:last-child) td {
    border-bottom: 1px solid #c7c7c7;
}

.fetm-resources-singular-wrap .fetm-res-main-content th:not(:last-child),
.fetm-resources-singular-wrap .fetm-res-main-content td:not(:last-child) {
    border-right: 1px solid #c7c7c7;
}

.fetm-resources-singular-wrap .fetm-res-main-content th {
    background-color: #f6f6f6;
}

.fetm-resources-singular-wrap .fetm-res-main-content .pro-option {
    display: inline-block;
    background-color: #dfe4fb;
    border-radius: 6px;
    padding: 8px 10px;
    color: #3858e9;
}

.fetm-resources-singular-wrap .fetm-res-main-content p .pro-option {
    display: inline-block;
    background-color: #dfe4fb;
    border-radius: 6px;
    padding: 2px 8px;
    color: #3858e9;
    font-weight: 400;
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-highlight-text-wrap {
    display: inline-block;
    background-color: #ebefff;
    border-radius: 6px;
    padding: 2px 8px;
    color: #1f2028;
    font-weight: 500;
    font-size: 0.9em;
}

.fetm-resources-singular-wrap .fetm-res-main-content tr td:first-child {
    font-weight: 500;
}

.fetm-resources-singular-wrap .fetm-res-main-content tr td:not(:first-child) a {
    color: #3858e9;
    font-weight: 500;
}

/* H1-H6 styles */
.fetm-resources-singular-wrap .fetm-res-main-content h1 {
    font-size: 2.445em;
    line-height: 130%;
    font-weight: 600;
    text-align: left;
    padding: 0;
    margin: 0 0 20px 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content h2 {
    font-size: 2em;
    line-height: 130%;
    font-weight: 600;
    text-align: left;
    padding: 0;
    margin: 60px 0 20px 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content h3 {
    font-size: 1.34em;
    line-height: 130%;
    font-weight: 600;
    text-align: left;
    padding: 0;
    margin: 20px 0 20px 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content h4 {
    margin: 20px 0;
    text-align: left;
    font-size: 1em;
}

.fetm-resources-singular-wrap .fetm-res-main-content h5 {
    margin: 20px 0;
    text-align: left;
    font-size: 0.83em;
}

.fetm-resources-singular-wrap .fetm-res-main-content h6 {
    margin: 20px 0;
    text-align: left;
    font-size: 0.67em;
}

.fetm-resources-singular-wrap .fetm-res-main-content p {
    margin: 20px 0;
    font-weight: 400;
    font-size: 1em;
    line-height: 160%;
    color: #1f2028;
}

.page-template-default.page:not(.woocommerce-page) .fetm-resources-singular-wrap .fetm-res-main-content p:first-child{
	margin-top: 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content ul,
.fetm-resources-singular-wrap .fetm-res-main-content ol{
	margin: 20px 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content ul {
	padding-inline-start: 40px;
}

.fetm-resources-singular-wrap .fetm-res-main-content blockquote {
    margin: 20px 0;
    background: #F6F6F6;
    padding: 12px 40px;
    border-radius: 12px;
}

.fetm-resources-singular-wrap .fetm-res-main-content .wp-caption-text {
    margin: 5px 0 0 0;
    font-size: 0.78em;
    padding: 0;
    line-height: 160%;
}

.fetm-resources-singular-wrap .fetm-res-main-content figure {
    margin: 0;
    padding: 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content .make-it-margin-right figure{
	margin-right: 24px;
}


.fetm-resources-singular-wrap .fetm-res-main-content a {
    color: #3858e9;
    font-weight: 400;
    text-decoration: none;
}

/* dropdown faq look a like */
.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details {
    border-top: 1px solid var(--fetm-bottom-border-color);
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details:last-child {
    border-bottom: 1px solid var(--fetm-bottom-border-color);
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 24px 0;
    font-weight: 600;
    position: relative;
    padding-right: 40px;
    font-size: unset;
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details summary h2 {
	margin: 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content
    .fetm-res-faq-drop
    details
    summary::-webkit-details-marker {
    display: none;
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details summary::after {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%231F2028" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}

.fetm-resources-singular-wrap .fetm-res-main-content .fetm-res-faq-drop details p {
    margin-bottom: 12px;
}

.fetm-resources-singular-wrap .fetm-res-main-content .entry-content {
    padding: 0;
    margin: 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content .entry-content ul li,
.fetm-resources-singular-wrap .fetm-res-main-content .entry-content ol li {
	margin-bottom: 8px;
}

/* post navigation */
.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation {
    margin: 60px 0 56px 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation .nav-links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation .nav-links .nav-previous,
.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation .nav-links .nav-next {
    flex: none;
}

.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation a {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
}

.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation .nav-links .nav-icon {
    height: 24px;
    width: 24px;
    padding: 0;
    margin: 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content .post-navigation .nav-links .nav-title {
    line-height: 0%;
    font-weight: 500;
    font-size: 0.9em;
    color: #3858e9;
    margin: 0 8px;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .fetm-resources-singular-wrap {
        flex-direction: column;
        gap: 0;
    }

    .fetm-res-menu-toggle {
        display: block;
        font-size: 1.5em;
        cursor: pointer;
        padding: 10px;
        text-align: center;
        background-color: #f6f6f6;
    }

    .fetm-res-sidebar {
        width: 100%;
        max-width: 100%;
        padding: 0 24px;
        height: auto;
        margin-top: 16px;
    }

    .fetm-res-sidebar-group {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        padding: 0 24px 0 0;
    }

    .fetm-res-menu-checkbox:checked
        ~ .fetm-res-sidebar
        .fetm-res-sidebar-group {
        max-height: 40vh;
        overflow: auto;
    }

    .fetm-resources-singular-wrap .fetm-res-main-content {
        padding: 24px 0;
    }

    .fetm-res-posts-grid {
        grid-template-columns: 1fr;
    }

    .fetm-resources-singular-wrap .fetm-res-main-content .post-navigation .nav-links {
        display: none;
    }
}

/* code styles */
.fetm-resources-singular-wrap code {
	font-size: 0.8em !important;
}

code {
    background-color: #f4f4f4;
    padding: 4px 6px;
    color: #333;
    border-radius: 4px;
}

code[class*="language-"],
pre[class*="language-"] {
	padding: 0;
}

/* ---------------------------------------- search page ---------------------------------------- */
#fetm-search-page-template  .page-header p {
    color: #1f2028;
}

#fetm-search-page-template #fetm-search-posts-fnd h3 {
    margin: 0 0 20px 0;
    text-align: left;
}

#fetm-search-page-template #fetm-search-posts-fnd {
    width: 100%;
}

#fetm-search-page-template #fetm-search-posts-fnd a {
    text-decoration: none;
}

/* mobile */
@media (max-width: 768px) {
    #fetm-search-page-template .page-header .fetm-res-search-bar {
        display: none;
    }

    #fetm-search-page-template .fetm-res-search-bar {
        margin: 0;
    }

    #fetm-search-page-template .fetm-res-sidebar-group {
        margin-top: 20px;
    }
}

/* list styles */
#fetm-search-posts-fnd article {
    background-color: transparent;
    margin-bottom: 40px;
    padding: 0;
}

#fetm-search-posts-fnd .entry-title {
    font-size: 1.4em;
    margin: 0 0 10px;
    color: #1f2028;
    width: max-content;
}

#fetm-search-posts-fnd .entry-title:hover {
    opacity: 0.65;
}

#fetm-search-posts-fnd .entry-title a {
    color: #1f2028;
    text-decoration: none;
    font-weight: 600;
}

#fetm-search-posts-fnd article p {
    font-size: 0.9em;
    margin: 0;
    line-height: 1.4;
}

#fetm-search-posts-fnd article .femt-post-category {
    color: #7b879c;
    text-transform: uppercase;
    margin-top: 16px;
    font-size: 0.8em;
}

/* pagination */
#fetm-search-page-template .fetm-search-pagination {
    display: flex;
    flex-direction: row;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination {
    text-align: center;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination
    .page-numbers {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 5px;
    background-color: #ffffff;
    color: #1f2028;
    text-decoration: none;
    border: 1px solid #dadadd;
    border-radius: 5px;
    transition: background-color 0.2s ease;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination
    .page-numbers.current {
    background-color: #3858e9;
    color: #ffffff;
    font-weight: 600;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination
    .page-numbers:hover {
    background-color: #dfe4fb;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination
    .page-numbers.current:hover {
    background-color: #3858e9;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination
    .prev {
    color: #90939a;
}

#fetm-search-posts-fnd
    .post-navigation.fetm-search-pagination
    .next {
    padding: 8px 16px;
    color: #90939a;
}

/* ---------------------------------------- demo mega menu ---------------------------------------- */
.has-mega-menu {
    position: static !important;
    display: inline-block;
    margin-left: auto;
}

.fetm-site-header .site-header a.fetm-current-page {
    color: var(--fetm-main-blue-color);
    border-bottom: 2px solid var(--fetm-main-blue-color);
}

.has-mega-menu .fetm-current-page {
    background-color: #DFE4FB !important;
    border-radius: 4px !important;
    color: var(--fetm-main-blue-color) !important;
    border: none !important;
}

.has-mega-menu > .menu-button > .fetm-demo-menu-icon-1 {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_13182_11322)"%3E%3Cpath d="M3 5C3 5.53043 3.21071 6.03914 3.58579 6.41421C3.96086 6.78929 4.46957 7 5 7C5.53043 7 6.03914 6.78929 6.41421 6.41421C6.78929 6.03914 7 5.53043 7 5C7 4.46957 6.78929 3.96086 6.41421 3.58579C6.03914 3.21071 5.53043 3 5 3C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5Z" fill="%235771ED"/%3E%3Cpath d="M10 5C10 5.53043 10.2107 6.03914 10.5858 6.41421C10.9609 6.78929 11.4696 7 12 7C12.5304 7 13.0391 6.78929 13.4142 6.41421C13.7893 6.03914 14 5.53043 14 5C14 4.46957 13.7893 3.96086 13.4142 3.58579C13.0391 3.21071 12.5304 3 12 3C11.4696 3 10.9609 3.21071 10.5858 3.58579C10.2107 3.96086 10 4.46957 10 5Z" fill="%235771ED"/%3E%3Cpath d="M17 5C17 5.53043 17.2107 6.03914 17.5858 6.41421C17.9609 6.78929 18.4696 7 19 7C19.5304 7 20.0391 6.78929 20.4142 6.41421C20.7893 6.03914 21 5.53043 21 5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3C18.4696 3 17.9609 3.21071 17.5858 3.58579C17.2107 3.96086 17 4.46957 17 5Z" fill="%235771ED"/%3E%3Cpath d="M3 12C3 12.5304 3.21071 13.0391 3.58579 13.4142C3.96086 13.7893 4.46957 14 5 14C5.53043 14 6.03914 13.7893 6.41421 13.4142C6.78929 13.0391 7 12.5304 7 12C7 11.4696 6.78929 10.9609 6.41421 10.5858C6.03914 10.2107 5.53043 10 5 10C4.46957 10 3.96086 10.2107 3.58579 10.5858C3.21071 10.9609 3 11.4696 3 12Z" fill="%235771ED"/%3E%3Cpath d="M10 12C10 12.5304 10.2107 13.0391 10.5858 13.4142C10.9609 13.7893 11.4696 14 12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12C14 11.4696 13.7893 10.9609 13.4142 10.5858C13.0391 10.2107 12.5304 10 12 10C11.4696 10 10.9609 10.2107 10.5858 10.5858C10.2107 10.9609 10 11.4696 10 12Z" fill="%235771ED"/%3E%3Cpath d="M17 12C17 12.5304 17.2107 13.0391 17.5858 13.4142C17.9609 13.7893 18.4696 14 19 14C19.5304 14 20.0391 13.7893 20.4142 13.4142C20.7893 13.0391 21 12.5304 21 12C21 11.4696 20.7893 10.9609 20.4142 10.5858C20.0391 10.2107 19.5304 10 19 10C18.4696 10 17.9609 10.2107 17.5858 10.5858C17.2107 10.9609 17 11.4696 17 12Z" fill="%235771ED"/%3E%3Cpath d="M3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21C5.53043 21 6.03914 20.7893 6.41421 20.4142C6.78929 20.0391 7 19.5304 7 19C7 18.4696 6.78929 17.9609 6.41421 17.5858C6.03914 17.2107 5.53043 17 5 17C4.46957 17 3.96086 17.2107 3.58579 17.5858C3.21071 17.9609 3 18.4696 3 19Z" fill="%235771ED"/%3E%3Cpath d="M10 19C10 19.5304 10.2107 20.0391 10.5858 20.4142C10.9609 20.7893 11.4696 21 12 21C12.5304 21 13.0391 20.7893 13.4142 20.4142C13.7893 20.0391 14 19.5304 14 19C14 18.4696 13.7893 17.9609 13.4142 17.5858C13.0391 17.2107 12.5304 17 12 17C11.4696 17 10.9609 17.2107 10.5858 17.5858C10.2107 17.9609 10 18.4696 10 19Z" fill="%235771ED"/%3E%3Cpath d="M17 19C17 19.5304 17.2107 20.0391 17.5858 20.4142C17.9609 20.7893 18.4696 21 19 21C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19C21 18.4696 20.7893 17.9609 20.4142 17.5858C20.0391 17.2107 19.5304 17 19 17C18.4696 17 17.9609 17.2107 17.5858 17.5858C17.2107 17.9609 17 18.4696 17 19Z" fill="%235771ED"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_13182_11322"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu > .menu-button:hover {
    color: var(--fetm-main-blue-color);
}

.has-mega-menu > a {
    color: #1F2028;
    padding: 0 12px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    height: 100%;
}

.has-mega-menu:hover > a::after {
    content: "";
    position: absolute;
    top: 89%;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 12px;
    background-color: #E8ECF4;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    pointer-events: none;
}

.has-mega-menu .custom-grid-menu-container {
    position: absolute;
    top: 58px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: none;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 4px;
    width: 1170px;
    max-width: 95vw;
    padding: 4px;
    background-color: #E8ECF4;
    text-align: left;
    border-radius: 8px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    box-shadow: 10px 14px 33.6px -6px rgba(31, 32, 40, 0.2);
}

.has-mega-menu .custom-grid-menu-container .invisible-mega-menu-cover {
    position: absolute;
    width: 20%;
    height: 44px;
    background-color: transparent;
    opacity: 0;
    top: -44px;
    right: 54vh;
}

@media (max-width: 768px) {
    .has-mega-menu .custom-grid-menu-container .invisible-mega-menu-cover {
        display: none;
    }
}

.logged-in.admin-bar .has-mega-menu .custom-grid-menu-container {
	top: 58px;
}

.has-mega-menu:hover .custom-grid-menu-container {
    display: grid;
}

.has-mega-menu .menu-left {
    display: contents;
}

.has-mega-menu .menu-left > .menu-container:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.has-mega-menu .menu-left > .menu-container:nth-child(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.has-mega-menu .menu-left > .menu-container:nth-child(3) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
}

.has-mega-menu .menu-right {
    display: contents;
}

.has-mega-menu .menu-right-top {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    padding: 24px;
    border-radius: 6px;
    background-color: #FFFFFF;
}

.has-mega-menu .menu-right-bottom {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.has-mega-menu .menu-right-bottom > .menu-container {
    padding: 24px;
}

.has-mega-menu .menu-container {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 24px;
}

.has-mega-menu .menu-right-top .menu-container {
    padding: 0;
}

.has-mega-menu .menu-title-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
	pointer-events: none;
    cursor: default;
}

.has-mega-menu .menu-title {
    font-size: 14px;
    font-weight: bold;
    color: #3858E9;
    text-transform: uppercase;
    line-height: 100%;
    margin-left: 8px;
}

.has-mega-menu .fetm-demo-menu-icon-1,
.has-mega-menu .fetm-demo-menu-icon-2,
.has-mega-menu .fetm-demo-menu-icon-3,
.has-mega-menu .fetm-demo-menu-icon-4,
.has-mega-menu .fetm-demo-menu-icon-5,
.has-mega-menu .fetm-demo-menu-icon-6 {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.has-mega-menu .fetm-demo-menu-icon-1 {
    width: 32px;
    background-image: url('data:image/svg+xml,%3Csvg width="32" height="18" viewBox="0 0 32 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M3.80629 0H28.4204C29.978 0 31.2391 1.26094 31.2391 2.81872V12.2143C31.2391 13.772 29.9781 15.033 28.4204 15.033H19.5935L20.8051 18L15.4768 15.033H3.81881C2.26115 15.033 1.00009 13.7721 1.00009 12.2143V2.81872C0.987728 1.27335 2.24863 0 3.80629 0Z" fill="%237F54B3"/%3E%3Cpath d="M2.7232 2.5694C2.89529 2.33585 3.15343 2.21292 3.49762 2.18834C4.12452 2.13917 4.481 2.43419 4.56705 3.07339C4.94811 5.64252 5.36604 7.8182 5.80862 9.60064L8.5006 4.47478C8.74644 4.00767 9.05375 3.76182 9.42252 3.73724C9.96339 3.70036 10.2953 4.04455 10.4305 4.7698C10.7378 6.40471 11.1311 7.7937 11.5983 8.97373C11.9179 5.85143 12.4587 3.60205 13.2209 2.21295C13.4053 1.86877 13.6757 1.69668 14.0322 1.67208C14.3149 1.6475 14.573 1.73354 14.8066 1.91793C15.0401 2.10232 15.1631 2.33586 15.1876 2.61859C15.1999 2.83985 15.1631 3.02423 15.0647 3.20861C14.5853 4.09366 14.192 5.58108 13.8724 7.64607C13.5651 9.64976 13.4545 11.2108 13.5282 12.3295C13.5528 12.6368 13.5036 12.9072 13.3807 13.1407C13.2332 13.4112 13.0119 13.5587 12.7292 13.5833C12.4096 13.6078 12.0777 13.4603 11.7581 13.1284C10.615 11.9607 9.70532 10.2152 9.04159 7.8919C8.2426 9.46528 7.65261 10.6454 7.27155 11.4321C6.54631 12.8211 5.9317 13.5341 5.41539 13.5709C5.0835 13.5955 4.80077 13.3128 4.55493 12.7228C3.92803 11.1124 3.25194 8.00252 2.52667 3.39297C2.4775 3.07337 2.55126 2.79064 2.72334 2.56938L2.7232 2.5694ZM29.1398 4.49926C28.6973 3.72485 28.0458 3.25769 27.1731 3.07331C26.9395 3.02414 26.7183 2.99955 26.5093 2.99955C25.3293 2.99955 24.3705 3.61417 23.6207 4.84342C22.9815 5.88826 22.6619 7.04378 22.6619 8.3098C22.6619 9.25631 22.8585 10.0676 23.2519 10.7437C23.6944 11.5181 24.3459 11.9853 25.2186 12.1696C25.4521 12.2188 25.6734 12.2434 25.8824 12.2434C27.0747 12.2434 28.0335 11.6288 28.771 10.3995C29.4102 9.34239 29.7298 8.18689 29.7298 6.92086C29.7421 5.96206 29.5332 5.1631 29.1398 4.49926ZM27.591 7.90422C27.4189 8.71551 27.1116 9.31778 26.6568 9.72352C26.3003 10.0431 25.9684 10.1783 25.6611 10.1169C25.3661 10.0554 25.1202 9.79728 24.9359 9.31788C24.7884 8.93682 24.7146 8.55577 24.7146 8.19929C24.7146 7.89199 24.7392 7.58467 24.8007 7.30196C24.9113 6.79797 25.1203 6.30628 25.4521 5.83915C25.8578 5.23682 26.288 4.99098 26.7306 5.07703C27.0256 5.13849 27.2714 5.39663 27.4558 5.87602C27.6033 6.25708 27.6771 6.63814 27.6771 6.99462C27.6771 7.31422 27.6525 7.6215 27.591 7.90422ZM21.4448 4.49926C21.0023 3.72485 20.3385 3.25769 19.4781 3.07331C19.2445 3.02414 19.0233 2.99955 18.8143 2.99955C17.6343 2.99955 16.6755 3.61417 15.9257 4.84342C15.2865 5.88826 14.9669 7.04378 14.9669 8.3098C14.9669 9.25631 15.1635 10.0676 15.5569 10.7437C15.9994 11.5181 16.6509 11.9853 17.5236 12.1696C17.7571 12.2188 17.9784 12.2434 18.1874 12.2434C19.3797 12.2434 20.3385 11.6288 21.076 10.3995C21.7152 9.34239 22.0348 8.18689 22.0348 6.92086C22.0348 5.96206 21.8382 5.1631 21.4448 4.49926ZM19.8837 7.90422C19.7116 8.71551 19.4043 9.31778 18.9495 9.72352C18.593 10.0431 18.2611 10.1783 17.9538 10.1169C17.6588 10.0554 17.413 9.79728 17.2286 9.31788C17.0811 8.93682 17.0073 8.55577 17.0073 8.19929C17.0073 7.89199 17.0319 7.58467 17.0934 7.30196C17.204 6.79797 17.413 6.30628 17.7449 5.83915C18.1505 5.23682 18.5807 4.99098 19.0233 5.07703C19.3183 5.13849 19.5641 5.39663 19.7485 5.87602C19.896 6.25708 19.9698 6.63814 19.9698 6.99462C19.9821 7.31422 19.9452 7.6215 19.8837 7.90422Z" fill="white"/%3E%3C/svg%3E');
}

.has-mega-menu .fetm-demo-menu-icon-2 {
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12490_22062)"%3E%3Cpath d="M6.75 2.25H3.75C3.35218 2.25 2.97064 2.40804 2.68934 2.68934C2.40804 2.97064 2.25 3.35218 2.25 3.75V6.75C2.25 7.14782 2.40804 7.52936 2.68934 7.81066C2.97064 8.09196 3.35218 8.25 3.75 8.25H6.75C7.14782 8.25 7.52936 8.09196 7.81066 7.81066C8.09196 7.52936 8.25 7.14782 8.25 6.75V3.75C8.25 3.35218 8.09196 2.97064 7.81066 2.68934C7.52936 2.40804 7.14782 2.25 6.75 2.25Z" fill="%233858E9"/%3E%3Cpath d="M6.75 9.75H3.75C3.35218 9.75 2.97064 9.90804 2.68934 10.1893C2.40804 10.4706 2.25 10.8522 2.25 11.25V14.25C2.25 14.6478 2.40804 15.0294 2.68934 15.3107C2.97064 15.592 3.35218 15.75 3.75 15.75H6.75C7.14782 15.75 7.52936 15.592 7.81066 15.3107C8.09196 15.0294 8.25 14.6478 8.25 14.25V11.25C8.25 10.8522 8.09196 10.4706 7.81066 10.1893C7.52936 9.90804 7.14782 9.75 6.75 9.75Z" fill="%233858E9"/%3E%3Cpath d="M14.25 9.75H11.25C10.8522 9.75 10.4706 9.90804 10.1893 10.1893C9.90804 10.4706 9.75 10.8522 9.75 11.25V14.25C9.75 14.6478 9.90804 15.0294 10.1893 15.3107C10.4706 15.592 10.8522 15.75 11.25 15.75H14.25C14.6478 15.75 15.0294 15.592 15.3107 15.3107C15.592 15.0294 15.75 14.6478 15.75 14.25V11.25C15.75 10.8522 15.592 10.4706 15.3107 10.1893C15.0294 9.90804 14.6478 9.75 14.25 9.75Z" fill="%233858E9"/%3E%3Cpath d="M12.7492 2.25C12.9329 2.25002 13.1102 2.31747 13.2474 2.43954C13.3847 2.56161 13.4724 2.72981 13.4939 2.91225L13.4992 3V4.5H14.9992C15.1903 4.50021 15.3742 4.57341 15.5132 4.70464C15.6522 4.83586 15.7358 5.01521 15.747 5.20605C15.7583 5.39688 15.6962 5.58478 15.5735 5.73137C15.4508 5.87796 15.2767 5.97217 15.0869 5.99475L14.9992 6H13.4992V7.5C13.499 7.69116 13.4258 7.87502 13.2945 8.01403C13.1633 8.15303 12.984 8.23668 12.7931 8.24788C12.6023 8.25908 12.4144 8.19699 12.2678 8.0743C12.1212 7.95161 12.027 7.77757 12.0044 7.58775L11.9992 7.5V6H10.4992C10.308 5.99979 10.1241 5.92659 9.98514 5.79536C9.84614 5.66414 9.76249 5.48479 9.75129 5.29395C9.74009 5.10312 9.80217 4.91522 9.92487 4.76863C10.0476 4.62204 10.2216 4.52783 10.4114 4.50525L10.4992 4.5H11.9992V3C11.9992 2.80109 12.0782 2.61032 12.2188 2.46967C12.3595 2.32902 12.5503 2.25 12.7492 2.25Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12490_22062"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .fetm-demo-menu-icon-3 {
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12490_22090)"%3E%3Cpath d="M12.75 1.5C13.3239 1.49997 13.8761 1.71924 14.2937 2.11296C14.7113 2.50668 14.9626 3.04508 14.9963 3.618L15 3.75C15.5967 3.75 16.169 3.98705 16.591 4.40901C17.0129 4.83097 17.25 5.40326 17.25 6C17.25 7.16429 16.7988 8.28327 15.9912 9.12185C15.1835 9.96044 14.0822 10.4533 12.9188 10.497L12.75 10.5H9.75L9.8625 10.5037C10.2196 10.5306 10.5554 10.6843 10.809 10.9371C11.0627 11.19 11.2175 11.5252 11.2455 11.8822L11.25 12V15C11.2501 15.3784 11.1072 15.7429 10.8499 16.0204C10.5926 16.2979 10.2399 16.4679 9.8625 16.4963L9.75 16.5H8.25C7.87157 16.5001 7.50707 16.3572 7.22959 16.0999C6.9521 15.8426 6.78213 15.4899 6.75375 15.1125L6.75 15V12C6.74988 11.6216 6.8928 11.2571 7.15012 10.9796C7.40744 10.7021 7.76013 10.5321 8.1375 10.5037L8.25 10.5V9.75C8.25002 9.5663 8.31747 9.389 8.43954 9.25172C8.56161 9.11444 8.72981 9.02674 8.91225 9.00525L9 9H12.75C13.5456 9 14.3087 8.68393 14.8713 8.12132C15.4339 7.55871 15.75 6.79565 15.75 6C15.75 5.8163 15.6825 5.639 15.5605 5.50172C15.4384 5.36444 15.2702 5.27674 15.0878 5.25525L15 5.25L14.9963 5.382C14.9639 5.93219 14.7308 6.45139 14.3411 6.84111C13.9514 7.23082 13.4322 7.46395 12.882 7.49625L12.75 7.5H5.25C4.67609 7.50003 4.12386 7.28076 3.7063 6.88704C3.28874 6.49332 3.03742 5.95492 3.00375 5.382L3 5.25V3.75C2.99997 3.17609 3.21924 2.62386 3.61296 2.2063C4.00668 1.78874 4.54508 1.53742 5.118 1.50375L5.25 1.5H12.75Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12490_22090"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .fetm-demo-menu-icon-4 {
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12496_11488)"%3E%3Cpath d="M4.5 2.25C4.6837 2.25002 4.861 2.31747 4.99828 2.43954C5.13556 2.56161 5.22326 2.72981 5.24475 2.91225L5.25 3V5.37825C5.68863 5.53351 6.06836 5.8209 6.33694 6.20087C6.60551 6.58083 6.74972 7.0347 6.74972 7.5C6.74972 7.9653 6.60551 8.41917 6.33694 8.79913C6.06836 9.1791 5.68863 9.46649 5.25 9.62175V15C5.24979 15.1912 5.17659 15.375 5.04536 15.514C4.91414 15.653 4.73479 15.7367 4.54395 15.7479C4.35312 15.7591 4.16522 15.697 4.01863 15.5743C3.87204 15.4516 3.77783 15.2776 3.75525 15.0878L3.75 15V9.6225C3.33246 9.47468 2.96779 9.20699 2.70165 8.85293C2.4355 8.49887 2.2797 8.07417 2.25375 7.632L2.25 7.5L2.25375 7.368C2.2797 6.92583 2.4355 6.50113 2.70165 6.14707C2.96779 5.79301 3.33246 5.52532 3.75 5.3775V3C3.75 2.80109 3.82902 2.61032 3.96967 2.46967C4.11032 2.32902 4.30109 2.25 4.5 2.25Z" fill="%233858E9"/%3E%3Cpath d="M9 2.25C9.1837 2.25002 9.361 2.31747 9.49828 2.43954C9.63556 2.56161 9.72326 2.72981 9.74475 2.91225L9.75 3V9.87825C10.1886 10.0335 10.5684 10.3209 10.8369 10.7009C11.1055 11.0808 11.2497 11.5347 11.2497 12C11.2497 12.4653 11.1055 12.9192 10.8369 13.2991C10.5684 13.6791 10.1886 13.9665 9.75 14.1217V15C9.74979 15.1912 9.67659 15.375 9.54536 15.514C9.41414 15.653 9.23479 15.7367 9.04395 15.7479C8.85312 15.7591 8.66522 15.697 8.51863 15.5743C8.37204 15.4516 8.27783 15.2776 8.25525 15.0878L8.25 15V14.1225C7.83246 13.9747 7.46779 13.707 7.20165 13.3529C6.9355 12.9989 6.7797 12.5742 6.75375 12.132L6.75 12L6.75375 11.868C6.7797 11.4258 6.9355 11.0011 7.20165 10.6471C7.46779 10.293 7.83246 10.0253 8.25 9.8775V3C8.25 2.80109 8.32902 2.61032 8.46967 2.46967C8.61032 2.32902 8.80109 2.25 9 2.25Z" fill="%233858E9"/%3E%3Cpath d="M13.5 2.25C13.6837 2.25002 13.861 2.31747 13.9983 2.43954C14.1356 2.56161 14.2233 2.72981 14.2448 2.91225L14.25 3V3.12825C14.6886 3.28351 15.0684 3.5709 15.3369 3.95087C15.6055 4.33083 15.7497 4.7847 15.7497 5.25C15.7497 5.7153 15.6055 6.16917 15.3369 6.54913C15.0684 6.9291 14.6886 7.21649 14.25 7.37175V15C14.2498 15.1912 14.1766 15.375 14.0454 15.514C13.9141 15.653 13.7348 15.7367 13.544 15.7479C13.3531 15.7591 13.1652 15.697 13.0186 15.5743C12.872 15.4516 12.7778 15.2776 12.7553 15.0878L12.75 15V7.3725C12.3325 7.22468 11.9678 6.95699 11.7016 6.60293C11.4355 6.24887 11.2797 5.82417 11.2538 5.382L11.25 5.25L11.2538 5.118C11.2797 4.67583 11.4355 4.25113 11.7016 3.89707C11.9678 3.54301 12.3325 3.27532 12.75 3.1275V3C12.75 2.80109 12.829 2.61032 12.9697 2.46967C13.1103 2.32902 13.3011 2.25 13.5 2.25Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12496_11488"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .fetm-demo-menu-icon-5 {
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12490_24795)"%3E%3Cpath d="M13.5 3H9C8.40326 3 7.83097 3.23705 7.40901 3.65901C6.98705 4.08097 6.75 4.65326 6.75 5.25V12.75C6.75 13.3467 6.98705 13.919 7.40901 14.341C7.83097 14.7629 8.40326 15 9 15H13.5C14.0967 15 14.669 14.7629 15.091 14.341C15.5129 13.919 15.75 13.3467 15.75 12.75V5.25C15.75 4.65326 15.5129 4.08097 15.091 3.65901C14.669 3.23705 14.0967 3 13.5 3Z" fill="%233858E9"/%3E%3Cpath d="M5.25 4.5C5.4337 4.50002 5.611 4.56747 5.74828 4.68954C5.88556 4.81161 5.97326 4.97981 5.99475 5.16225L6 5.25V12.75C5.99979 12.9412 5.92659 13.125 5.79536 13.264C5.66414 13.403 5.48479 13.4867 5.29395 13.4979C5.10312 13.5091 4.91522 13.447 4.76863 13.3243C4.62204 13.2016 4.52783 13.0276 4.50525 12.8377L4.5 12.75V5.25C4.5 5.05109 4.57902 4.86032 4.71967 4.71967C4.86032 4.57902 5.05109 4.5 5.25 4.5Z" fill="%233858E9"/%3E%3Cpath d="M3 5.25C3.1837 5.25002 3.361 5.31747 3.49828 5.43954C3.63556 5.56161 3.72326 5.72981 3.74475 5.91225L3.75 6V12C3.74979 12.1912 3.67659 12.375 3.54536 12.514C3.41414 12.653 3.23479 12.7367 3.04395 12.7479C2.85312 12.7591 2.66522 12.697 2.51863 12.5743C2.37204 12.4516 2.27783 12.2776 2.25525 12.0877L2.25 12V6C2.25 5.80109 2.32902 5.61032 2.46967 5.46967C2.61032 5.32902 2.80109 5.25 3 5.25Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12490_24795"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .fetm-demo-menu-icon-6 {
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_12490_22080)"%3E%3Cpath d="M10.9854 3.06094C11.0056 3.14399 11.045 3.22111 11.1005 3.28605C11.1561 3.35098 11.2262 3.40189 11.3051 3.43463C11.384 3.46737 11.4696 3.48102 11.5548 3.47447C11.64 3.46792 11.7224 3.44136 11.7954 3.39694C13.6247 2.28319 15.7179 4.37569 14.6042 6.20494C14.5598 6.27789 14.5332 6.36028 14.5266 6.44544C14.52 6.5306 14.5336 6.61611 14.5662 6.69502C14.5989 6.77394 14.6497 6.84404 14.7146 6.89963C14.7794 6.95522 14.8565 6.99472 14.9394 7.01494C17.0207 7.51969 17.0207 10.4799 14.9394 10.9854C14.8564 11.0056 14.7793 11.045 14.7143 11.1005C14.6494 11.1561 14.5985 11.2262 14.5657 11.3051C14.533 11.384 14.5194 11.4696 14.5259 11.5548C14.5325 11.64 14.559 11.7224 14.6034 11.7954C15.7172 13.6247 13.6247 15.7179 11.7954 14.6042C11.7225 14.5598 11.6401 14.5332 11.5549 14.5266C11.4698 14.52 11.3843 14.5336 11.3054 14.5662C11.2264 14.5989 11.1563 14.6497 11.1007 14.7146C11.0452 14.7794 11.0057 14.8565 10.9854 14.9394C10.4807 17.0207 7.52044 17.0207 7.01494 14.9394C6.99482 14.8564 6.95538 14.7793 6.89983 14.7143C6.84428 14.6494 6.77419 14.5985 6.69526 14.5657C6.61633 14.533 6.53079 14.5194 6.44559 14.5259C6.36039 14.5325 6.27794 14.559 6.20494 14.6034C4.37569 15.7172 2.28244 13.6247 3.39619 11.7954C3.44061 11.7225 3.4672 11.6401 3.4738 11.5549C3.48039 11.4698 3.4668 11.3843 3.43414 11.3054C3.40148 11.2264 3.35066 11.1563 3.28581 11.1007C3.22097 11.0452 3.14392 11.0057 3.06094 10.9854C0.979688 10.4807 0.979688 7.52044 3.06094 7.01494C3.14399 6.99482 3.22111 6.95538 3.28605 6.89983C3.35098 6.84428 3.40189 6.77419 3.43463 6.69526C3.46737 6.61633 3.48102 6.53079 3.47447 6.44559C3.46792 6.36039 3.44136 6.27794 3.39694 6.20494C2.28319 4.37569 4.37569 2.28244 6.20494 3.39619C6.27781 3.44095 6.36025 3.46781 6.44551 3.47457C6.53076 3.48134 6.6164 3.46782 6.69543 3.43511C6.77445 3.4024 6.8446 3.35145 6.90013 3.28641C6.95567 3.22137 6.99501 3.14411 7.01494 3.06094C7.51969 0.979688 10.4799 0.979688 10.9854 3.06094ZM9.00019 6.75019C8.40345 6.75019 7.83115 6.98724 7.4092 7.4092C6.98724 7.83115 6.75019 8.40345 6.75019 9.00019C6.75019 9.59692 6.98724 10.1692 7.4092 10.5912C7.83115 11.0131 8.40345 11.2502 9.00019 11.2502C9.59692 11.2502 10.1692 11.0131 10.5912 10.5912C11.0131 10.1692 11.2502 9.59692 11.2502 9.00019C11.2502 8.40345 11.0131 7.83115 10.5912 7.4092C10.1692 6.98724 9.59692 6.75019 9.00019 6.75019Z" fill="%233858E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12490_22080"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.has-mega-menu .menu-right-bottom .submenu {
    display: flex;
    flex-direction: column;
}

.has-mega-menu .submenu li {
    margin: 0;
}

.has-mega-menu .submenu a {
    text-decoration: none;
    color: #333;
}

.has-mega-menu .menu-container-1 .submenu,
.has-mega-menu .menu-container-4 .submenu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding: 0;
    margin: 0;
}

.has-mega-menu .menu-container-1 .submenu li,
.has-mega-menu .menu-container-4 .submenu li {
    break-inside: avoid;
}

.has-mega-menu .submenu li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    padding: 6px 0 6px 12px;
}

.has-mega-menu .submenu li:last-child {
    margin-bottom: 0;
}

.has-mega-menu .submenu li a:hover {
    background-color: #DFE4FB;
    border-radius: 4px;
    color: var(--fetm-main-blue-color);
}

/* menu 2 looks */
.has-mega-menu .menu-container-2 .submenu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    align-content: flex-start; 
}

.has-mega-menu .menu-container-2 .submenu li {
    flex: 1 1 calc((100% - 16px) / 3);
    box-sizing: border-box;
    margin: 0;
    height: fit-content;
}

.has-mega-menu .menu-container-2 .submenu li a {
    display: block;
    padding: 12px 0px;
    background-color: #F6F6F6;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.has-mega-menu .menu-container-2 .submenu li a:hover {
    background-color: #DFE4FB;
}

/* menu 3 looks */
.has-mega-menu .menu-container-3 .submenu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    align-content: flex-start; 
}

.has-mega-menu .menu-container-3 .submenu li {
    flex: 1 1 calc((100% - 16px) / 3);
    box-sizing: border-box;
    min-width: 150px;
    margin: 0;
    height: fit-content;
}

.has-mega-menu .menu-container-3 .submenu li a {
    display: block;
    padding: 12px 0px;
    background-color: #F6F6F6;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.has-mega-menu .menu-container-3 .submenu li a:hover {
    background-color: #DFE4FB;
}

/* Responsive: switch to 2 items per row below 600px width */
@media (max-width: 600px) {
    .has-mega-menu .menu-container-3 .submenu li {
        flex: 1 1 calc((100% - 8px) / 2);
    }
}

/* sub menu container 2 and 3 with icons */
.has-mega-menu .menu-container-2 .submenu li a,
.has-mega-menu .menu-container-3 .submenu li a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-1,
.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-2,
.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-3,
.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-4,
.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-5 {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 12px;
}

.has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-1,
.has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-2,
.has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-3 {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 12px;
}

.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-1 {
    background-image: url('data:image/svg+xml,%3Csvg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="2.83398" y="2.5" width="19" height="19" rx="3.5" fill="%233858E9"/%3E%3Crect x="2.83398" y="2.5" width="19" height="19" rx="3.5" stroke="%233858E9"/%3E%3Cg clip-path="url(%23clip0_12490_21600)"%3E%3Cpath d="M9.41797 11.9993L11.5013 14.0827L15.668 9.91602" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_12490_21600"%3E%3Crect width="10" height="10" fill="white" transform="translate(7.33398 7)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-2 {
    background-image: url('data:image/svg+xml,%3Csvg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="3" y="2.5" width="19" height="19" rx="9.5" fill="white"/%3E%3Crect x="3" y="2.5" width="19" height="19" rx="9.5" stroke="%23C7D1E2"/%3E%3Crect x="6.5" y="6" width="12" height="12" rx="6" fill="%233858E9"/%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-3 {
    width: 46px;
    background-image: url('data:image/svg+xml,%3Csvg width="48" height="26" viewBox="0 0 48 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1.16797" y="1" width="46" height="24" rx="4" fill="%23E8ECFF"/%3E%3Crect x="1.16797" y="1" width="46" height="24" rx="4" stroke="%235771ED"/%3E%3Cpath d="M11.078 16.5V9.5H12.298L15.258 14.77H15.308V9.5H16.338V16.5H15.248L12.188 11.06H12.118V16.5H11.078ZM19.388 16.59C18.378 16.59 17.678 15.98 17.678 15.05V14.97C17.678 13.85 18.638 13.29 20.628 13.29H21.078V13C21.078 12.44 20.698 12.09 20.008 12.09H19.948C19.428 12.09 18.838 12.28 18.368 12.63L17.928 11.88C18.558 11.46 19.268 11.2 20.018 11.2H20.088C21.308 11.2 22.038 11.88 22.038 12.98V15.54C22.038 15.86 22.128 16.22 22.218 16.5H21.248C21.188 16.35 21.138 16.1 21.108 15.88C20.628 16.34 20.028 16.59 19.388 16.59ZM19.548 15.72C20.158 15.72 20.708 15.44 21.078 15V14.04H20.758C19.278 14.04 18.648 14.31 18.648 14.93V14.98C18.648 15.43 19.008 15.72 19.548 15.72ZM23.5652 16.5V11.3H24.3452C24.3952 11.46 24.4552 11.71 24.4852 11.93C24.8752 11.48 25.4152 11.21 26.0452 11.21H26.1052C26.8352 11.21 27.3152 11.51 27.5652 12.08C27.9452 11.53 28.5552 11.21 29.2552 11.21H29.3152C30.3752 11.21 30.9352 11.87 30.9352 13.09V16.5H29.9452V13.26C29.9452 12.5 29.6452 12.12 29.0252 12.12H28.9652C28.2352 12.12 27.7452 12.59 27.7452 13.48V16.5H26.7552V13.26C26.7552 12.5 26.4552 12.12 25.8152 12.12H25.7652C25.0352 12.12 24.5552 12.6 24.5552 13.48V16.5H23.5652ZM34.5133 16.58C33.0233 16.58 32.0233 15.56 32.0233 14.04V13.85C32.0233 12.29 33.0233 11.23 34.5033 11.23H34.5933C35.9533 11.23 36.8733 12.2 36.8733 13.64V14.26H33.0333C33.1033 15.13 33.6933 15.69 34.5733 15.69H34.6733C35.3333 15.69 35.8033 15.37 36.0933 14.96L36.7333 15.53C36.2433 16.19 35.5033 16.58 34.6233 16.58H34.5133ZM33.0533 13.49H35.9233V13.48C35.8833 12.63 35.3433 12.08 34.5733 12.08H34.4733C33.6933 12.08 33.1633 12.62 33.0533 13.49Z" fill="%231F2028"/%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-4 {
    width: 90px;
    background-image: url('data:image/svg+xml,%3Csvg width="92" height="26" viewBox="0 0 92 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="1.25" y="1" width="90" height="24" rx="4" fill="white"/%3E%3Crect x="1.25" y="1" width="90" height="24" rx="4" stroke="%23C7D1E2"/%3E%3Cpath d="M69.25 10L75.25 16L81.25 10" stroke="%233858E9" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-5 {
    width: 90px;
    background-image: url('data:image/svg+xml,%3Csvg width="91" height="29" viewBox="0 0 91 29" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="0.25" y="12" width="90" height="3" rx="1.5" fill="%23C7D1E2"/%3E%3Crect x="14" y="12" width="45" height="3" rx="1.5" fill="%233858E9"/%3E%3Cg filter="url(%23filter0_d_12490_21794)"%3E%3Ccircle cx="17.125" cy="13" r="9" fill="white"/%3E%3Ccircle cx="17.125" cy="13" r="9" stroke="%23C7D1E2" stroke-width="0.40625"/%3E%3C/g%3E%3Cg filter="url(%23filter1_d_12490_21794)"%3E%3Ccircle cx="59.125" cy="13" r="9" fill="white"/%3E%3Ccircle cx="59.125" cy="13" r="9" stroke="%23C7D1E2" stroke-width="0.40625"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_12490_21794" x="3.04688" y="0.546875" width="28.1562" height="28.1562" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1.625"/%3E%3CfeGaussianBlur stdDeviation="2.4375"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0.120766 0 0 0 0 0.127184 0 0 0 0 0.156262 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_12490_21794"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12490_21794" result="shape"/%3E%3C/filter%3E%3Cfilter id="filter1_d_12490_21794" x="45.0469" y="0.546875" width="28.1562" height="28.1562" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dy="1.625"/%3E%3CfeGaussianBlur stdDeviation="2.4375"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0.120766 0 0 0 0 0.127184 0 0 0 0 0.156262 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_12490_21794"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12490_21794" result="shape"/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-1 {
    background-image: url('data:image/svg+xml,%3Csvg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.3327 1.53711C10.1356 1.53711 1.87109 9.80159 1.87109 19.9986C1.87109 30.1923 10.1356 38.4602 20.3327 38.4602C30.5297 38.4602 38.7942 30.1955 38.7942 19.9986C38.791 9.80159 30.5265 1.53711 20.3327 1.53711ZM15.7181 27.6882H12.6429V12.3055H15.7181V27.6882ZM28.0225 27.6882H18.7934V24.6131H28.0225V27.6882ZM28.0225 21.5345H18.7934V18.4593H28.0225V21.5345ZM28.0225 15.3807H18.7934V12.3055H28.0225V15.3807Z" fill="%23FF7BE5"/%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-2 {
    background-image: url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M56.96 7.0411L7.04 56.9689C2.52 61.4896 0 67.5706 0 73.9316V243.998C0 250.639 5.36 256 12 256H244C250.64 256 256 250.639 256 243.998V12.0019C256 5.36084 250.64 0 244 0H73.96C67.6 0 61.48 2.52039 57 7.0411H56.96Z" fill="url(%23paint0_radial_84_8417)"/%3E%3Cg filter="url(%23filter0_d_84_8417)"%3E%3Cpath d="M181.129 168.663H162.596V94.0793H211.999V111.447H181.129V124.756H210.225V141.692H181.129V168.666V168.663Z" fill="white"/%3E%3Cpath opacity="0.05" d="M157.707 137.362H176.077C173.359 156.345 157.4 168.9 138.066 168.9C116.894 168.9 99.6553 153.029 99.6553 131.657C99.611 126.686 100.574 121.759 102.487 117.174C104.4 112.589 107.222 108.441 110.781 104.984C118.088 97.8862 127.896 93.9739 138.066 94.1001C157.221 94.1001 173.626 106.752 175.958 125.431H157.607C152.089 104.272 117.707 106.341 117.707 131.657C117.707 156.975 152.52 158.84 157.707 137.368V137.362Z" fill="%23002447"/%3E%3Cpath d="M153.948 137.362C150.796 148.042 139.579 154.392 128.538 151.733C117.49 149.064 110.568 138.354 112.862 127.467C115.152 116.577 125.835 109.402 137.058 111.219C141.656 111.843 145.896 114.048 149.055 117.456C151.239 119.711 152.877 122.438 153.845 125.428H171.659C169.327 106.706 152.877 94.1003 133.767 94.1003C123.596 93.9705 113.785 97.8807 106.476 104.978C102.914 108.436 100.091 112.585 98.1774 117.173C96.2641 121.76 95.3012 126.69 95.3473 131.663C95.3473 153.035 112.485 168.9 133.773 168.9C153.092 168.9 169.005 156.345 171.772 137.362H153.945H153.948Z" fill="white"/%3E%3Cpath opacity="0.05" d="M98.5881 157.812H72.7959L68.5796 168.65H48.8418L79.0475 94H92.2121L123.619 168.675H102.78L98.582 157.812H98.5881ZM80.1274 139.334L79.4813 141.019H92.0028L91.569 139.754L85.739 123.746L80.1274 139.334Z" fill="%23002447"/%3E%3Cpath d="M93.7039 157.812H67.9541L63.7408 168.65H44L74.2088 94H87.3733L118.78 168.675H97.9505L93.7039 157.812ZM75.2856 139.334L74.6425 141.019H87.164L86.7272 139.754L80.9002 123.746L75.2886 139.334H75.2856Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_84_8417" x="36" y="86" width="183.999" height="90.8997" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation="4"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.141176 0 0 0 0 0.278431 0 0 0 0.1 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_84_8417"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_84_8417" result="shape"/%3E%3C/filter%3E%3CradialGradient id="paint0_radial_84_8417" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(45) scale(362.039)"%3E%3Cstop stop-color="%230ECAD4"/%3E%3Cstop offset="1" stop-color="%23006BD6"/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E');
}

.has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-3 {
    background-image: url('data:image/svg+xml,%3Csvg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M27.738 34.5938C28.1445 35.5503 28.0967 36.985 28.7184 37.7502C28.7662 37.798 28.838 37.822 28.8858 37.8698C32.5683 37.6546 32.7596 33.4699 30.9662 31.5331C30.1531 30.7679 29.0054 30.457 27.6185 31.0548C20.3253 34.1873 13.3668 32.1787 9.15829 27.8745C6.83881 25.5789 5.33235 22.6377 4.94975 19.4335C3.73023 9.24695 12.0995 2.83849 17.8384 2.12113C23.0034 1.49941 27.7858 3.26891 31.0618 6.61661C34.6008 10.1317 36.466 15.4163 35.3421 21.466C34.816 24.2638 33.1661 27.731 29.4597 27.731C27.9293 27.731 26.4707 27.0854 25.4425 25.9854C24.486 25.0768 23.8164 23.8334 23.7447 22.3986C23.386 16.8988 30.464 15.3924 29.9858 9.86866C29.914 8.88826 29.4836 8.02743 28.7902 7.31006C26.6381 5.25362 22.3339 4.46452 18.4123 5.25362C13.5581 6.25793 8.89526 10.6578 8.08224 15.9423C7.43662 20.2465 8.94308 25.1246 12.1234 28.4245C14.9689 31.1983 19.0579 32.7526 24.1034 31.6048C25.7294 31.2222 26.9489 29.6918 29.6271 30.1222C30.5836 30.2657 31.3488 30.72 31.8987 31.3179C34.0269 33.3026 33.6921 37.4633 30.9183 38.4198C29.4836 38.9219 26.9011 38.5154 25.7533 37.272C25.7294 37.2481 25.7294 37.2481 25.7055 37.2242C25.562 37.1524 25.4425 37.0329 25.3229 36.9133C24.8686 36.5307 24.5816 35.8133 24.6294 35.0242C24.7251 33.8765 25.4425 32.9917 26.2555 33.0634C26.5902 33.0874 26.8772 33.2547 27.1163 33.5178C27.4033 33.7569 27.6185 34.1395 27.738 34.5938Z" fill="%2333879E"/%3E%3C/svg%3E');
}

nav#site-navigation > ul#primary-menu > li > a {
    padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    height: calc(100% - 12px);
}

nav#site-navigation > ul#primary-menu > li:first-child > a:first-child {
    pointer-events: none;
}

nav#site-navigation > ul#primary-menu > li {
    display: flex;
    align-items: center;
    height: 100%;
}

nav#site-navigation > ul#primary-menu > li:first-child > a:hover {
    border-bottom: 2px solid transparent;
}

nav#site-navigation > ul#primary-menu > li:last-child > a {
    border-radius: 8px;
    color: var(--fetm-main-blue-color);
    font-weight: 500;
    padding: 0 24px;
	border: 1px solid var(--fetm-main-blue-color);
}

.site-header-wrapper:not(.sticky) nav#site-navigation > ul#primary-menu > li:last-child > a{
	min-width: 114px;
}

#primary-menu {
    display: flex;
    gap: 40px;
    align-items: center;
}

@media (max-width: 768px) {
    .has-mega-menu {
        position: relative;
        display: block;
        margin-left: 0;
        width: 100%;
    }
	.fetm-ratings p strong{
		font-size: 20px;
	}
    #primary-menu {
        gap: 4px;
        padding: 0 20px;
        margin: 10px 0 0 0;
    }

    #primary-menu .has-mega-menu li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    #primary-menu .has-mega-menu li:last-child {
        margin: 0;
        padding: 0;
    }

    #primary-menu .has-mega-menu .menu-container-2 .submenu li a,
    #primary-menu .has-mega-menu .menu-container-3 .submenu li a {
        background-color: #F6F6F6;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }

    nav#site-navigation > ul#primary-menu > li {
        width: 100%;
    }

    nav#site-navigation > ul#primary-menu > li > a,
    nav#site-navigation > ul#primary-menu > li:last-child > a {
        padding: 14px 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    nav#site-navigation > ul#primary-menu > li > a {
        background-color: var(--fetm-bubble-text-bg-color);
    }

    nav#site-navigation > ul#primary-menu > li:first-child > a:first-child {
        pointer-events: all;
    }

    nav#site-navigation > ul#primary-menu > li:first-child > a {
        cursor: default;
        border: none;
        padding: 12px 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        background-color: var(--fetm-gray-light-color);
    }

    nav#site-navigation > ul#primary-menu > li:first-child > a:hover {
        border: none;
    }

    nav#site-navigation > ul#primary-menu > li:first-child {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .has-mega-menu > .menu-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 12px;
        background-color: #FFFFFF;
        border: 1px solid #C7D1E2;
        border-radius: 8px;
        cursor: pointer;
        font-size: 16px;
        color: #1F2028;
    }

    .has-mega-menu:hover .custom-grid-menu-container {
        display: none;
    }

    .has-mega-menu.is-active .custom-grid-menu-container {
        display: flex;
    }

    .has-mega-menu > a {
        display: none;
    }

    .has-mega-menu:hover > a::after {
        display: none;
    }

    .has-mega-menu .custom-grid-menu-container {
        flex-direction: column;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
        padding: 0 12px 12px 12px;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
        z-index: 9999;
        margin-top: 12px;;
    }

    #primary-menu .has-mega-menu li:last-child a {
        background-color: transparent;
        text-align: left;
        margin: 0;
        color: var(--fetm-text-color);
    }

    .has-mega-menu .custom-grid-menu-container.hidden {
        display: none;
    }

    .has-mega-menu .menu-left,
    .has-mega-menu .menu-right,
    .has-mega-menu .menu-right-top,
    .has-mega-menu .menu-right-bottom {
        display: flex;
        flex-direction: column;
        gap: 0;
    }


    .has-mega-menu .menu-right-top,
    .has-mega-menu .menu-right-bottom > .menu-container {
        padding: 12px;
    }

    .has-mega-menu .menu-container {
        display: flex;
        flex-direction: column;
        border-radius: 6px;
        background-color: #FFFFFF;
        padding: 12px 0;
    }

    .has-mega-menu .menu-container-1 .submenu,
    .has-mega-menu .menu-container-2 .submenu,
    .has-mega-menu .menu-container-3 .submenu,
    .has-mega-menu .menu-container-4 .submenu {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .has-mega-menu .submenu li {
        width: 100%;
    }

    .has-mega-menu .submenu li a {
        display: flex;
        align-items: center;
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 500;
        line-height: 130%;
        text-decoration: none;
        color: #333;
        border-radius: 4px;
    }

    .has-mega-menu .submenu li a:hover {
        background-color: #DFE4FB;
        color: var(--fetm-main-blue-color);
    }

    .has-mega-menu .menu-container-2 .submenu li a,
    .has-mega-menu .menu-container-3 .submenu li a {
        justify-content: flex-start;
    }

    .has-mega-menu .menu-title-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

    .has-mega-menu .menu-title {
        font-size: 12px;
        font-weight: bold;
        color: #3858E9;
        text-transform: uppercase;
        line-height: 100%;
        margin-left: 8px;
    }

    .has-mega-menu .fetm-demo-menu-icon-1,
    .has-mega-menu .fetm-demo-menu-icon-2,
    .has-mega-menu .fetm-demo-menu-icon-3,
    .has-mega-menu .fetm-demo-menu-icon-4,
    .has-mega-menu .fetm-demo-menu-icon-5,
    .has-mega-menu .fetm-demo-menu-icon-6 {
        width: 18px;
        height: 18px;
        display: block;
    }

    .has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-1,
    .has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-2,
    .has-mega-menu .menu-container-2 .submenu li a .fetm-icon-sub-menu-3,
    .has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-1,
    .has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-2,
    .has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-3,
    .has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-4,
    .has-mega-menu .menu-container-3 .submenu li a .fetm-icon-sub-menu-5 {
        margin-right: 8px;
        display: block;
    }

    .logged-in.admin-bar .has-mega-menu .custom-grid-menu-container {
        top: auto;
    }
}

/* ---------------------------------------- product page ---------------------------------------- */
.shop-page-layout,
.single-product-layout,
.fetm-archive-main-template {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 16px auto 0 auto;
    max-width: 1218px;
    padding: 24px;
    gap: 12px;
}

.shop-page-layout .shop-sidebar,
.single-product-layout .product-sidebar,
.fetm-archive-main-template .archive-sidebar {
    width: 100%;
    max-width: 270px;
    height: max-content;
    margin-bottom: 90px;
    flex: 1 0 30%;
}

.shop-page-layout .shop-sidebar .widget,
.single-product-layout .product-sidebar .widget {
	margin-bottom: 12px;
}

.fetm-demo-page-title {
    width: 100%;
    font-size: 2.5em;
    text-align: center;
    font-weight: 900;
    margin-bottom: 16px;
}

/* out of sidebar product describe */
.shop-taxonomy-description.out-of-sidebar {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 16px 8px 16px;
    margin: 0px 0 36px 0;
    flex-grow: 100;
    width: 100%;
    text-align: center;
    border: 1px solid #007cba;
    border-left: 3px solid #007cba;
    border-radius: 8px;
}


.shop-taxonomy-description-wrap-text {
    width: 100%;
}

.shop-taxonomy-description.out-of-sidebar p {
    line-height: 0;
    display: inline;
}
.shop-taxonomy-description.out-of-sidebar svg {
    height: 18px;
    width: 18px;
    min-height: 18px;
    min-width: 18px;
    margin: 0 16px 0 0;
}

@media (max-width: 768px) {
    .shop-taxonomy-description.out-of-sidebar p {
        font-size: 16px;
    }
}

.shop-page-layout .shop-main,
.single-product-layout .product-main,
.fetm-archive-main-template .archive-main {
  width: 100%;
  max-width: 870px;
  flex: 1 0 50%;
}

.shop-page-layout .widget,
.single-product-layout .widget {
  margin: 0;
  background: transparent;
  padding: 0;
  border-radius: 5px;
}

.shop-page-layout .widget .widget-title,
.single-product-layout .widget .widget-title {
  font-size: 18px;
}
.shop-sidebar,
.shop-sidebar button,
.shop-sidebar input,
.shop-sidebar select,
.shop-sidebar optgroup,
.shop-sidebar textarea,
.shop-sidebar a {
	font-size: 14px;
	font-weight: 500 !important;
}
.shop-page-layout .shop-sidebar .widget-title,
.single-product-layout .shop-sidebar .widget-title,
.fetm-archive-main-template .shop-sidebar .widget-title {
	font-size: 16px;
}
.shop-sidebar a {
	color: #1F2028;
}

/* products counter filetr counter */
.woocommerce-result-count-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 24px 0;
    font-size: 14px;
    color: #7B879C;
}

.wpc-posts-found-number {
    font-weight: 600;
}

.woocommerce .woocommerce-result-count {
    margin: 0;
}

.shop-main .woocommerce-products-header {
    margin-bottom: 16px;
}

/* Product Card Styles */
.shop-main ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 31%));
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    column-gap: 3.4%;
    row-gap: 12px;
}

.shop-main ul.products li.product {
    background: transparent;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: none;
    position: relative;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 100%;
    margin: 0 0 12px 0;
}

.shop-main ul.products li.product a.woocommerce-loop-product__link {
  width: 100%;
}

.shop-main ul.products li.product img {
	width: 100%;
    min-height: auto;
    max-height: 401px;
    object-fit: contain;
    margin: 0;
    border-radius: 4px;
    object-position: center;
}

.shop-main ul.products li.product .woocommerce-loop-product__title {
  color: #1F2028;
  font-size: 14px;
  margin: 24px 0 8px 0;
  text-align: left;
  line-height: 130%;
  padding: 0;
}

/* Product item styling */
.shop-main ul.products li.product .star-rating {
  margin: 0;
  padding: 0;
  font-size: .857em;
  width: 80px;
}

.shop-main ul.products li.product .star-rating span {
  color: #7B879C !important;
}

.shop-main ul.products li.product .star-rating span::before {
  color: #7B879C !important;
}

.shop-main ul.products li.product .star-rating::before {
  color: #C7D1E2;
}

.star-rating-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.rating-count {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #7B879C;
    line-height: 130%;
}

.shop-main ul.products li.product .star-rating,
.woocommerce .star-rating {
    background: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.9498 5.0875C13.8872 4.89061 13.7666 4.71723 13.6038 4.59009C13.4409 4.46294 13.2435 4.38797 13.0373 4.375L9.32478 4.11875L7.94978 0.65C7.8747 0.459002 7.74401 0.29494 7.57464 0.179052C7.40526 0.0631651 7.205 0.000789302 6.99978 0C6.79455 0.000789302 6.59429 0.0631651 6.42492 0.179052C6.25555 0.29494 6.12486 0.459002 6.04978 0.65L4.64978 4.1375L0.962278 4.375C0.756344 4.38881 0.559291 4.4641 0.396612 4.59112C0.233932 4.71814 0.113111 4.89106 0.0497783 5.0875C-0.0152588 5.28695 -0.0190587 5.50131 0.0388686 5.70294C0.0967959 5.90458 0.213794 6.08423 0.374778 6.21875L3.21228 8.61875L2.36853 11.9375C2.31015 12.162 2.32066 12.3989 2.39868 12.6174C2.4767 12.8358 2.61863 13.0258 2.80603 13.1625C2.98792 13.293 3.20463 13.3664 3.42843 13.373C3.65222 13.3797 3.87292 13.3195 4.06228 13.2L6.99353 11.3438H7.00603L10.1623 13.3375C10.3242 13.4427 10.5129 13.4991 10.706 13.5C10.8637 13.4988 11.019 13.4614 11.1599 13.3908C11.3009 13.3201 11.4237 13.2181 11.5191 13.0926C11.6145 12.967 11.6798 12.8213 11.71 12.6666C11.7403 12.5118 11.7346 12.3522 11.6935 12.2L10.7998 8.56875L13.6248 6.21875C13.7858 6.08423 13.9028 5.90458 13.9607 5.70294C14.0186 5.50131 14.0148 5.28695 13.9498 5.0875Z" fill="%23C7D1E2"/%3E%3C/svg%3E') repeat-x;
    background-size: 16px 14px;
    background-position: 0 0, 16px 0, 32px 0, 48px 0, 64px 0;
    height: 14px;
    width: 80px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: block;
    font-size: .857em;
}

.woocommerce .star-rating::before,
.shop-main ul.products li.product .star-rating::before {
    content: none !important;
}

.woocommerce .star-rating span,
.shop-main ul.products li.product .star-rating span {
    background: url('data:image/svg+xml,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.9498 5.0875C13.8872 4.89061 13.7666 4.71723 13.6038 4.59009C13.4409 4.46294 13.2435 4.38797 13.0373 4.375L9.32478 4.11875L7.94978 0.65C7.8747 0.459002 7.74401 0.29494 7.57464 0.179052C7.40526 0.0631651 7.205 0.000789302 6.99978 0C6.79455 0.000789302 6.59429 0.0631651 6.42492 0.179052C6.25555 0.29494 6.12486 0.459002 6.04978 0.65L4.64978 4.1375L0.962278 4.375C0.756344 4.38881 0.559291 4.4641 0.396612 4.59112C0.233932 4.71814 0.113111 4.89106 0.0497783 5.0875C-0.0152588 5.28695 -0.0190587 5.50131 0.0388686 5.70294C0.0967959 5.90458 0.213794 6.08423 0.374778 6.21875L3.21228 8.61875L2.36853 11.9375C2.31015 12.162 2.32066 12.3989 2.39868 12.6174C2.4767 12.8358 2.61863 13.0258 2.80603 13.1625C2.98792 13.293 3.20463 13.3664 3.42843 13.373C3.65222 13.3797 3.87292 13.3195 4.06228 13.2L6.99353 11.3438H7.00603L10.1623 13.3375C10.3242 13.4427 10.5129 13.4991 10.706 13.5C10.8637 13.4988 11.019 13.4614 11.1599 13.3908C11.3009 13.3201 11.4237 13.2181 11.5191 13.0926C11.6145 12.967 11.6798 12.8213 11.71 12.6666C11.7403 12.5118 11.7346 12.3522 11.6935 12.2L10.7998 8.56875L13.6248 6.21875C13.7858 6.08423 13.9028 5.90458 13.9607 5.70294C14.0186 5.50131 14.0148 5.28695 13.9498 5.0875Z" fill="%233858E9"/%3E%3C/svg%3E') repeat-x;
    background-size: 16px 14px;
    background-position: 0 0, 16px 0, 32px 0, 48px 0, 64px 0;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.woocommerce .star-rating span::before,
.shop-main ul.products li.product .star-rating span::before {
    content: none !important;
}

.woocommerce .star-rating .rating,
.shop-main ul.products li.product .star-rating .rating {
    display: none;
}

/* Hide filled stars for unrated products */
.woocommerce .star-rating span[style="width:0%"],
.shop-main ul.products li.product .star-rating span[style="width:0%"] {
    background: none !important;
    display: block;
}

.shop-main ul.products li.product .price {
    color: #1F2028;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    font-weight: 400;
    align-items: baseline;
    margin-top: 8px;
    line-height: 130%;
}

.shop-main ul.products li.product .price del {
    font-size: 16px;
    color: var(--fetm-text-color);
    opacity: 1;
    margin-left: 4px;
}

.shop-main ul.products li.product .price ins {
    color: #F64545;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
    background-color: transparent;
}

.shop-main ul.products li.product .price del + ins,
.shop-main ul.products li.product .price del:has(+ ins) {
    font-size: 16px;
    color: var(--fetm-text-color);
    opacity: 1;
}

.shop-main ul.products li.product .onsale {
    position: absolute;
    top: 4px;
    left: 4px;
    background: #F64545;
    color: transparent;
    padding: 4px 8px;
    margin: 0;
    border-radius: 4px;
    font-size: 12px;
    min-height: fit-content;
    height: fit-content;
    min-width: fit-content;
    width: fit-content;
    line-height: 130%;
    font-weight: 400;
    text-transform: uppercase;
}

.shop-main ul.products li.product .onsale::after {
    content: "SALE";
    color: #fff;
    position: absolute;
    top: 4px;
    left: 10px;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-weight: 400;
}

.shop-main ul.products li.product a.button {
    display: none;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
    display: none;
}

/* Media Queries */
@media (max-width: 1000px) {
    .shop-main ul.products {
        grid-template-columns: repeat(auto-fit, minmax(auto, 48.3%));
    }
}

@media (max-width: 768px) {
    .shop-page-layout,
    .single-product-layout {
        display: block;
        max-width: 100%;
        padding: 20px 24px;
    }

    .shop-main h1 {
        margin-bottom: 20px;
        font-size: 28px;
        order: 1;
    }

    .shop-page-layout .shop-sidebar,
    .single-product-layout .product-sidebar {
        width: 100%;
        max-width: none;
        margin-bottom: 30px;
        order: 2;
    }

    .shop-page-layout .shop-main,
    .single-product-layout .product-main {
        width: 100%;
        max-width: none;
        order: 3;
    }

    .shop-main ul.products li.product {
        flex: 1 1 calc(50% - 10px);
        min-width: calc(50% - 10px);
        max-width: none;
    }

    .shop-main ul.products li.product img {
        width: 100%;
        min-height: auto;
        max-height: 401px;
        object-fit: contain;
        margin: 0;
        border-radius: 4px;
        object-position: center;
    }
}

/* @media (max-width: 470px) {
    .shop-main ul.products {
        grid-template-columns: repeat(auto-fit, minmax(200px, 100%));
    }
} */

/* pagination on shop page */
#shop-page-layout .woocommerce-pagination {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin: 32px 0;
}

#shop-page-layout .woocommerce-pagination .page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    border: none;
    gap: 4px;
}

#shop-page-layout .woocommerce-pagination .page-numbers li {
    display: inline-block;
    border: none;
    margin: 0;
}

#shop-page-layout .woocommerce-pagination .page-numbers .page-numbers {
    display: inline-block;
    padding: 9px 0;
    margin: 0;
    background-color: #ffffff;
    color: #1f2028;
    text-decoration: none;
    border: 1px solid #dadadd;
    border-radius: 5px;
    transition: background-color 0.2s ease;
    min-width: 32px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

#shop-page-layout .woocommerce-pagination .page-numbers .current {
    background-color: var(--fetm-main-blue-color);
    color: #ffffff;
    font-weight: 600;
    border: 1px solid var(--fetm-main-blue-color);
}

#shop-page-layout .woocommerce-pagination .page-numbers .page-numbers:hover {
    background-color: #dfe4fb;
}

#shop-page-layout .woocommerce-pagination .page-numbers .current:hover {
    background-color: var(--fetm-main-blue-color);
}

#shop-page-layout .woocommerce-pagination .page-numbers .prev {
    padding: 9px 0;
    color: #90939a;
    min-width: 32px;
}

#shop-page-layout .woocommerce-pagination .page-numbers .next {
    padding: 9px 0;
    color: #90939a;
    min-width: 32px;
}

#shop-page-layout .woocommerce-pagination .page-numbers .prev {
    text-indent: -9999px;
    position: relative;
}

#shop-page-layout .woocommerce-pagination .page-numbers .prev::before {
    content: '❮';
    text-indent: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #90939a;
}

#shop-page-layout .woocommerce-pagination .page-numbers .next {
    text-indent: -9999px;
    position: relative;
}

#shop-page-layout .woocommerce-pagination .page-numbers .next::before {
    content: '❯';
    text-indent: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #90939a;
}

/* h1 description */
#shop-page-layout .page-title {
    padding: 0;
    margin: 0 0 15px 0;
    overflow: auto;
    font-weight: 400;
    line-height: 130%;
    font-size: 1.225em;
}

#shop-page-layout .wpc-page-seo-description,
#shop-page-layout .term-description,
.fetm-archive-main-template .wpc-page-seo-description {
    background-color: var(--fetm-bubble-text-bg-color);
    padding: 24px;
    border-radius: 12px;
    font-size: 14px;
    margin: 24px 0;
}

.fetm-user-profile{
	max-width: 1218px;
	margin: 0 auto;
	padding: 0 24px;
	margin-bottom: 16px;
	margin-top: 24px;
}
/* ------------------------------------------- breadcrumbs ------------------------------------------- */
.fetm-breadcrumbs {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #7B879C;
    max-width: 1218px;
    margin: 0 auto;
    padding: 0 24px;
    margin-bottom: 16px;
	margin-top: 24px;
}
.fetm-breadcrumbs .fetm-breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--fetm-gray-medium-color);
}
.fetm-breadcrumbs .fetm-breadcrumb-list li {
    display: inline-flex;
    align-items: center;
}
.fetm-breadcrumbs .fetm-breadcrumb-list li:not(:last-child)::after {
    content: "/";
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #7B879C;
    height: 18px;
    width: 18px;
    margin-right: 2px;
    font-size: 16px;
}
.fetm-breadcrumbs .fetm-breadcrumb-list li.fetm-no-breadcrumbs::after {
	display: none;
}
.fetm-breadcrumbs .fetm-breadcrumb-list li.fetm-no-breadcrumbs{

}
.fetm-breadcrumbs .fetm-breadcrumb-list a {
    color: #7B879C;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    height: 18px;
	font-size: 12px;
}
.fetm-breadcrumbs .fetm-breadcrumb-list a:hover {
    text-decoration: underline;
}
.fetm-breadcrumbs .fetm-home-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M3.75 9.35628C3.75 8.33796 3.75 7.82881 3.95585 7.38125C4.16169 6.9337 4.54827 6.60234 5.32144 5.93963L6.07144 5.29677C7.46893 4.09892 8.16767 3.5 9 3.5C9.83233 3.5 10.5311 4.09892 11.9286 5.29677L12.6786 5.93963C13.4517 6.60234 13.8383 6.9337 14.0442 7.38125C14.25 7.82881 14.25 8.33796 14.25 9.35628V12.5366C14.25 13.9508 14.25 14.6579 13.8107 15.0972C13.3713 15.5366 12.6642 15.5366 11.25 15.5366H6.75C5.33579 15.5366 4.62868 15.5366 4.18934 15.0972C3.75 14.6579 3.75 13.9508 3.75 12.5366V9.35628Z\" stroke=\"%237B879C\"/%3E%3Cpath d=\"M10.875 15.5371V12.0371C10.875 11.4848 10.4273 11.0371 9.875 11.0371H8.125C7.57272 11.0371 7.125 11.4848 7.125 12.0371V15.5371\" stroke=\"%237B879C\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0;
}
.fetm-breadcrumbs .fetm-home-icon-only {
    margin-right: 0;
}
.fetm-breadcrumbs .fetm-breadcrumbs-pages {
    font-size: 12px;
    color: var(--fetm-text-color);
    line-height: 100%;
}





/* horizontal layout template */
.shop-page-layout.horizontal-page-layount {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.shop-page-layout.horizontal-page-layount .shop-sidebar, 
.shop-page-layout.horizontal-page-layount .product-sidebar,
.shop-page-layout.horizontal-page-layount .shop-main, 
.shop-page-layout.horizontal-page-layount .product-main {
    width: 100%;
    max-width: 100%;
}

.shop-page-layout.horizontal-page-layount .shop-sidebar {
    margin-bottom: 16px;
    margin-top: 24px;
}

.shop-page-layout.horizontal-page-layount .shop-main ul.products li.product img {
    max-height: 240px;
    min-height: 240px;
}

.shop-page-layout.horizontal-page-layount.step-by-step-lay .shop-main ul.products li.product img {
    max-height: 280px;
    min-height: 280px;
}

.shop-page-layout.horizontal-page-layount.step-by-step-temp .shop-main ul.products li.product img {
    max-height: 280px;
    min-height: 280px;
}

.shop-page-layout.horizontal-page-layount.step-by-step-lay .current-menu-item a {
    border-bottom: 2px solid var(--fetm-main-blue-color);
    color: var(--fetm-main-blue-color);
}

.shop-page-layout.horizontal-page-layount.step-by-step-temp .shop-sidebar .widget {
    margin-bottom: 12px;
}

.shop-page-layout.horizontal-page-layount.step-by-step-temp .shop-sidebar .wpc-custom-selected-terms {
    margin-bottom: 0;
}

/* 5-column layout */
.shop-page-layout.horizontal-page-layount.fetm-5-columns .shop-main ul.products {
    display: grid;
    grid-template-columns: repeat(5, minmax(160px, 1fr));
    column-gap: 2.5%;
}

/* Switch to 4 columns */
@media (max-width: 1000px) {
    .shop-page-layout.horizontal-page-layount.fetm-5-columns .shop-main ul.products {
        grid-template-columns: repeat(4, minmax(200px, 1fr));
    }
}

/* Switch to 3 columns */
@media (max-width: 900px) {
    .shop-page-layout.horizontal-page-layount.fetm-5-columns .shop-main ul.products {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }
}

/* Switch to 2 */
@media (max-width: 768px) {
    .shop-page-layout.horizontal-page-layount.fetm-5-columns .shop-main ul.products {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

/* Switch to 1 column */
@media (max-width: 500px) {
    .shop-page-layout.horizontal-page-layount.fetm-5-columns .shop-main ul.products {
        grid-template-columns: minmax(160px, 1fr);
    }
}

/* 4-column layout ----------------------------------------------------- */
.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-4-columns .archive-main .archive-posts-loop {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    column-gap: 2.5%;
    row-gap: 24px;
}

.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-4-columns .archive-main .post .post-thumbnail {
    min-height: auto;
    max-height: unset;
}

.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-4-columns .archive-main .post img {
    min-height: auto;
    max-height: unset;
    object-fit: cover;
    margin: 0;
    border-radius: 4px;
    padding: 0;
    display: block;
    width: 100%;
    aspect-ratio: 11.1 / 9;
}

/* Switch to 3 columns */
@media (max-width: 900px) {
    .shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-4-columns .archive-main .archive-posts-loop {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }
}

/* Switch to 2 columns */
@media (max-width: 768px) {
    .shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-4-columns .archive-main .archive-posts-loop {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

/* Switch to 1 column */
@media (max-width: 500px) {
    .shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-4-columns .archive-main .archive-posts-loop {
        grid-template-columns: minmax(160px, 1fr);
    }
}

/* 3-column layout -----------------------------------------------------------------------------------*/
.shop-page-layout.horizontal-page-layount.fetm-3-columns .shop-main ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    column-gap: 2.5%;
}

/* Switch to 2 columns */
@media (max-width: 768px) {
    .shop-page-layout.horizontal-page-layount.fetm-3-columns .shop-main ul.products {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

/* Switch to 1 column */
@media (max-width: 500px) {
    .shop-page-layout.horizontal-page-layount.fetm-3-columns .shop-main ul.products {
        grid-template-columns: minmax(160px, 1fr);
    }
}

/* 2-column layout --------------------------------------------------- */
.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-2-columns .archive-main .archive-posts-loop {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    column-gap: 2.5%;
    row-gap: 24px;
}

.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-2-columns .archive-main .post .post-thumbnail {
    min-height: auto;
    max-height: unset;
}

.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-2-columns .archive-main .post img {
    min-height: auto;
    max-height: unset;
    object-fit: cover;
    margin: 0;
    border-radius: 4px;
    padding: 0;
    display: block;
    width: 100%;
    aspect-ratio: 11.1 / 9;
}

/* Switch to 1 column */
@media (max-width: 500px) {
    .shop-page-layout.horizontal-page-layount.fetm-horizontal-posts.fetm-2-columns .archive-main .archive-posts-loop {
        grid-template-columns: minmax(160px, 1fr);
    }
}

/* horizontal tabs menu */
.horizontal-tabs-menu {
    display: flex;
    flex-direction: row;
    list-style: none;
    gap: 16px;
    width: 100%;
    overflow: auto;
    padding-bottom: 8px;
    box-sizing: border-box;
}

.horizontal-tabs-menu li {
    min-width: max-content;
}

.horizontal-tabs-menu a {
    text-decoration: none;
    color: #7B879C;
    font-size: 0.9em;
    font-weight: 600;
    padding: 12px 12px 10px 12px;
    border-bottom: 2px solid transparent;
    display: block;
}

.horizontal-tabs-menu a:hover {
    border-bottom: 2px solid var(--fetm-main-blue-color);
    color: var(--fetm-main-blue-color);
}

.horizontal-tabs-menu .current_page_item {
    background-color: transparent;
}

.horizontal-tabs-menu .current_page_item a {
    border-bottom: 2px solid var(--fetm-main-blue-color);
    color: var(--fetm-main-blue-color);
}

/* horizontal styles fofr posts */
.shop-page-layout.horizontal-page-layount.fetm-horizontal-posts .archive-main {
    width: 100%;
    max-width: 100%;
}




































/* --------------------------------------- fe mobile button */
@media screen and (max-width: 768px) {
    /* .wpc_show_bottom_widget .horizontal-page-layount .shop-sidebar .wpc-filters-open-button-container, 
    .horizontal-page-layount .wpc_show_open_close_button .shop-sidebar .wpc-filters-open-button-container,
    .wpc_show_bottom_widget .wpc-filters-open-button-container, 
    .wpc_show_open_close_button .wpc-filters-open-button-container {
        display: block !important;
    } */

    /* .wpc_show_bottom_widget .shop-sidebar .wpc-filters-open-button-container, 
    .wpc_show_open_close_button .shop-sidebar .wpc-filters-open-button-container,
    .wpc_show_bottom_widget .archive-sidebar .wpc-filters-open-button-container, 
    .wpc_show_open_close_button .archive-sidebar .wpc-filters-open-button-container  {
        display: none !important;
    } */

    .horizontal-tabs-menu a {
        font-size: 1em;
    }
}

.select2-dropdown ul {
	padding-inline-start: unset !important;
	margin: 0 !important;
}

.fetm-resources-singular-wrap .shop-sidebar ul {
	padding-inline-start: unset;
} 

.fetm-resources-singular-wrap .shop-sidebar a {
	color: #000;
} 


/* --------------------------------------------- main archive template */
.fetm-archive-main-template {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 16px auto 0 auto;
    max-width: 1218px;
    padding: 24px;
    gap: 12px;
}

.fetm-archive-main-template .archive-sidebar {
    width: 100%;
    max-width: 270px;
    flex-shrink: 0;
    height: max-content;
    margin-bottom: 90px;
}

.fetm-archive-main-template .archive-main {
    width: 100%;
    max-width: 870px;
    flex-shrink: 1;
}

.fetm-archive-main-template .page-title {
    padding: 0;
    margin: 0 0 15px 0;
    overflow: auto;
    font-weight: 400;
    line-height: 130%;
    font-size: 1.225em;
}

.fetm-archive-main-template .archive-header {
    margin-bottom: 16px;
}

.fetm-archive-main-template .archive-posts-loop {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fetm-archive-main-template .archive-posts-loop .post {
    width: 100%;
    margin: 0 0 12px 0;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border: none;
}

.fetm-archive-main-template .archive-posts-loop .post img {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    padding: 0;
}

.fetm-archive-main-template .archive-posts-loop .post .post-title {
    font-size: 0.9em;
    font-weight: 600;
    line-height: 130%;
    padding: 0;
    margin: 24px 0 8px 0;
    color: var(--fetm-text-color);
}

.fetm-archive-main-template .archive-posts-loop .post .post-meta {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.fetm-archive-main-template .archive-posts-loop .post .post-meta .post-date,
.fetm-archive-main-template .archive-posts-loop .post .post-meta .meta-separator,
.fetm-archive-main-template .archive-posts-loop .post .post-meta .post-comments {
    font-size: 0.8em;
    font-weight: 400;
    line-height: 130%;
    color: #7B879C;
}

.fetm-archive-main-template .archive-posts-loop .post .post-excerpt {
    font-size: 0.8em;
    font-weight: 400;
    line-height: 160%;
    color: var(--fetm-text-color);
    margin-top: 8px;
}

.fetm-archive-main-template .archive-posts-loop .post .read-more {
    font-size: 0.9em;
    font-weight: 600;
    line-height: 130%;
    padding: 0;
    margin: 0;
    margin-top: 8px;
    color: var(--fetm-text-color);
}

.archive-posts-loop .post .read-more {
    display: none !important;
}

.fetm-archive-main-template .archive-posts-loop .post .read-more span {
    font-weight: 400;
}

.fetm-archive-main-template .navigation.pagination {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin: 32px 0;
}

.fetm-archive-main-template .nav-links {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    border: none;
    gap: 4px;
}

.fetm-archive-main-template .nav-links .page-numbers {
    display: inline-block;
    padding: 9px 0;
    margin: 0;
    background-color: #ffffff;
    color: #1f2028;
    text-decoration: none;
    border: 1px solid #dadadd;
    border-radius: 5px;
    transition: background-color 0.2s ease;
    min-width: 32px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

.fetm-archive-main-template .nav-links .page-numbers.prev {
    padding: 9px 0;
    color: #90939a;
    min-width: 32px;
}

.fetm-archive-main-template .nav-links .page-numbers.next {
    padding: 9px 0;
    color: #90939a;
    min-width: 32px;
}

.fetm-archive-main-template .nav-links .page-numbers.current {
    background-color: var(--fetm-main-blue-color);
    color: #ffffff;
    font-weight: 600;
    border: 1px solid var(--fetm-main-blue-color);
}

.fetm-archive-main-template .nav-links .page-numbers:hover {
    background-color: #dfe4fb;
}

.fetm-archive-main-template .nav-links .page-numbers.current:hover {
    background-color: var(--fetm-main-blue-color);
}

@media screen and (max-width: 768px) {
    .fetm-archive-main-template {
        flex-direction: column;
    }

    .fetm-archive-main-template .archive-posts-loop {
        margin-top: 24px;
    }

    .fetm-archive-main-template .archive-sidebar {
        width: 100%;
        max-width: none;
        margin-bottom: 30px;
    }

    .fetm-archive-main-template {
        display: block;
        max-width: 100%;
        padding: 20px 24px;
    }

    .fetm-archive-main-template .archive-main {
        max-width: none;
    }
}

@media (max-width: 500px) {
    .fetm-archive-main-template .archive-posts-loop {
        grid-template-columns: minmax(160px, 1fr);
    }
}



/* ----------------------------------- Blog: archive + single post
   Centered ~780px reading column, no sidebar, typography matching the
   resources/typography page. Scoped to .fetm-blog-* so the WooCommerce
   shop (.shop-page-layout) and other archives are untouched. */

/* --- Blog archive (posts page, categories, tags, dates, author) --- */
.fetm-archive-main-template.fetm-blog-archive {
    display: block;
    max-width: 828px; /* 780px content + 24px padding each side */
    margin: 16px auto 0 auto;
    padding: 24px;
}

.fetm-archive-main-template.fetm-blog-archive .archive-main {
    width: 100%;
    max-width: 100%;
}

.fetm-archive-main-template.fetm-blog-archive .archive-header {
    margin-bottom: 40px;
}

.fetm-archive-main-template.fetm-blog-archive .page-title {
    font-size: 2.445em;
    font-weight: 600;
    line-height: 130%;
    margin: 0;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0 0 40px 0;
    border-bottom: 1px solid var(--fetm-bottom-border-color);
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .post-thumbnail {
    display: block;
    margin: 0 0 20px 0;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .post-title {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 130%;
    margin: 0 0 8px 0;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .post-title a {
    color: var(--fetm-text-color);
    text-decoration: none;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .post-title a:hover {
    color: var(--fetm-main-blue-color);
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .post-meta {
    font-size: 0.85em;
    color: #7B879C;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .post-excerpt {
    font-size: 1em;
    font-weight: 400;
    line-height: 160%;
    color: var(--fetm-text-color);
    margin-top: 16px;
}

/* re-enable the read-more link (it is hidden globally elsewhere) */
.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .read-more {
    display: inline-block !important;
    margin-top: 12px;
    font-size: 0.95em;
    font-weight: 600;
    line-height: 130%;
    color: var(--fetm-main-blue-color);
    text-decoration: none;
}

.fetm-archive-main-template.fetm-blog-archive .archive-posts-loop .post .read-more span {
    font-weight: 400;
}

.fetm-archive-main-template.fetm-blog-archive .navigation.pagination {
    justify-content: center;
    margin: 48px 0 0 0;
}

/* --- Single blog post: same typography, centered 780px column --- */
.fetm-resources-singular-wrap.fetm-blog-single {
    justify-content: center;
}

.fetm-resources-singular-wrap.fetm-blog-single .fetm-blog-single__content {
    max-width: 780px;
}

.fetm-resources-singular-wrap.fetm-blog-single .entry-header {
    margin-bottom: 32px;
}

.fetm-resources-singular-wrap.fetm-blog-single .entry-title {
    margin-bottom: 12px;
}

.fetm-resources-singular-wrap.fetm-blog-single .post-meta {
    display: flex;
    flex-direction: row;
    gap: 8px;
    font-size: 0.85em;
    color: #7B879C;
}

.fetm-resources-singular-wrap.fetm-blog-single .post-thumbnail {
    margin: 0 0 32px 0;
}

.fetm-resources-singular-wrap.fetm-blog-single .post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* wrap long code/pre lines instead of overflowing the reading column */
.fetm-resources-singular-wrap.fetm-blog-single .fetm-res-main-content pre {
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

@media screen and (max-width: 768px) {
    .fetm-archive-main-template.fetm-blog-archive {
        max-width: 100%;
        padding: 20px 16px;
    }

    .fetm-resources-singular-wrap.fetm-blog-single {
        padding: 20px 16px;
    }
}


/* ----------------------------------- 404 page */
.fetm-404-page {
    display: block;
    margin: 0 auto;
    max-width: 1218px;
    padding: 0 24px;
    gap: 12px;
    margin-bottom: 80px;
}

.fetm-404-page .error-404,
.fetm-404-page .page-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fetm-404-page .page-content {
    gap: 32px;
}

/* spoilers */
.spoiler-content {
	display: none;
}

.spoiler-content.wpc-opened {
	display: block;
}

.fetm-resources-singular-wrap .fetm-res-main-content .spoiler {
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px dashed #ccc;
    position: relative;
	cursor: pointer;
}

.fetm-resources-singular-wrap .fetm-res-main-content h2.spoiler + .spoiler-content + h2.spoiler {
    margin-top: 0;
}

.fetm-resources-singular-wrap .fetm-res-main-content .spoiler:after {
    content: "";
    width: 12px;
    min-width: 12px;
    height: 12px;
    display: block;
    border-left: 1px solid #6d6d6d;
    border-top: 1px solid #6d6d6d;
    transform: rotate(-135deg);
    right: 10px;
    position: absolute;
    top: calc(50% - 9px);
}

.fetm-resources-singular-wrap .fetm-res-main-content .spoiler.wpc-opened:after {
    transform: rotate(45deg);
    top: calc(50% + 0px);
}

/* chops font size */
.wpc-custom-selected-terms {
	font-size: 16px;
}

/* widget title */
.widget-title {
	margin: 0 0 12px 0;
}









/* support page */
/* section 1 */
.fetm-support-tmpl-sec1-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EEF2F9;
    flex-direction: column;
    padding: 60px 24px;
    gap: 24px;
}

.fetm-support-tmpl-header-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M70.9307 38.3803V36.2638C70.9307 21.5942 58.9615 9.625 44.2919 9.625C29.6223 9.625 17.6531 21.5942 17.6531 36.2638V38.3803C12.9822 40.1319 9.625 44.6568 9.625 49.9116C9.625 56.699 15.1717 62.2458 21.9591 62.2458H26.4111C27.5788 62.2458 28.5276 61.297 28.5276 60.1292V39.694C28.5276 38.5263 27.5788 37.5775 26.4111 37.5775H24.3676V36.2638C24.3676 25.2434 33.2715 16.3394 44.2919 16.3394C55.3124 16.3394 64.2163 25.2434 64.2163 36.2638V37.5775H62.1728C61.005 37.5775 60.0563 38.5263 60.0563 39.694V60.1292C60.0563 61.297 61.005 62.2458 62.1728 62.2458H63.1215C61.005 67.1356 56.3341 70.5658 50.7874 71.0037C50.4955 69.617 49.2548 68.5223 47.7221 68.5223H40.7887C39.0372 68.5223 37.6505 69.909 37.6505 71.6606V75.2367C37.6505 76.9883 39.0372 78.375 40.7887 78.375H47.7221C49.2548 78.375 50.5685 77.2803 50.7874 75.7476C59.0345 75.3097 65.8949 69.69 68.2304 62.0998C74.215 61.297 78.8859 56.1152 78.8859 49.9116C78.9589 44.5839 75.6016 40.1319 70.9307 38.3803Z" fill="%233858E9"/%3E%3Cpath d="M39.901 37.5238C39.901 36.4436 40.3735 35.3634 41.2512 34.6208C42.1288 33.8782 43.209 33.6081 44.3567 33.8107C45.8419 34.0807 47.1247 35.2959 47.3272 36.7812C47.7323 38.9415 46.3145 40.5618 44.7618 41.0344C42.6014 41.7095 41.1837 43.7348 41.1837 46.0977V48.1905C41.1837 49.5408 42.2639 50.6209 43.6141 50.6209C44.9643 50.6209 46.0445 49.5408 46.0445 48.1905V46.0977C46.0445 45.8952 46.1795 45.6926 46.247 45.6926C50.3652 44.3424 52.8631 40.2242 52.1205 35.9035C51.5129 32.3929 48.6774 29.5575 45.1668 28.9499C42.6014 28.4773 40.036 29.1524 38.0782 30.8402C36.1203 32.4605 34.9727 34.8909 34.9727 37.4563C34.9727 38.8065 36.0528 39.8867 37.4031 39.8867C38.8208 39.9542 39.901 38.874 39.901 37.5238Z" fill="%239BABF4"/%3E%3Cpath d="M43.6798 57.9807C45.1339 57.9807 46.3127 56.8019 46.3127 55.3478C46.3127 53.8936 45.1339 52.7148 43.6798 52.7148C42.2257 52.7148 41.0469 53.8936 41.0469 55.3478C41.0469 56.8019 42.2257 57.9807 43.6798 57.9807Z" fill="%239BABF4"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 88px 88px;
    background-position: center;
    width: 88px;
    height: 88px;
    display: inline-block;
    box-sizing: border-box;
}

.fetm-support-tmpl-header-title {
    font-size: 2.45em;
    font-weight: 600;
    line-height: 130%;
    color: #1F2028;
    margin: 0;
    text-align: center;
}

.fetm-support-tmpl-header-desc {
    font-size: 1em;
    font-weight: 400;
    line-height: 160%;
    color: #1F2028;
    margin: 0;
    text-align: center;
}

/* section wrapper */
.fetm-support-tmpl-sec-cont-wrap {
    max-width: 1218px;
    width: 100%;
    padding: 0 24px;
    margin: 120px auto 0 auto;
}
/* section 2 */
.fetm-support-tmpl-sec2-version {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fetm-support-tmpl-version-title,
.fetm-support-tmpl-version-desc {
    max-width: 770px;
    width: 100%;
    text-align: center;
}

.fetm-support-tmpl-version-title {
    font-size: 2em;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 24px;
}

.fetm-support-tmpl-version-desc {
    max-width: 695px;
    margin-bottom: 60px;
    font-size: 1em;
    font-weight: 400;
    line-height: 160%;
}

.fetm-support-tmpl-version-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}

.fetm-support-tmpl-version-left,
.fetm-support-tmpl-version-right {
    border: 1px solid #E8ECF4;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.fetm-support-tmpl-version-head-title {
    font-size: 1em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-support-tmpl-version-head-link {
    all: unset;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    color: #3858E9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.fetm-support-tmpl-version-head-link:hover {
    opacity: 0.85;
}

.fetm-support-tmpl-version-head-link,
.fetm-support-tmpl-version-head-link:hover,
.fetm-support-tmpl-version-head-link:active,
.fetm-support-tmpl-version-head-link:focus,
.fetm-support-tmpl-version-head-link:visited {
    color: #3858E9;
}

.fetm-support-tmpl-version-head-link span {
    font-size: 1em;
    font-weight: 600;
    line-height: 100%;
}

.fetm-support-tmpl-version-left .fetm-support-tmpl-version-head,
.fetm-support-tmpl-version-right .fetm-support-tmpl-version-head {
    padding: 24px 32px;
    background-color: #E8ECFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.fetm-support-tmpl-version-right .fetm-support-tmpl-version-head {
    background-color: #F6F6F6;
}

.fetm-support-tmpl-version-cont-wrap {
    padding: 32px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.fetm-support-tmpl-version-cont-title {
    font-size: 1.334em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-support-tmpl-version-cont-desc {
    font-size: 0.89em;
    font-weight: 400;
    line-height: 160%;
}

.fetm-support-tmpl-version-cont-wrap-titl-desc {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fetm-support-tmpl-version-cont-btn,
.fetm-support-tmpl-version-doc-link,
.wpc-pro-bnf-sect-1-btns-up-to-pro {
    all: unset;
    margin-top: auto;
    cursor: pointer;
    text-decoration: none;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 0.89em;
    line-height: 130%;
    font-weight: 500;
    width: stretch;
    background-color: #3858E9;
    color: #fff;
    border: 1px solid #3858E9;
    text-align: center;
}

.wpc-pro-bnf-sect-1-btns-up-to-pro {
    width: max-content;
    padding: 8px 28px;
}

.fetm-support-tmpl-version-cont-btn,
.fetm-support-tmpl-version-cont-btn:hover,
.fetm-support-tmpl-version-cont-btn:active,
.fetm-support-tmpl-version-cont-btn:focus,
.fetm-support-tmpl-version-cont-btn:visited {
    color: #fff;
}

.wpc-pro-bnf-sect-1-btns-up-to-pro:hover,
.wpc-pro-bnf-sect-1-btns-up-to-pro:active,
.wpc-pro-bnf-sect-1-btns-up-to-pro:focus,
.wpc-pro-bnf-sect-1-btns-up-to-pro:visited {
    color: #fff;
}

.fetm-support-tmpl-version-cont-btn:hover {
    opacity: 0.85;
}

.fetm-support-tmpl-version-doc-link {
    height: 46px;
    font-size: 1.112em;
    width: max-content;
}

.fetm-support-tmpl-version-doc-link-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_15640_16349)"%3E%3Cpath d="M13.332 16C13.332 16.7073 13.613 17.3856 14.1131 17.8857C14.6132 18.3858 15.2915 18.6667 15.9987 18.6667C16.7059 18.6667 17.3842 18.3858 17.8843 17.8857C18.3844 17.3856 18.6654 16.7073 18.6654 16C18.6654 15.2928 18.3844 14.6145 17.8843 14.1144C17.3842 13.6143 16.7059 13.3334 15.9987 13.3334C15.2915 13.3334 14.6132 13.6143 14.1131 14.1144C13.613 14.6145 13.332 15.2928 13.332 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M28 16C24.8 21.3333 20.8 24 16 24C11.2 24 7.2 21.3333 4 16C7.2 10.6667 11.2 8 16 8C20.8 8 24.8 10.6667 28 16Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_15640_16349"%3E%3Crect width="32" height="32" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
    width: 32px;
    height: 32px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
}

.fetm-support-tmpl-version-doc-link:hover,
.fetm-support-tmpl-version-doc-link:active,
.fetm-support-tmpl-version-doc-link:focus,
.fetm-support-tmpl-version-doc-link:visited {
    color: #fff;
}

.fetm-support-tmpl-version-doc-link:hover {
    opacity: 0.85;
}

.fetm-support-tmpl-version-right .fetm-support-tmpl-version-cont-btn {
    background-color: #fff;
    color: #3858E9;
}

.fetm-support-tmpl-version-doc-link {
    margin-top: 60px;
}

.fetm-support-tmpl-link-icon,
.fetm-support-tmpl-trbl-item-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.0001 12.9998V18.9998C18.0001 19.5303 17.7894 20.039 17.4143 20.4141C17.0392 20.7891 16.5305 20.9999 16.0001 20.9999H5.00001C4.46958 20.9999 3.96087 20.7891 3.58579 20.4141C3.21071 20.039 3 19.5303 3 18.9998V7.99977C3 7.46933 3.21071 6.96062 3.58579 6.58555C3.96087 6.21047 4.46958 5.99976 5.00001 5.99976H11.0001" stroke="%233858E9" stroke-width="2.43002" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 3H21V9.00004" stroke="%233858E9" stroke-width="2.43002" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 14.0001L21.0001 3" stroke="%233858E9" stroke-width="2.43002" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
}

.fetm-support-tmpl-trbl-item-icon {
    min-width: 24px;
    margin-left: 16px;
}

/* section 3 */
.fetm-support-tmpl-sec3-trbl {
    max-width: 770px;
    width: 100%;
    margin: 104px auto 0 auto;
}

.fetm-support-tmpl-trbl-title {
    text-align: center;
    margin-bottom: 24px;
    font-size: 2em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-support-tmpl-trbl-desc {
    text-align: center;
    margin-bottom: 40px;
    font-size: 1em;
    font-weight: 400;
    line-height: 160%;
}

.fetm-support-tmpl-trbl-ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fetm-support-tmpl-trbl-item-link {
    all: unset;
    padding: 24px;
    background-color: #EEF2F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    cursor: pointer;
}

.fetm-support-tmpl-trbl-item-link:hover {
    opacity: 0.85;
}

.fetm-support-tmpl-trbl-item-link span {
    color: #3858E9;
    font-size: 1em;
    font-weight: 600;
    line-height: 130%;
}

/* section 4 */
.fetm-support-tmpl-sec4-sprt {
    margin-top: 120px;
}

.fetm-support-tmpl-sprt-title {
    text-align: center;
    margin-bottom: 24px;
    font-size: 2em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-support-tmpl-sprt-desc {
    text-align: center;
    margin-bottom: 60px;
    font-size: 1em;
    font-weight: 400;
    line-height: 160%;
}

.fetm-support-tmpl-sprt-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}

.fetm-support-tmpl-sprt-head {
    background-color: #E8ECF4;
    padding: 24px;
}

.fetm-support-tmpl-sprt-right .fetm-support-tmpl-sprt-head {
    background-color: #F6F6F6;
}

.fetm-support-tmpl-sprt-left,
.fetm-support-tmpl-sprt-right {
    border-radius: 12px;
    border: 1px solid #E8ECF4;
    overflow: hidden;
}

.fetm-support-tmpl-sprt-head-title {
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    line-height: 130%;
}

.fetm-support-tmpl-sprt-cont-ul {
    padding: 32px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fetm-support-tmpl-sprt-cont-item {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.fetm-support-tmpl-sprt-cont-item-text {
    font-size: 0.89em;
    font-weight: 400;
    line-height: 160%;
}

.fetm-support-tmpl-sprt-left .fetm-support-tmpl-sprt-cont-item-icon,
.fetm-support-tmpl-sprt-right .fetm-support-tmpl-sprt-cont-item-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20.25 6.75L9.75 17.25L4.5 12" stroke="%233858E9" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
}

.fetm-support-tmpl-sprt-right .fetm-support-tmpl-sprt-cont-item-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="%23F64545" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

/* section 5 */
.wpc-pro-bnf-sect-8 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    background-color: #EEF2F9;
    border-radius: 12px;
    padding: 50px 60px 50px 60px;
    margin-top: 120px;
    margin-bottom: 120px;
}

.wpc-pro-bnf-sect-8-left-wrap {
    max-width: 500px;
    width: 100%;
}

.wpc-pro-bnf-sect-8-left-title {
    font-size: 2em;
    line-height: 130%;
    font-weight: 600;
    color: #1F2028;
}

.wpc-pro-bnf-sect-8-left-desc {
    font-size: 1em;
    line-height: 160%;
    font-weight: 400;
    color: #1F2028;
    margin-top: 14px;
    margin-bottom: 32px;
}
.wpc-pro-bnf-setting-page input#submit{
    display: none;
}

.wpc-pro-bnf-sect-8-right-wrap img {
    max-width: 430px;
}

/* Tablet and Mobile support (under 1024px) */
@media screen and (max-width: 1024px) {
    .fetm-support-tmpl-sec-cont-wrap {
        margin-top: 100px;
    }

    .wpc-pro-bnf-sect-8 {
        margin-top: 100px;
        margin-bottom: 100px;
        padding: 40px;
        flex-direction: column-reverse;
        text-align: center;
    }

    .wpc-pro-bnf-sect-8-left-wrap {
        max-width: 100%;
    }

    .wpc-pro-bnf-sect-1-btns-up-to-pro {
        margin: 0 auto;
    }
}

/* Mobile support */
@media screen and (max-width: 900px) {
    .fetm-support-tmpl-version-left .fetm-support-tmpl-version-head,
    .fetm-support-tmpl-version-right .fetm-support-tmpl-version-head {
        padding: 16px;
        gap: 16px;
    }

    .fetm-support-tmpl-version-cont-wrap {
        padding: 16px;
    }

    .fetm-support-tmpl-sprt-head {
        padding: 16px;
    }

    .fetm-support-tmpl-sprt-cont-ul {
        padding: 16px;
        gap: 12px;
    }

    .fetm-support-tmpl-sprt-left .fetm-support-tmpl-sprt-cont-item-icon,
    .fetm-support-tmpl-sprt-right .fetm-support-tmpl-sprt-cont-item-icon {
        min-width: 24px;
    }

    .fetm-support-tmpl-header-title {
        font-size: 1.8em;
    }

    .fetm-support-tmpl-header-desc {
        font-size: 0.95em;
    }

    .fetm-support-tmpl-version-wrap,
    .fetm-support-tmpl-sprt-wrap {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .fetm-support-tmpl-sec2-version, 
    .fetm-support-tmpl-sec3-trbl, 
    .fetm-support-tmpl-sec4-sprt {
        margin-top: 100px;
    }

    .fetm-support-tmpl-version-title,
    .fetm-support-tmpl-trbl-title,
    .fetm-support-tmpl-sprt-title {
        font-size: 1.6em;
    }

    .fetm-support-tmpl-version-doc-link {
        margin-top: 40px;
        width: 100%;
        box-sizing: border-box;
    }

    .fetm-support-tmpl-trbl-item-link {
        padding: 16px;
    }

    .fetm-support-tmpl-trbl-item-text {
        font-size: 0.9em;
    }

    .wpc-pro-bnf-sect-8-right-wrap img {
        max-width: 100%;
        height: auto;
    }
    
    .wpc-pro-bnf-sect-8-left-title {
        font-size: 1.6em;
    }
}





/* code styles */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}



/* ELEMENTOR posts widget - remove flickering */
.elementor-1697 .elementor-element.elementor-element-44ccb57 .elementor-posts-container .elementor-post__thumbnail {
    padding-bottom: calc(0.81 * 100%);
}

.elementor-posts-container .elementor-post__thumbnail img {
    display: block;
    width: 100%;
    max-height: none;
    max-width: none;
    transition: unset;
    height: auto;
    position: absolute;
    top: calc(50% + 1px);
    left: calc(50% + 1px);
    transform: scale(1.01) translate(-50%, -50%);
    height: 100%;
    width: auto;
}

.elementor-posts .elementor-post {
    pointer-events: none;
}

.elementor-posts .elementor-post p,
.elementor-posts .elementor-post a,
.elementor-posts .elementor-post .elementor-post__read-more {
    color: var(--fetm-text-color) !important;
}

.elementor-posts .elementor-post .elementor-post__read-more {
    display: none !important;
}

/* ELEMENTOR posts widget - add fake thumbnail to posts without images */
.elementor-posts .elementor-post:not(.has-post-thumbnail)::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 11.1 / 9;
    background: url(https://demo.filtereverything.pro/wp-content/uploads/2021/03/no-image.jpg) center / cover no-repeat;
    margin-bottom: 19px;
}

.elementor-posts .elementor-post:not(.has-post-thumbnail) .elementor-post__text {
    margin-top: 0;
}

/* wrapper for chips and sorting widgets */
.fetm-chips-sort-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 0;
}

.fetm-chips-sort-wrap .wpc-custom-selected-terms {
    overflow: hidden;
}

.fetm-chips-sort-wrap .widget_wpc_sorting_widget,
.shop-page-layout .fetm-chips-sort-wrap .widget_wpc_sorting_widget {
    max-width: 270px;
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
}

/* My licenses account START */

table.wpc-customer-licenses-table{
	width: 100%;
	border: 1px solid #f5f5f5;
	margin-bottom: 96px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.04);
	word-wrap: break-word;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
	float: none;
	clear: both;
	width: auto;
	margin-bottom: 48px;
}
.woocommerce-account .woocommerce-MyAccount-navigation:after{
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
	list-style: none;
	clear: both;
	margin: 0 0 24px 0;
	height: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	float: left;
	margin-right: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type{
	float: right;
	margin-left: auto;
}
.woocommerce-account .woocommerce-MyAccount-content{
	float: none;
	clear: both;
	width: auto;
}
.wpc-customer-licenses-table .aligncenter{
	text-align: center;
}
.wpc-license-keys-head td{
	font-weight: 700;
}
.wpc-customer-licenses-table td,
.wpc-customer-licenses-table th,
.entry-content table.wpc-customer-licenses-table td,
.entry-content table.wpc-customer-licenses-table th{
	border: none;
}
.entry-content table.wpc-customer-licenses-table th{
	font-size: 20px;
}
.entry-content table.wpc-customer-licenses-table td{
	font-size: 16px;
}

.fetm-resources-singular-wrap .wpc-customer-licenses-table thead th{
	background-color: #658e49;
	color: #ffffff;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-customer-licenses-table thead th {
	background-color: var(--fetm-section5-3-bg-color);
	color: var(--fetm-text-color);
	padding: 16px;
	min-width: 100px;
}

.fetm-resources-singular-wrap .wpc-customer-licenses-table tbody tr td {
	padding: 16px
}

.fetm-resources-singular-wrap .wpc-customer-licenses-table .wpc-license-row .wpc-site-url-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	word-break: break-all;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-footer-row .wpc-flex-columns {
	display: flex;
	align-items: flex-end;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-footer-row .wpc-flex-column {
	display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-footer-row .wpc-flex-column br {
	display: none;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-footer-row .wpc-flex-column input[type="submit"] {
	padding: 17px;
	border: none;
	background-color: var(--fetm-main-blue-color);
	color: #fff;
	border-radius: 8px !important;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-footer-row .wpc-flex-column input[type="submit"]:hover {
	cursor: pointer;
	opacity: 0.85;
}

.fetm-resources-singular-wrap .woocommerce-MyAccount-content .wpc-footer-row .wpc-add-site-url-input {
	margin: 0 24px 0 0;
	padding: 12px;
}


td.wpc-licenses-cell-1{
	line-height: 1.2;
}

.wpc-licenses-cell-1{
	max-width: 300px;
	width: 300px;
	overflow: hidden;
	box-sizing: border-box;
}
.wpc-licenses-cell-2{
	max-width: 650px;
}

.wpc-licenses-cell-3{
	text-align: center !important;
}

.wpc-licenses-cell-3 .wpc-copy-license-key {
	color: var(--fetm-main-blue-color) !important;
}

.wpc-licenses-cell-4{
	width: 130px;
	max-width: 130px;
	text-align: center !important;
}

.wpc-licenses-cell-4 .wpc-delete-license-key {
	color: #cc0000 !important;
}

.wpc-licenses-cell-3 .wpc-copy-license-key:hover,
.wpc-licenses-cell-4 .wpc-delete-license-key:hover {
	opacity: 0.85;
}


.wpc-notification-message,
.wpc-error-message{
	border: 1px solid #cc0000;
	padding: 5px 10px;
	background-color: #ffe7e7;
}
.wpc-notification-message{
	border-color: #00c600;
	background-color: #f0fff0;
}
.wpc-customer-licenses-table thead th.wpc-licenses-cell-4,
.wpc-license-expires{
	font-weight: normal;
	font-size: 15px;
}
.wpc-license-expires{
	position: relative;
	bottom: 2px;
}
.wpc-license-expires.wpc-license-expired{
	color: #cc0000;
}
.wpc-licenses-cell-3 a.wpc-renew-license{
	display: inline-block;
	background-color: var(--fetm-main-blue-color);
	color: #ffffff !important;
	font-size: 15px;
	font-weight: normal;
	line-height: 1;
	padding: 10px 18px;
	border-radius: 8px !important;
	text-decoration: none;
	white-space: nowrap;
}
.wpc-licenses-cell-3 a.wpc-renew-license:hover{
	opacity: 0.85;
}
.wpc-license-expired-note{
	color: #cc0000;
	margin: 0;
}
a.wpc-site-url::after {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M10,10L10,10L10,10z'/%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z' fill='%232271b1'/%3E%3C/g%3E%3C/svg%3E");
	margin: 0 3px 0 5px;
	width: 14px;
	display: inline-block;
}
a.wpc-site-url:hover::after {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M10,10L10,10L10,10z'/%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z' fill='%230a4b78'/%3E%3C/g%3E%3C/svg%3E");
}
.notice p{
	margin: 0;
	padding: 0;
}
.notice-dismiss {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	margin: 0;
	padding: 16px 9px;
	background: none;
	color: #787c82;
	cursor: pointer;
}
.notice-error .notice-dismiss:hover,
.notice-success .notice-dismiss:hover,
.notice-notice .notice-dismiss:hover,
.notice-error .notice-dismiss:focus,
.notice-success .notice-dismiss:focus,
.notice-notice .notice-dismiss:focus{
	background-color: transparent;
	color: #787c82;
}
.notice-error .notice-dismiss:hover,
.notice-error .notice-dismiss:focus{
	color: #b81c23;
}
.notice-dismiss:before {
	background: none;
	/*color: #787c82;*/
	content: "×";
	display: block;
	font: normal 16px/20px dashicons;
	height: 24px;
	text-align: center;
	width: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: .8;
	font-size: 20px;
}
.notice, div.updated, div.error {
	padding: 1em 2em 1em 3.5em;
	margin: 0 0 2em;
	position: relative;
	background-color: #f7f6f7;
	color: #515151;
	border-top: 3px solid #a46497;
	list-style: none outside;
	width: auto;
	word-wrap: break-word;
}
.notice-success{
	/*border-color: #00c600;*/
	/*background-color: #f0fff0;*/
	border-top-color: #8fae1b;
}
.notice::before{
	font-family: WooCommerce;
	display: inline-block;
	position: absolute;
	top: 1em;
	left: 1.5em;
}
.notice-success .notice-dismiss:hover,
.notice-success .notice-dismiss:focus{
	color: #8fae1b;
}
.notice-success::before{
	content: "✔";
    width: 24px;
    height: 24px;
    background-color: #06e100;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    font-weight: bold;
    line-height: 0;
    position: absolute;
    top: calc(50% - 12px);
    left: 24px;
	padding-top: 1px;
}
.notice::after{
	clear: both;
	content: " ";
	display: table;
}
.notice-error{
	border-color: #b81c23;
	/*background-color: #ffe7e7;*/
}
.notice-notice::before,
.notice-error::before{
	content: "!";
    width: 24px;
    height: 24px;
    background-color: #ff3333;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 23px;
    font-weight: bold;
    line-height: 0;
	position: absolute;
    top: calc(50% - 12px);
    left: 24px;
}
.notice-notice::before{
	background-color: #ffdf5e;
}
.wpc-copy-license-key,
.wpc-delete-license-key{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
.woocommerce-account .fetm-resources-singular-wrap .fetm-res-main-content .entry-content a{
	color: inherit;
}
.woocommerce-account .fetm-resources-singular-wrap .fetm-res-main-content .entry-content .notice a{
	color: var(--fetm-main-blue-color);
}
.fetm-resources-singular-wrap .fetm-res-main-content tr td a.wpc-delete-license-key{
	color: #cc0000;
}
.wpc-license-key{
	font-family: Consolas,Menlo,"Liberation Mono",Courier,monospace;
	/*border: 1px solid #ccc;*/
	padding: 6px 10px;
	display: block;
	background: #f5f5f5;
	border-radius: 3px;
	line-height: 1.2;
}
.wpc-add-site-url-form{
	margin: 16px 0;
}
.wpc-add-site-url-input{
	min-width: 289px;
	box-sizing: border-box;
	width: 500px;
	margin: 8px 8px 0 0;
}
.wpc-sites-left{
	color: #6a6a6a;
}
.woocommerce-page #primary{
	width: 100%;
}
.wpc-flex-columns{
	display: flex;
}
.wpc-download-previous-versions,
.wpc-download-latest-version{
	text-align: center;
}
.wpc-download-latest-version{
	margin-bottom: 120px;
}
.wpc-description{
	font-size: 13px;
	color: #6a6a6a;
}
.wpc-download-previous-versions .wpc-description{
	font-size: inherit;
	color: inherit;
	background: #f5f5f5;
	display: inline-block;
	padding: 5px 20px;
}
.wpc-aligncenter{
	text-align: center;
}
.wpc-no-license{
	text-align: center;
	margin-top: 1em;
	font-size: 16px;
	margin-bottom: 1em;
}
.woocommerce-MyAccount-navigation{
	font-size: 15px;
}
.woocommerce-MyAccount-navigation a{
	color: #ffffff;
	padding: 7px 13px;
	margin: 0;
	display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-navigation{
	background-color: unset;
    border-radius: 4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{
	padding: 0;
	margin: 0;
}

.woocommerce-order-received .woocommerce-thankyou-order-received,
.woocommerce-order-received .fetm-resources-singular-wrap .fetm-res-main-content .entry-header h1,
.woocommerce-order-received .entry-header{
	text-align: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	padding: 0;
    height: 60px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
    gap: 12px;
    align-items: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	display: flex;
    align-items: center;
    height: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    height: calc(100% - 12px);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:active {
	outline: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout:hover a {
	border-bottom: 2px solid #cc0000 !important;
	color: #cc0000 !important;
}

.woocommerce-MyAccount-navigation .is-active a, 
.woocommerce-MyAccount-navigation li:hover a {
	border-bottom: 2px solid var(--fetm-main-blue-color) !important;
	color: var(--fetm-main-blue-color) !important;
}

.woocommerce-order-downloads .wpc-download-latest-version h2,
.woocommerce-order-downloads .wpc-download-previous-versions h2,
.woocommerce-order-downloads .wpc-download-previous-versions h3 {
	text-align: center;
}

.woocommerce-order-downloads .wpc-download-previous-versions .wpc-description {
	margin: auto !important;
    background: #F6F6F6;
    padding: 24px 40px;
    border-radius: 12px;
    width: max-content;
}

.woocommerce-order-downloads .wpc-download-previous-versions #download-previous-select {
	padding: 12px;
    margin: 0;
    position: relative;
    top: 1px;
    height: 48px;
    border: 1px solid #ccc;
}

.woocommerce-order-downloads .wpc-download-latest-version .woocommerce-MyAccount-downloads-file.button,
.woocommerce-order-downloads .wpc-download-previous-versions #download-previous-link {
	display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid var(--fetm-main-blue-color);
    max-height: 48px;
    white-space: nowrap;
    background-color: var(--fetm-main-blue-color);
    color: var(--fetm-white-color) !important;
	cursor: pointer;
}

.woocommerce-order-downloads .wpc-download-previous-versions #download-previous-link {
	margin-left: 24px;
}

.woocommerce-order-downloads .wpc-download-latest-version .woocommerce-MyAccount-downloads-file.button:hover,
.woocommerce-order-downloads .wpc-download-previous-versions #download-previous-link:hover {
	opacity: 0.85;
}

.woocommerce-MyAccount-content .woocommerce-Address-title.title .edit {
	color: var(--fetm-main-blue-color) !important;
    font-weight: 500;
}

.woocommerce-MyAccount-content .woocommerce-Address-title.title {
	margin-bottom: 16px;
}

.woocommerce-MyAccount-navigation ul {
	padding-inline-start: 0 !important;
}

/* My Account (no-license): pricing grid must look exactly like on /pricing/.
   The account page renders inside .fetm-resources-singular-wrap .fetm-res-main-content,
   whose h3/p/a rules override the grid styles, and the #main / .pricing-page-template
   scopes from the pricing page do not exist here. */
.woocommerce-account .fetm-res-main-content .fetm-price-grid.fetm-bottom-prices {
    margin-top: 24px;
}

.woocommerce-account .fetm-res-main-content .fetm-price-grid h3,
.woocommerce-account .fetm-res-main-content .fetm-price-grid p {
    text-align: center;
    margin: 0;
    line-height: 1.5;
}

.woocommerce-account .fetm-res-main-content .fetm-price-grid h3 {
    font-size: 1.44em;
    line-height: 130%;
}

.woocommerce-account .fetm-res-main-content .fetm-price-grid p.fetm-price-plan {
    margin: 0 0 24px 0;
}

.woocommerce-account .fetm-res-main-content .fetm-price-grid p.fetm-price-tag {
    color: var(--fetm-main-blue-color);
    font-size: 2.4em;
    font-weight: 600;
}

.woocommerce-account .fetm-res-main-content .fetm-price-grid a.fetm-link-btn {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid var(--fetm-main-blue-color);
    max-height: 48px;
    white-space: nowrap;
    text-decoration: none;
    background-color: var(--fetm-main-blue-color);
    color: var(--fetm-white-color);
}

.woocommerce-account .fetm-res-main-content .fetm-price-grid a.fetm-link-btn:hover {
    background-color: rgba(56, 88, 233, 0.85);
    border: 1px solid transparent;
}

/* End of Myaccount styles */
@media screen and (max-width: 768px) {
    .fetm-chips-sort-wrap {
        flex-direction: column;
        align-items: flex-start;
        justify-content: unset;
    }

    .fetm-chips-sort-wrap .widget_wpc_sorting_widget,
    .shop-page-layout .fetm-chips-sort-wrap .widget_wpc_sorting_widget {
        max-width: 100%;
        width: 100%;
    }
}

.fetm-chips-sort-wrap .wpc-filter-chips-list li, 
body .fetm-chips-sort-wrap .wpc-filter-chips-list li.wpc-filter-chip, 
.fetm-chips-sort-wrap li.wpc-filter-chip {
    margin: 0;
    margin-right: 7px;
    margin-top: 6px;
}



/* Account details & Personal Info styles */
.woocommerce-EditAccountForm.edit-account,
.woocommerce-address-fields {
    color: #333;
    max-width: 100%;
}

.woocommerce-EditAccountForm.edit-account .form-row,
.woocommerce-address-fields .form-row {
    margin: 0 0 20px 0;
    padding: 0;
}

.woocommerce-EditAccountForm.edit-account .form-row-first,
.woocommerce-address-fields .form-row-first,
.woocommerce-billing-fields .form-row-first {
    float: left;
    width: 48%;
}

.woocommerce-EditAccountForm.edit-account .form-row-last,
.woocommerce-address-fields .form-row-last,
.woocommerce-billing-fields .form-row-last {
    float: right;
    width: 48%;
}

.woocommerce-EditAccountForm.edit-account .clear,
.woocommerce-address-fields .clear,
.woocommerce-billing-fields .clear {
    clear: both;
}

.woocommerce-EditAccountForm.edit-account .form-row-wide,
.woocommerce-address-fields .form-row-wide,
.woocommerce-billing-fields .form-row-wide {
    clear: both;
    width: 100%;
}

.woocommerce-EditAccountForm.edit-account label,
.woocommerce-address-fields label {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    color: var(--fetm-text-color);
    font-weight: 600;
}

.woocommerce-EditAccountForm.edit-account .required,
.woocommerce-address-fields .required {
    color: #ff0000;
    text-decoration: none;
}

.woocommerce-EditAccountForm.edit-account .input-text,
.woocommerce-address-fields .input-text {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: inherit;
    color: #333;
    background-color: #fff;
    transition: border-color 0.2s ease;
}

.woocommerce-EditAccountForm.edit-account .input-text:focus,
.woocommerce-address-fields .input-text:focus {
    border-color: #111;
    outline: none;
}

/* Specific to Account Details Page */
.woocommerce-EditAccountForm.edit-account #account_display_name_description {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: #555;
}

.woocommerce-EditAccountForm.edit-account fieldset {
    border: none;
    padding: 0;
    margin: 30px 0 0 0;
}

.woocommerce-EditAccountForm.edit-account legend {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0;
    color: #333;
    display: block;
    width: 100%;
}

.woocommerce-EditAccountForm.edit-account .password-input {
    position: relative;
    display: block;
}

.woocommerce-EditAccountForm.edit-account .password-input .input-text {
    padding-right: 40px; 
}

.woocommerce-EditAccountForm.edit-account .show-password-input {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    outline: none;
    z-index: 2;
}

.woocommerce-EditAccountForm.edit-account .show-password-input::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
}

.woocommerce-EditAccountForm.edit-account .show-password-input:hover::after {
    opacity: 1;
}

.woocommerce-EditAccountForm.edit-account input[type="password"] {
    font-size: 24px;
    letter-spacing: 2px;
    padding-top: 2px;
    padding-bottom: 3px;
    font-weight: 900;
}

/* Submit Buttons (Shared) */
.woocommerce-EditAccountForm.edit-account button[type="submit"],
.woocommerce-address-fields button[type="submit"] {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid var(--fetm-main-blue-color);
    max-height: 48px;
    white-space: nowrap;
    background-color: var(--fetm-main-blue-color);
    color: var(--fetm-white-color) !important;
    cursor: pointer;
}

.woocommerce-EditAccountForm.edit-account button[type="submit"]:hover,
.woocommerce-address-fields button[type="submit"]:hover {
    opacity: 0.85;
}

/* personal info dropdowns styles */
.woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single {
	height: 43px;
	display: flex;
	align-items: center;
}

.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 43px;
	width: 40px;
}

.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-size: 16px;
}

.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single {
	border-color: #ccc;
}

/* Woocommerce cart */
.woocommerce-cart-form table thead tr th,
.woocommerce-cart-form table tbody tr td {
	padding: 16px !important;
}

.entry-content .woocommerce .return-to-shop {
	max-width: 600px;
    margin: 0 auto 30px auto;
    font-size: 15px;
    line-height: 1.7;
    color: #555555;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
	border: unset;
    box-shadow: unset;
}

.woocommerce-cart-form table thead tr .product-price,
.woocommerce-cart-form table thead tr .product-quantity,
.woocommerce-cart-form table thead tr .product-subtotal,
.woocommerce-cart-form table tbody tr .product-remove,
.woocommerce-cart-form table tbody tr .product-price,
.woocommerce-cart-form table tbody tr .product-quantity,
.woocommerce-cart-form table tbody tr .product-subtotal{
	text-align: center;
}

.woocommerce-cart-form table tbody tr .actions .coupon {
  	display: flex;
  	flex-wrap: wrap;
  	gap: 8px;
  	margin-bottom: 12px;
	max-width: 400px;
}

/* Hide the redundant Subtotal row in cart/checkout/order totals (duplicates Total when no shipping/tax). */
.cart-subtotal {
    display: none;
}

.fetm-wayforpay-logos{
	height: 56px;
	margin-left: 8px;
}

/* Title hidden previously because the old banner rendered "Pay with" inside the
   icon. Now the WayForPay title is shown like the other methods (icons come from
   the plugin's get_icon). Re-enable display:none if reverting to the old banner. */
/*
.payment_method_wayforpay .fetm-payment-method-title{
	display: none;
}
*/

.woocommerce-cart-form table tbody tr .actions .coupon label {
  	flex: 0 0 100%;
  	font-weight: 600;
}

.woocommerce-cart-form table tbody tr .actions .coupon input,
.woocommerce-cart-form table tbody tr .actions .coupon button {
  	height: 44px;
  	box-sizing: border-box;
}

.woocommerce-cart-form table tbody tr .actions .coupon input {
  	flex: 1;
  	padding: 0 12px;
  	min-width: 0;
	height: 48px;
}

.woocommerce-cart-form table tbody tr .actions .coupon button {
  	padding: 0 16px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;
}

/* Coupon show/hide toggle (mirrors the checkout "Click here to login" link) */
.woocommerce-cart-form table tbody tr .actions .fetm-coupon-toggle {
	font-weight: 600;
	margin-bottom: 12px;
}

.woocommerce-cart-form table tbody tr .actions .fetm-show-coupon {
	color: var(--fetm-main-blue-color);
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}

.woocommerce-cart-form table tbody tr .actions .fetm-show-coupon:hover {
	text-decoration: underline;
}

/* woccomerce my licese but licese */
.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 {
	display: flex;
    flex-direction: row;
    gap: 32px;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li {
	list-style: none;
	padding: 24px 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	border-radius: 12px;
	box-shadow: -1px 4px 8px 2px rgba(31, 32, 40, 0.1);
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li .star-rating-wrapper {
	display: none;
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li .wpc-product-loop-desc {
	text-align: center;
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li .wpc-product-loop-desc a {
	color: var(--fetm-main-blue-color);
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li h2 {
	text-align: center;
	font-size: 28px;
	margin: 0;
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li .price {
	color: var(--fetm-main-blue-color);
    font-size: 2.4em;
    font-weight: 600;
    position: relative;
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li .add_to_cart_button {
	background-color: var(--fetm-main-blue-color);
    border-radius: 8px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 0 24px;
	padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 48px;
    width: max-content;
	min-width: max-content;
	margin: 0 auto;
}

.woocommerce-MyAccount-content .woocommerce.columns-3 .products.columns-3 li .add_to_cart_button:hover {
	opacity: 0.85;
}

.woocommerce-MyAccount-content .woocommerce-message.woocommerce-message--info {
	padding: 16px;
    background: var(--fetm-bubble-text-bg-color);
    margin-bottom: 32px;
    border-radius: 12px;
}

.woocommerce-MyAccount-content .woocommerce-info {
	background: var(--fetm-bubble-text-bg-color);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto 30px auto;
    padding: 16px 24px;
    background-color: #f6f8ff;
    border: 1px solid #e0e6f2;
    border-left: 4px solid #3858E9;
    border-radius: 6px;
    color: #1b5e20;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    list-style: none;
    box-shadow: 0 2px 8px rgba(0, 200, 83, 0.05);
}

.woocommerce-MyAccount-content .woocommerce-info .button.wc-forward {
	background-color: var(--fetm-main-blue-color);
    border-radius: 8px;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    padding: 0 24px !important;
	padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 48px;
    width: max-content;
	min-width: max-content;
	margin: 0;
}

.woocommerce-MyAccount-content .woocommerce-info .button.wc-forward:hover {
	opacity: 0.85;
}

/* checkout page styles ---------------------------------------------------------------------------------------------------------------- */
.entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
	padding: 16px;
    background: var(--fetm-bubble-text-bg-color);
    margin-bottom: 24px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.woocommerce .checkout_coupon.woocommerce-form-coupon {
	display: flex;
    flex-direction: row;
    gap: 32px;
}

.woocommerce .checkout_coupon.woocommerce-form-coupon .input-text {
	height: 48px;
	padding: 0 24px;
}
.shop_table .actions .button[name="update_cart"]{
	display: none;
}
.cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button,
.actions .coupon .button[type="submit"],
.actions .button[type="submit"],
.return-to-shop .button.wc-backward,
.woocommerce .checkout_coupon.woocommerce-form-coupon .button {
	background-color: var(--fetm-main-blue-color);
    border-radius: 8px;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    padding: 0 24px !important;
	padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    height: 48px;
    width: max-content;
	min-width: max-content;
	margin: 0;
}

.large.cli-plugin-button, .large.cli-plugin-button:visited{
	padding: 0 24px;
	display: flex !important;
	align-items: center;
	font-size: 16px;
	line-height: 100%;
	font-weight: 600;
	min-height: 48px;
	border-radius: 8px;
	border: 1px solid var(--fetm-main-blue-color);
}
.large.cli-plugin-button:hover{
	opacity: 0.85;
	background-color: #ffffff !important;
}

/* Apply coupon: outline-only variant of the primary button style above */
.actions .coupon .button[type="submit"],
.woocommerce .checkout_coupon.woocommerce-form-coupon .button {
    background-color: transparent;
    color: var(--fetm-main-blue-color) !important;
    border: 1px solid var(--fetm-main-blue-color);
}

.return-to-shop .button.wc-backward {
	margin: auto;
}

.woocommerce-message .restore-item,
.entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
	color: var(--fetm-main-blue-color) !important;
    font-weight: 600 !important;
}

.woocommerce-error .button.wc-forward {
	color: var(--fetm-main-blue-color) !important;
	font-weight: 600 !important;
}

.woocommerce-error li {
	list-style: none;
}

.entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button.wc-forward:hover,
.woocommerce-message .restore-item:hover,
.cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover,
.actions .coupon .button[type="submit"]:hover,
.actions .button[type="submit"]:hover,
.return-to-shop .button.wc-backward:hover,
.woocommerce .checkout_coupon.woocommerce-form-coupon .button:hover,
nav#site-navigation > ul#primary-menu > li:last-child > a:hover,
#main .fetm-link-btn-free:hover{
	opacity: 0.85 !important;
}

.actions .button[type="submit"]:disabled {
	opacity: 0.5;
}

.actions .button[type="submit"] {
	margin-left: auto;
}

form.woocommerce-checkout #customer_details {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 30px;
}

form.woocommerce-checkout .col-1, 
form.woocommerce-checkout .col-2 {
    width: 48% !important;
    min-width: 300px;
}

form.woocommerce-checkout .woocommerce-billing-fields h3,
form.woocommerce-checkout .woocommerce-additional-fields h3,
form.woocommerce-checkout #order_review_heading {
    font-size: 1.5rem;
    margin-bottom: 20px;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 10px;
}

form.woocommerce-checkout .form-row,
.woocommerce-form-login .form-row,
.lost_reset_password .form-row {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

form.woocommerce-checkout .form-row label,
.woocommerce-form-login .form-row > label,
.lost_reset_password .form-row > label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
}

form.woocommerce-checkout .form-row input.input-text,
.woocommerce-form-login .form-row input.input-text,
.lost_reset_password .form-row input.input-text {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}

form.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-form-login .form-row input.input-text:focus,
.lost_reset_password .form-row input.input-text:focus {
    border-color: #007cba;
    outline: none;
}

.woocommerce-form-login .form-row .password-input {
    display: block;
    width: 100%;
    position: relative;
}

.woocommerce-form-login,
.lost_reset_password {
    max-width: 600px;
}

.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-register__submit,
.lost_reset_password button[type="submit"] {
    align-self: flex-start;
    display: flex;
    align-items: center;
    width: max-content;
    min-width: max-content;
    height: 48px;
    background-color: var(--fetm-main-blue-color);
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-form-register .woocommerce-form-register__submit:hover,
.lost_reset_password button[type="submit"]:hover {
    opacity: 0.85;
}

.woocommerce-form-login .form-row label.woocommerce-form__label-for-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 14px;
}

.woocommerce-form-login .form-row label.woocommerce-form__label-for-checkbox input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th,
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
}

form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table thead {
    background-color: #f1f1f1;
}

form.woocommerce-checkout .cart_item .product-total,
form.woocommerce-checkout .order-total .woocommerce-Price-amount {
    font-weight: bold;
    color: #333;
}

form.woocommerce-checkout #payment.woocommerce-checkout-payment {
    background: #ffffff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    margin-top: 20px;
    padding: 20px;
}

/* Hidden last-name field (full name is collected in a single field and split server-side). */
.flrt-hidden-field {
    display: none !important;
}

form.woocommerce-checkout #payment ul.payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

form.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    margin-bottom: 15px;
}

form.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-weight: 500;
}

form.woocommerce-checkout #payment .payment_box {
    background-color: #f9f9f9;
    padding: 15px;
    margin-top: 10px;
    font-size: 0.9rem;
    border-radius: 4px;
    color: #666;
}

/* Western Bid methods: radio + title on one line, payment icons aligned right */
form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid,
form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid_paypal {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 8px;
}

form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid > input[type="radio"],
form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid_paypal > input[type="radio"] {
    flex: 0 0 auto;
    /* Nudge the radio down so its centre lines up with the title text. */
    margin: 6px 0 0 0;
}

form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid > label,
form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid_paypal > label {
    flex: 1 1 0;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    white-space: nowrap;
    margin: 0;
}

form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid > .payment_box,
form.woocommerce-checkout #payment ul.payment_methods li.payment_method_westernbid_paypal > .payment_box {
    flex: 1 1 100%;
}

.wb-method-icons {
    display: inline-flex;
    align-items: center;
}

.wb-method-icons img {
    height: 26px;
    width: auto;
    max-width: none;
}

/* WayForPay: keep its radio on the same line as the title too */
form.woocommerce-checkout #payment ul.payment_methods li.payment_method_wayforpay {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 8px;
}

form.woocommerce-checkout #payment ul.payment_methods li.payment_method_wayforpay > input[type="radio"] {
    flex: 0 0 auto;
    /* Nudge the radio down so its centre lines up with the title text. */
    margin: 6px 0 0 0;
}

form.woocommerce-checkout #payment ul.payment_methods li.payment_method_wayforpay > label {
    flex: 1 1 0;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    white-space: nowrap;
    margin: 0;
}

form.woocommerce-checkout #payment ul.payment_methods li.payment_method_wayforpay > .payment_box {
    flex: 1 1 100%;
}

@media (max-width: 600px) {
    /* Icons wrap to their own line only when they do not fit (handled by
       flex-wrap on the label); the row gap of the label spaces them out.
       The title always stays next to the radio. */
    .wb-method-icons img {
        height: 22px;
    }
}

form.woocommerce-checkout #place_order.button.alt {
    width: 100%;
    background-color: var(--fetm-main-blue-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease;
	padding: 16px 24px;
	font-size: 16px;
	max-height: 48px;
	font-weight: 500;
}

form.woocommerce-checkout #place_order.button.alt:hover {
    background-color: #002c8c;
}

/* Legal note under the order review / payment box */
form.woocommerce-checkout .fetm-auto-agreement {
    margin: 24px 0 0 0;
    padding: 0 0 0 20px;
    font-size: 14px;
    color: #5d5d5d;
}

@media (max-width: 768px) {
    form.woocommerce-checkout #customer_details {
        flex-direction: column;
    }
    form.woocommerce-checkout .col-1, 
    form.woocommerce-checkout .col-2 {
        width: 100% !important;
    }
}

/* cat page --------------------------------------------------------------------------------------------------------------------------------- */
.cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
	margin-left: auto;
}

.cart-collaterals .cart_totals {
	width: 50%;
	margin-left: auto;
}

.product-remove .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	font-size: 18px;
	line-height: 1;
	border-radius: 50%;
	background-color: #D7DDE9;
	color: #333;
	text-decoration: none;
	transition: all 0.2s ease;
	font-weight: bold;
}

.product-remove .remove:hover {
	background-color: #e53935;
	color: #fff;
	transform: scale(1.1);
}

/* login register page to my license ------------------------------------------------------------------------------ */
.entry-content .woocommerce #customer_login.u-columns.col2-set {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.entry-content .woocommerce #customer_login.login-only {
    justify-content: center;
}

.entry-content .woocommerce #customer_login.login-only .u-column1.col-1 {
    flex: 0 1 480px;
    max-width: 480px;
}

.entry-content .woocommerce #customer_login .u-column1.col-1,
.entry-content .woocommerce #customer_login .u-column2.col-2 {
    flex: 1;
    min-width: 300px;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}

.entry-content .woocommerce #customer_login h2 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 24px;
    color: #222222;
    font-weight: 600;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row {
    margin-bottom: 20px;
    padding: 0;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row label .required {
    color: #ff3333; 
    font-weight: bold;
    text-decoration: none;
    margin-left: 3px;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row label .screen-reader-text {
    display: none;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row input.input-text {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 15px;
    color: #333333;
    background-color: #fcfcfc;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row input.input-text:focus {
    outline: none;
    border-color: #3858E9;
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(56, 88, 233, 0.12);
}

.entry-content .woocommerce form.login > .form-row:not(.form-row-wide) {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row label.woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 14px;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row label.woocommerce-form__label-for-checkbox input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row button.button {
    background-color: #3858E9;
    color: #ffffff;
    border: none;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    display: inline-block;
}

.entry-content .woocommerce #customer_login form.register > .form-row:not(.form-row-wide) {
	display: flex;
	justify-content: flex-end;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .form-row button.button:hover,
.entry-content .woocommerce #customer_login form.woocommerce-form .form-row button.button:focus {
    opacity: 0.85;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle{
	display: none;
}

.entry-content .woocommerce form.woocommerce-form .lost_password {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 14px;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .lost_password a {
    color: #3858E9;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.entry-content .woocommerce #customer_login form.woocommerce-form .lost_password a:hover {
    opacity: 0.85;
    text-decoration: underline;
}

.entry-content .woocommerce form.woocommerce-form .form-row .password-input,
.entry-content .woocommerce form.checkout .form-row .password-input {
    position: relative;
    display: block;
}

.entry-content .woocommerce form.woocommerce-form .form-row .password-input input.input-text,
.entry-content .woocommerce form.checkout .form-row .password-input input.input-text {
    padding-right: 45px;
}

.entry-content .woocommerce form.woocommerce-form .form-row .password-input .show-password-input,
.entry-content .woocommerce form.checkout .form-row .password-input .show-password-input {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    opacity: 0.5;
    transition: opacity 0.2s ease;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

.entry-content .woocommerce form.woocommerce-form .form-row .password-input .show-password-input:hover,
.entry-content .woocommerce form.checkout .form-row .password-input .show-password-input:hover {
    opacity: 0.9;
}

.entry-content .woocommerce form.woocommerce-form .form-row .password-input .show-password-input::before,
.entry-content .woocommerce form.woocommerce-form .form-row .password-input .show-password-input::after,
.entry-content .woocommerce form.checkout .form-row .password-input .show-password-input::before,
.entry-content .woocommerce form.checkout .form-row .password-input .show-password-input::after {
    display: none !important;
}

.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row .woocommerce-password-strength {
    display: block;
    margin-top: 10px;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    background-color: #f5f5f5;
    color: #ffffff;
}

.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row .woocommerce-password-strength.short,
.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row .woocommerce-password-strength.bad {
    background-color: #ff4d4d;
}

.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row .woocommerce-password-strength.good {
    background-color: #f38b36;
}

.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row .woocommerce-password-strength.strong {
    background-color: #00c853;
}

.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row .woocommerce-password-hint {
    display: block;
    margin-top: 10px;
    line-height: 1.5;
    color: #777777;
    font-size: 12.5px;
    background: #f9f9f9;
    padding: 10px;
    border-left: 3px solid #e0e0e0;
}

/* Password strength hint on the checkout (Create account password) — restore WooCommerce strength colors. */
.entry-content .woocommerce form.checkout .woocommerce-password-strength {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
}

.entry-content .woocommerce form.checkout .woocommerce-password-strength.short,
.entry-content .woocommerce form.checkout .woocommerce-password-strength.bad {
    color: #d63638;
}

.entry-content .woocommerce form.checkout .woocommerce-password-strength.good {
    color: #dba617;
}

.entry-content .woocommerce form.checkout .woocommerce-password-strength.strong {
    color: #00a32a;
}

.entry-content .woocommerce form.checkout .woocommerce-password-hint {
    display: block;
    margin-top: 6px;
    line-height: 1.5;
    color: #777777;
    font-size: 12.5px;
}

.entry-content .woocommerce #customer_login .u-column2.col-2 form.woocommerce-form-register.register .form-row button.button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #cccccc;
}

.entry-content .woocommerce .woocommerce-notices-wrapper {
    width: 100%;
    margin-bottom: 30px;
    clear: both;
}

.entry-content .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error,
.woocommerce-MyAccount-content #message {
    margin: 0;
    padding: 16px 24px;
    list-style: none outside;
    background-color: #fffafa;
    border: 1px solid #ffe0e0;
    border-left: 4px solid #ff3333;
    border-radius: 6px;
    color: #333333;
    font-size: 14px;
    line-height: 1.6;
    box-shadow: 0 2px 8px rgba(255, 51, 51, 0.05);
}

.woocommerce-MyAccount-content #message p {
	margin: 0;
}
.woocommerce-MyAccount-content #message.notice-notice {
	background-color: #fffaed;
	border: 1px solid #fff1ae;
	border-left: 4px solid #ffdf5e;
}
.woocommerce-MyAccount-content #message.notice-success {
	background-color: #fdfdfd;
    border: 1px solid #e0ffe1;
	border-left: 4px solid #06e100;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgb(51 255 87 / 5%);
}

.woocommerce-MyAccount-content #message {
	padding: 16px 24px 16px 72px;
}

.entry-content .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li {
    margin: 0;
    padding: 0;
}

.entry-content .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error li strong {
    color: #cc0000;
    font-weight: 600;
}


@media screen and (min-width: 1200px) {
	.landing-page-main .fetm-h2-big {
		font-size: 48px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 1160px) {
	.landing-page-main .fetm-h2-big {
		font-size: 46px;
	}
}

@media screen and (max-width: 1159px) and (min-width: 1061px) {
	.landing-page-main .fetm-h2-big {
		font-size: 38px;
	}
}

@media screen and (max-width: 1060px) {
	.landing-page-main .fetm-h2-big {
		font-size: 2em;
	}
	.landing-page-main .fetm-h3-big {
		font-size: 1.125em;
		font-size: 18px;
	}
}

@media screen and (max-width: 960px) and (min-width: 768px) {
	#primary-menu{
		gap: 20px;
	}
}

@media screen and (max-width: 870px) {
	.landing-page-main .fetm-h2-big {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 420px) {
	.fetm-hero .fetm-col-1 .fetm-h2-big {
		font-size: 30px;
	}
}



@media screen and (max-width: 768px) {
    .entry-content .woocommerce .woocommerce-notices-wrapper {
        margin-bottom: 20px;
    }
    
    .entry-content .woocommerce .woocommerce-notices-wrapper ul.woocommerce-error {
        padding: 14px 18px;
        font-size: 13px;
    }

    .entry-content .woocommerce #customer_login.u-columns.col2-set {
        flex-direction: column;
        gap: 20px;
    }

    .entry-content .woocommerce #customer_login .u-column1.col-1,
    .entry-content .woocommerce #customer_login .u-column2.col-2 {
        padding: 24px;
        width: 100%;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); 
    }
    
    .entry-content .woocommerce #customer_login form.login > .form-row:not(.form-row-wide) {
        flex-direction: column;
        align-items: flex-start;
    }

    .entry-content .woocommerce #customer_login form.woocommerce-form .form-row button.button {
        width: 100%;
    }

	.fetm-resources-singular-wrap .fetm-res-main-content .make-it-margin-right {
		max-width: 55%;
	}
}

.entry-content .woocommerce .woocommerce-message {
    margin: 20px auto 30px auto;
    padding: 16px 24px;
    background-color: #f6f8ff;
    border: 1px solid #e0e6f2;
    border-left: 4px solid #3858E9;
    border-radius: 6px;
    color: #1b5e20;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    list-style: none;
    box-shadow: 0 2px 8px rgba(0, 200, 83, 0.05);
}

.entry-content .woocommerce > p {
    max-width: 600px;
    margin: 0 auto 30px auto;
    font-size: 15px;
    line-height: 1.7;
    color: #555555;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    text-align: center;
}

.make-it-margin-right{
	margin-right: 24px;
}

@media screen and (max-width: 768px) {
    .entry-content .woocommerce .woocommerce-message,
    .entry-content .woocommerce > p {
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px;
        font-size: 14px;
        width: auto;
    }
	.landing-page-main .fetm-eyebrow{
		padding-top: 12px;
	}
	/*.landing-page-main .fetm-h2-big{*/
	/*	padding-top: 24px;*/
	/*}*/
}

.fetm-resources-singular-wrap .fetm-res-main-content p.fetm-form-notice{
	font-style: italic;
	font-size: 16px;
	color: #515151;
	margin-bottom: 0;
}
/* Documentation navigation anchor links */
.fetm-nav-doc li a {
	color: #3858e9 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    text-decoration-line: underline !important;
    text-decoration-style: dashed !important;
    text-decoration-color: #3858e9 !important;
    text-underline-offset: 5px !important;
    text-decoration-thickness: 1px !important;
}

/* Fluent Forms submit button — match theme's primary button look */
.fluentform .ff-btn-submit,
.fluentform .ff_btn_submit,
.frm-fluent-form .ff-btn-submit,
.frm-fluent-form .ff_btn_submit {
    background: var(--fetm-main-blue-color) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    height: 48px !important;
    padding: 0 24px !important;
    min-width: max-content !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    text-transform: none !important;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.fluentform .ff-btn-submit:hover,
.fluentform .ff_btn_submit:hover,
.frm-fluent-form .ff-btn-submit:hover,
.frm-fluent-form .ff_btn_submit:hover,
.fluentform .ff-btn-submit:focus,
.fluentform .ff_btn_submit:focus,
.frm-fluent-form .ff-btn-submit:focus,
.frm-fluent-form .ff_btn_submit:focus {
    background: var(--fetm-main-blue-color) !important;
    color: #FFFFFF !important;
    opacity: 0.85 !important;
}

/* Fluent Forms fields — match theme's WC EditAccount input look */
.fluentform .ff-el-form-control,
.frm-fluent-form .ff-el-form-control,
.fluentform input[type="text"].ff-el-form-control,
.fluentform input[type="email"].ff-el-form-control,
.fluentform input[type="tel"].ff-el-form-control,
.fluentform input[type="url"].ff-el-form-control,
.fluentform input[type="number"].ff-el-form-control,
.fluentform input[type="password"].ff-el-form-control,
.fluentform textarea.ff-el-form-control,
.fluentform select.ff-el-form-control {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #333 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}

.fluentform textarea.ff-el-form-control,
.frm-fluent-form textarea.ff-el-form-control {
    height: auto !important;
    min-height: 80px;
    line-height: 1.5;
}

.fluentform .ff-el-form-control:focus,
.frm-fluent-form .ff-el-form-control:focus {
    border-color: #111 !important;
    outline: none !important;
    box-shadow: none !important;
}

.fluentform .ff-el-input--label label,
.frm-fluent-form .ff-el-input--label label {
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
    display: inline-block;
}

/* Contact Form 7 — match theme's form look (mirrors Fluent Forms styling above) */
.wpcf7-form input[type="text"].wpcf7-form-control,
.wpcf7-form input[type="email"].wpcf7-form-control,
.wpcf7-form input[type="tel"].wpcf7-form-control,
.wpcf7-form input[type="url"].wpcf7-form-control,
.wpcf7-form input[type="number"].wpcf7-form-control,
.wpcf7-form input[type="date"].wpcf7-form-control,
.wpcf7-form input[type="password"].wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control,
.wpcf7-form select.wpcf7-form-control {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #333 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}

.wpcf7-form input.wpcf7-form-control:focus,
.wpcf7-form textarea.wpcf7-form-control:focus,
.wpcf7-form select.wpcf7-form-control:focus {
    border-color: #111 !important;
    outline: none !important;
    box-shadow: none !important;
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    margin-top: 6px;
}

.wpcf7-form p {
    margin: 0 0 16px;
}

.wpcf7-form label {
    font-size: 14px;
    color: #333;
}

.wpcf7-form label .cf7-required {
    color: #f56c6c;
}

/* Submit button — same look as Fluent Forms / WC primary buttons */
.wpcf7-form input[type="submit"].wpcf7-form-control,
.wpcf7-form .wpcf7-submit {
    background: var(--fetm-main-blue-color) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    height: 48px !important;
    padding: 0 24px !important;
    min-width: max-content !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    text-transform: none !important;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.wpcf7-form input[type="submit"].wpcf7-form-control:hover,
.wpcf7-form input[type="submit"].wpcf7-form-control:focus,
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:focus {
    background: var(--fetm-main-blue-color) !important;
    color: #FFFFFF !important;
    opacity: 0.85 !important;
}

/* Contact form #5214 (refund request): put "Your name" and "Your email"
   side by side on one row, each at half width. Scoped to this form only. */
.wpcf7[data-wpcf7-id="5214"] .wpcf7-form > p:has(.wpcf7-form-control-wrap[data-name="your-name"]),
.wpcf7[data-wpcf7-id="5214"] .wpcf7-form > p:has(.wpcf7-form-control-wrap[data-name="your-email"]) {
    float: left;
    width: 48%;
    box-sizing: border-box;
}

.wpcf7[data-wpcf7-id="5214"] .wpcf7-form > p:has(.wpcf7-form-control-wrap[data-name="your-name"]) {
    margin-right: 4%;
}

/* The field after the row (Order #) clears the floats and spans full width. */
.wpcf7[data-wpcf7-id="5214"] .wpcf7-form > p:has(.wpcf7-form-control-wrap[data-name="order-id"]) {
    clear: both;
}

/* Stack back to full width on narrow screens. */
@media (max-width: 600px) {
    .wpcf7[data-wpcf7-id="5214"] .wpcf7-form > p:has(.wpcf7-form-control-wrap[data-name="your-name"]),
    .wpcf7[data-wpcf7-id="5214"] .wpcf7-form > p:has(.wpcf7-form-control-wrap[data-name="your-email"]) {
        float: none;
        width: 100%;
        margin-right: 0;
    }
}

/* Page template "Standard width (blog)" (page-narrow.php).
   It reuses the default page wrappers (.fetm-resources-singular-wrap >
   .fetm-res-main-content), so all content typography — lists, blockquotes,
   spacing — applies exactly as on default pages. The modifier only narrows the
   outer container to match the blog archive reading width
   (.fetm-archive-main-template.fetm-blog-archive). Only pages that select this
   template are affected; default-template pages keep their full width. */
.fetm-resources-singular-wrap.fetm-narrow-page {
    max-width: 828px; /* 780px content + 24px padding each side, same as blog */
}
.wpcf7-acceptance .wpcf7-list-item label:hover,
label.fetm-label-hover:hover{
	cursor: pointer;
}
.wpcf7-acceptance .wpcf7-list-item{
	margin-left: 4px;
}

/* ============================================================
   Pricing page — "Trusted by WordPress Professionals" reviews
   (replaces the old carousel; ported from the PRO benefits landing)
   ============================================================ */
.fetm-reviews {
    width: 100%;
    margin-top: 80px;
}

.fetm-reviews .fetm-h2-medium {
    text-align: center;
    font-size: 44px;
    margin-bottom: 16px;
}

.fetm-reviews .fetm-bubble-text {
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 60px;
}
.fetm-reviews.fetm-reviews-prices .fetm-bubble-text{
	color: #5A6472;
	line-height: 1.5;
}
.fetm-rvw-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    align-items: stretch;
}

.fetm-rvw-card {
    background-color: #fff;
    border: 1px solid #E8ECF4;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}

/* --- text review card --- */
.fetm-rvw-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px;
}

.fetm-rvw-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.fetm-rvw-author {
    font-size: 16px;
    font-weight: 700;
    color: #1F2028;
}

.fetm-rvw-time {
    font-size: 14px;
    font-weight: 400;
    color: #6B7280;
}

.fetm-rvw-stars {
    display: flex;
    gap: 2px;
}

.fetm-rvw-stars svg {
    width: 20px;
    height: 20px;
    flex: none;
}

.fetm-rvw-text-body {
    flex: 1 1 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    color: #1F2028;
    font-size: 16px;
    line-height: 180%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.landing-page-main .fetm-rvw-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #1F2028;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

/* Only colour and decoration are restated per state. Layout properties must
   stay out of these: with :hover in the selector this rule out-specifies
   `.fetm-reviews-wpf .fetm-rvw-link { margin-top: 0 }`, so carrying
   margin-top here pushed the link to the bottom of its flex card the moment
   the pointer touched it. */
.landing-page-main .fetm-rvw-link:visited,
.landing-page-main .fetm-rvw-link:hover,
.landing-page-main .fetm-rvw-link:focus {
    color: #1F2028;
    text-decoration: none;
}

/* Hover feedback for the "Read more" links in every reviews grid, matching
   what the ghost buttons do. Deliberately unscoped: the block ships on the
   WPF landing, the /pricing/ page and the homepage. */
.fetm-rvw-link {
    transition: opacity 0.2s ease;
}

.fetm-rvw-link:hover {
    opacity: 0.85;
}

.fetm-rvw-link svg {
    flex: none;
}

/* --- video review card (lazy YouTube facade) --- */
.fetm-rvw-video {
    position: relative;
    cursor: pointer;
    padding: 28px;
}

.fetm-rvw-video-btn {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.fetm-rvw-video-thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fetm-rvw-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: transform 0.2s ease;
}

.fetm-rvw-video-play svg {
    display: block;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.4));
}

.fetm-rvw-video-btn:hover .fetm-rvw-video-play {
    transform: translate(-50%, -50%) scale(1.08);
}

.fetm-rvw-video-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 8px;
}

/* --- "View more / View less": first row stays visible, the rest collapses with a fade-out peek --- */
.fetm-rvw-toggle-checkbox {
    display: none !important;
}

.fetm-rvw-more {
    position: relative;
    overflow: hidden;
    max-height: 145px;
    margin-top: 24px;
    transition: max-height 0.45s ease;
}

#fetm-rvw-toggle:checked ~ .fetm-rvw-more {
    max-height: 1400px;
}

.fetm-rvw-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 145px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 1));
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#fetm-rvw-toggle:checked ~ .fetm-rvw-more .fetm-rvw-fade {
    opacity: 0;
}

.fetm-rvw-bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.fetm-rvw-toggle-btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    font-weight: 600;
    justify-content: space-between;
    color: var(--fetm-main-blue-color);
}

.fetm-rvw-toggle-text {
    display: inline-block;
    margin-right: 12px;
    border-bottom: 1px solid transparent;
    border-image: repeating-linear-gradient(to left, var(--fetm-main-blue-color) 0%, var(--fetm-main-blue-color) 4px, transparent 4px, transparent 8px) 1;
    font-size: 18px;
    line-height: 130%;
    font-weight: 600;
    color: var(--fetm-main-blue-color);
}

.fetm-rvw-toggle-text-less {
    display: none;
}

.fetm-rvw-toggle-btn::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="%233858E9" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: transform 0.3s ease-out;
}

#fetm-rvw-toggle:checked ~ .fetm-rvw-bottom .fetm-rvw-toggle-text-more {
    display: none;
}

#fetm-rvw-toggle:checked ~ .fetm-rvw-bottom .fetm-rvw-toggle-text-less {
    display: inline-block;
}

#fetm-rvw-toggle:checked ~ .fetm-rvw-bottom .fetm-rvw-toggle-btn::before {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .fetm-reviews .fetm-h2-medium {
        font-size: 34px;
    }

    .fetm-rvw-grid {
        grid-template-columns: 1fr;
    }

    .fetm-rvw-more {
        max-height: 110px;
    }
}

/* --- Reviews on the WPF landing: 3 columns, video cards carry a quote
   caption and a Play Video button (content shared with the pricing page) --- */
/* Subtitle typography matches the pitch-section paragraph */
.fetm-reviews-wpf .fetm-bubble-text {
    font-size: 18px;
    line-height: 160%;
    color: #616161;
}

/* Unscoped since the reviews grid became a shared template part (homepage
   uses it too) — the accent must colour on every page that renders it. */
.fetm-wpf-accent {
    color: var(--fetm-main-blue-color);
}

.fetm-reviews-wpf .fetm-rvw-grid {
    grid-template-columns: repeat(3, 1fr);
}

.fetm-reviews-wpf .fetm-rvw-card {
    aspect-ratio: auto;
}

.fetm-reviews-wpf .fetm-rvw-video {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    cursor: default;
}

.fetm-reviews-wpf .fetm-rvw-video-frame {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
    flex: none;
}

.fetm-reviews-wpf .fetm-rvw-video-quote {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 150%;
    color: #1F2028;
}

.fetm-reviews-wpf .fetm-rvw-video-author {
    margin: 0;
    font-size: 14px;
    color: #6B7280;
}

/* Ghost button: the section's videos and review texts carry the accent,
   the solid blue stays reserved for the page's main CTA.
   No margin-top auto: the button hugs the content instead of leaving a
   gap when a neighbouring card in the row is taller. */
.fetm-reviews-wpf .fetm-rvw-video-cta {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 16px;
    border: 1px solid var(--fetm-main-blue-color);
    border-radius: 8px;
    background: transparent;
    color: var(--fetm-main-blue-color);
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.fetm-reviews-wpf .fetm-rvw-video-cta:hover {
    background: #EEF2FF;
}

.fetm-reviews-wpf .fetm-rvw-text {
    padding: 20px;
    gap: 16px;
}

.fetm-reviews-wpf .fetm-rvw-text-body {
    -webkit-line-clamp: 7;
    flex: 0 1 auto;
}

/* Same reasoning as the Play Video button: no bottom-pinning */
.fetm-reviews-wpf .fetm-rvw-link {
    margin-top: 0;
}

.fetm-reviews-wpf .fetm-rvw-more {
    max-height: 190px;
}

#fetm-rvw-toggle:checked ~ .fetm-rvw-more {
    max-height: 1400px;
}

@media (max-width: 1024px) {
    .fetm-reviews-wpf .fetm-rvw-grid {
        grid-template-columns: 1fr;
    }

    .fetm-reviews-wpf .fetm-rvw-more {
        max-height: 160px;
    }
}
/* ============================================================
   Pricing plans v2 — four columns (Free + 3 PRO plans) with
   per-plan feature lists. template-parts/pricing-plans-v2.php.
   Admin-only preview while in review (fetm_pricing_v2_active).
   ============================================================ */

/* minmax(0, 1fr) instead of a bare 1fr: a plain 1fr keeps an automatic
   min-content minimum, so while the webfont is still loading a card whose
   text is momentarily wider steals width from the others and the gaps
   visibly jump. With a 0 minimum the four columns are always equal. */
.fetm-price-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 0;
    width: 100%;
    align-items: stretch;
    margin-top: 184px;
}

.pricing-page-template .fetm-price-grid-v2 {
    margin: 40px auto;
}

.fetm-price-grid-v2.fetm-section.fetm-bottom-prices {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 100px;
}

/* Full-width rows inside the grid: heading, subline, "All plans include"
   bar and the spoiler comparison table. Neutralise the v1 named areas. */
.fetm-price-grid-v2 .fetm-price-title,
.fetm-price-grid-v2 .fetm-price-subline,
.fetm-price-grid-v2 .fetm-price-plan,
.fetm-price-grid-v2 .fetm-freevspro {
    grid-area: auto;
    grid-column: 1 / -1;
}

.fetm-price-grid-v2 .fetm-price-title,
.fetm-price-grid-v2 .fetm-price-subline {
    text-align: center;
    justify-content: center;
}

.fetm-price-grid-v2 .fetm-price-subline {
    margin-right: 0;
}

/* The badge overflows the card top — leave it room in the first card row. */
.fetm-price-grid-v2 .fetm-price-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 28px 24px;
    border-radius: 12px;
    background: var(--fetm-white-color);
    box-shadow: -1px 4px 8px 2px rgba(31, 32, 40, 0.1);
    position: relative;
    margin-top: 16px;
    text-align: left;
    color: var(--fetm-text-color);
}

.fetm-price-grid-v2 .fetm-price-card p,
.fetm-price-grid-v2 .fetm-price-card h3 {
    margin: 0;
    text-align: left;
}

.fetm-price-card-tagline {
    font-size: 14px;
    color: #7d7d7d;
    min-height: 1.4em;
}

.fetm-price-grid-v2 .fetm-price-card .fetm-h3-medium {
    font-size: 28px;
}

.fetm-price-grid-v2 .fetm-price-tag {
    color: var(--fetm-main-blue-color);
    margin: 4px 0;
}

.fetm-price-card-sites {
    line-height: 1.4;
}

#main .fetm-price-grid-v2 .fetm-link-btn,
#main .fetm-price-grid-v2 .fetm-link-btn-free {
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 8px;
    box-sizing: border-box;
}

/* Feature list under the CTA */
.fetm-price-features {
    list-style: none;
    margin: 10px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid var(--fetm-gray-light-color);
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.fetm-price-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.45;
    margin: 0;
}

.fetm-price-features li svg {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--fetm-main-blue-color);
}

/* Help tip inside the plan feature lists sits right after the label
   (the comparison-table variant pushes it to the row edge instead),
   and its bubble opens to the right so it doesn't escape the card. */
.fetm-price-features .fetm-help-tip {
    margin-left: 6px;
}

.fetm-price-features .fetm-help-tip::after {
    right: auto;
    left: -8px;
}

/* Glues the label's last word to its help tip so the "?" never wraps
   to a line of its own. */
.fetm-glue {
    white-space: nowrap;
}

/* "Renewal is optional" in the plans bar: bold, because it reframes the yearly
   price as a one-off payment. The bar turns every span into a flex row (see
   .fetm-price-plan span), so this <strong> has to be one too — otherwise the
   glued help tip becomes a block box and drops to a line of its own. */
/* The licence term carries the offer, so it is set apart from "All plans
   include" — bold only, the blue is reserved for the renewal note. Its own
   class rather than .fetm-price-plan strong: the /pricing/ bar uses <strong>
   for its checkmark chips and must keep their weight. */
.fetm-price-plan .fetm-plan-term {
    font-weight: 600;
}

.fetm-price-plan .fetm-plan-renewal {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: var(--fetm-main-blue-color);
}

/* The help tip goes blue with its text — the default grey next to blue reads
   as disabled. Only the circle and the "?" change; the dark tooltip bubble
   keeps its own colours. */
.fetm-plan-renewal .fetm-help-tip {
    border-color: var(--fetm-main-blue-color);
    color: var(--fetm-main-blue-color);
}

/* Narrow screens: the bar is one nowrap flex row, so without these the note
   gets squeezed into a column and breaks as "Renewal is / optional". Let it
   drop to a line of its own instead. Scoped to the paid grid — the /pricing/
   bar holds different content. */
.fetm-price-grid-v2-paid .fetm-price-plan span {
    flex-wrap: wrap;
}

.fetm-price-grid-v2-paid .fetm-plan-renewal {
    flex-shrink: 0;
}

/* The /pricing/ and homepage bar carries the renewal note on top of its two
   chips, which is one item more than the row was built for. Let it wrap
   between the tablet breakpoint and desktop instead of overflowing its rounded
   box. Below 768px the bar is already a column, so this changes nothing there.
   Excludes the paid grid, which wraps its inner span instead — see above. */
.fetm-price-grid-v2:not(.fetm-price-grid-v2-paid) .fetm-price-plan {
    flex-wrap: wrap;
}

/* Feature labels linking to a demo page (e.g. "Instant filter counts").
   Text keeps the label color; the small external-link icon picks up the
   blue li-icon color via currentColor (".fetm-price-features li svg"
   above). #page prefix — same context-proofing as the button rules
   below, so the My Account link-color overrides never win. */
#page .fetm-price-grid-v2 .fetm-feature-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--fetm-main-blue-color);
    text-underline-offset: 2px;
}

#page .fetm-price-grid-v2 .fetm-feature-link:hover {
    color: var(--fetm-main-blue-color);
}

#page .fetm-price-grid-v2 .fetm-feature-link .fetm-feature-link-icon {
    vertical-align: -2px;
    margin-left: 3px;
}

/* The Instant-filter-counts item used to be forced onto one line here
   (.fetm-feature-oneline, nowrap above 1281px) because it overflowed the
   ~178px feature column by only ~17px. It now carries the "— no page reload"
   qualifier and is far too long for that, so it wraps like every other item
   and the wrapper is gone. Its two .fetm-glue groups still keep "counts ↗"
   and "reload ?" from breaking apart. */

/* Context-proof card styles. The My Account no-license screen renders
   through page.php: there is no #main (so the #main-prefixed rules never
   match) and the account wrappers override link and paragraph colors —
   worst offender: .woocommerce-account … .entry-content a{color:inherit}
   at specificity 0-4-1. The #page prefix (theme-wide wrapper) gives these
   rules 1-x-x specificity, so the SAME set wins on every page, including
   over the #main rules above (same values, no visual change on /pricing/). */
#page .fetm-price-grid-v2 .fetm-link-btn,
#page .fetm-price-grid-v2 .fetm-link-btn-free {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    border: 1px solid var(--fetm-main-blue-color);
    max-height: 48px;
    white-space: nowrap;
    text-decoration: none;
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 8px;
    box-sizing: border-box;
}

#page .fetm-price-grid-v2 .fetm-link-btn {
    background-color: var(--fetm-main-blue-color);
    color: var(--fetm-white-color);
}

#page .fetm-price-grid-v2 .fetm-link-btn:hover {
    background-color: rgba(56, 88, 233, 0.85);
    border-color: transparent;
}

#page .fetm-price-grid-v2 .fetm-link-btn-free {
    background-color: var(--fetm-white-color);
    color: var(--fetm-main-blue-color);
}

#page .fetm-price-grid-v2 .fetm-price-card-featured .fetm-link-btn {
    background-color: var(--fetm-white-color);
    color: var(--fetm-main-blue-color);
    border-color: var(--fetm-white-color);
}

#page .fetm-price-grid-v2 .fetm-price-card-featured .fetm-link-btn:hover {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: transparent;
}

#page .fetm-price-grid-v2 p.fetm-price-tag {
    font-size: 2.4em;
    color: var(--fetm-main-blue-color);
}

#page .fetm-price-grid-v2 p.fetm-price-card-tagline {
    font-size: 14px;
    color: #7d7d7d;
}

#page .fetm-price-grid-v2 p.fetm-price-plan {
    margin: 40px 0 24px;
}

#page .fetm-price-grid-v2.fetm-bottom-prices p.fetm-price-plan {
    margin-top: 0;
}

#page .fetm-price-grid-v2 .fetm-price-card-featured p {
    color: var(--fetm-white-color);
}

#page .fetm-price-grid-v2 .fetm-price-card-featured p.fetm-price-card-tagline {
    color: rgba(255, 255, 255, 0.65);
}

#page .fetm-price-grid-v2 h3.fetm-price-subline {
    margin: 16px 0 0;
    text-align: center;
}

/* "That's just $X/month" reassurance line under the annual price */
#page .fetm-price-grid-v2 p.fetm-price-permonth {
    font-size: 14px;
    color: #7d7d7d;
    margin: -8px 0 0;
}

#page .fetm-price-grid-v2 .fetm-price-card-featured p.fetm-price-permonth {
    color: rgba(255, 255, 255, 0.65);
}

/* Open spoiler table inside the v2 grid: neutralise the v1 named-area
   layout (its "xxxt" area spans only 3 of the 4 columns, leaving a card
   beside the table) — in v2 the table is simply a full-width grid row. */
.fetm-features-spoiler-checkbox:checked ~ .fetm-price-grid-v2 {
    grid-template-areas: none;
    grid-template-rows: auto;
}

.fetm-features-spoiler-checkbox:checked ~ .fetm-price-grid-v2 .fetm-features-spoiler-table {
    display: block;
    grid-area: auto;
    grid-column: 1 / -1;
}

/* "Most popular" badge */
.fetm-price-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--fetm-main-blue-color);
    color: var(--fetm-white-color);
    padding: 6px 14px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Featured (dark) card */
.fetm-price-grid-v2 .fetm-price-card-featured {
    background: var(--fetm-text-color);
    color: var(--fetm-white-color);
    box-shadow: -1px 6px 14px 4px rgba(31, 32, 40, 0.25);
}

.fetm-price-grid-v2 .fetm-price-card-featured .fetm-h3-medium,
.fetm-price-grid-v2 .fetm-price-card-featured .fetm-price-tag {
    color: var(--fetm-white-color);
}

.fetm-price-card-featured .fetm-price-card-tagline,
.fetm-price-card-featured .fetm-dev-site {
    color: rgba(255, 255, 255, 0.65);
}

.fetm-price-card-featured .fetm-price-features {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.fetm-price-card-featured .fetm-price-features li svg {
    color: var(--fetm-white-color);
}

#main .fetm-price-grid-v2 .fetm-price-card-featured .fetm-link-btn {
    background-color: var(--fetm-white-color);
    color: var(--fetm-main-blue-color);
    border-color: var(--fetm-white-color);
}

#main .fetm-price-grid-v2 .fetm-price-card-featured .fetm-link-btn:hover {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: transparent;
}

/* Responsive: 4 -> 2 -> 1 columns */
@media (max-width: 1000px) {
    .fetm-price-grid-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 24px;
    }
}

@media (max-width: 600px) {
    .fetm-price-grid-v2 {
        grid-template-columns: minmax(0, 1fr);
    }

    .fetm-price-grid-v2 .fetm-price-card {
        margin-top: 20px;
    }
}

/* CookieYes (cookie-law-info) GDPR banner overrides. Styled from the
   theme so the plugin can be updated safely. The banner is injected by
   the plugin's JS after load, so these rules do NOT belong in the
   critical CSS. The plugin writes its color settings as inline styles
   on the button, hence the !important on the border. */
/* Translucent bar BACKGROUND instead of opacity on the whole banner:
   opacity would dim every child and a child can never exceed its
   parent's opacity, while a translucent background keeps the text and
   the "Got it" button fully opaque. The plugin writes its background
   inline, hence the !important. */
.cky-consent-container .cky-consent-bar {
    background-color: rgba(255, 255, 255, 0.75) !important;
}

/* "Got it" — same look as the hero "View Live Demo" button
   (#main .fetm-link-btn-free): auto width instead of the full-bar one */
.cky-consent-container .cky-btn.cky-btn-accept {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    flex: none;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid var(--fetm-main-blue-color) !important;
}

.cky-consent-container .cky-btn.cky-btn-accept:hover {
    opacity: 0.85;
}

/* Keep the "Got it" button clear of the fixed chat icon in the
   bottom-right corner */
.cky-consent-container .cky-notice-btn-wrapper {
    margin-right: 90px;
}

/* Smooth scroll for on-page anchors (Get PRO → #pricing on the landing) */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

#pricing {
    scroll-margin-top: 24px;
}

/* Landing: WooCommerce Product Filter — hero overrides.
   Scoped to the template's body class so no other page is affected. */
.page-template-woocommerce-product-filter-template .fetm-hero.fetm-sec-l-r {
    /* content-sized first row lifts the whole left part to the top
       (the shared .fetm-col-* rule bottom-aligns it otherwise) */
    grid-template-rows: auto 1fr;
}

.page-template-woocommerce-product-filter-template .fetm-hero .fetm-col-1 {
    justify-content: flex-start;
    padding-top: 16px;
}

@media (min-width: 1025px) {
    .page-template-woocommerce-product-filter-template .fetm-hero .fetm-col-1 {
        padding-top: 90px;
    }
}

/* This landing's hero subtitle carries the whole pitch, so it runs one step
   larger than the shared 20px. Above 1060px only — below that the shared
   media query drops it to 18px and that scaling still holds here. */
@media screen and (min-width: 1061px) {
    .page-template-woocommerce-product-filter-template .landing-page-main .fetm-h3-big {
        font-size: 22px;
    }
}

/* Highlighter stroke under "conversions" / "sales" in the hero subtitle.
   Drawn as an inline-SVG background (not a border/box-shadow) so the band can
   arc upwards and keep the uneven, hand-drawn edges of a real marker: a thick
   translucent pass plus a thinner, fainter second pass over it.
   preserveAspectRatio="none" lets one viewBox stretch to any word width while
   background-size pins the band height in `em`, so the stroke stays the same
   thickness on both words and follows the font-size down on mobile.
   The two words get slightly different paths on purpose — an identical curve
   twice reads as a graphic, not as a marker.
   Yellow (#FFD000, the site's accent) rather than the brand blue: a blue wash
   tints the grey text towards blue and reads as a link. The text colour itself
   is deliberately left alone — only the stroke behind it changes. */
/* Also on the front page since 2026-08-01: "everything" in the hero
   subtitle carries the same marker */
.home .fetm-wpf-mark,
.page-template-woocommerce-product-filter-template .fetm-wpf-mark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M7 24 C60 18 140 17 193 22' fill='none' stroke='%23FFD000' stroke-opacity='.32' stroke-width='24' stroke-linecap='round'/%3E%3Cpath d='M15 28 C70 24 136 23 186 27' fill='none' stroke='%23FFD000' stroke-opacity='.16' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    /* The band ends up ~0.5em thick: its top edge cuts the letters around mid
       x-height and the bottom spills just under the baseline. The vertical
       padding exists only to give background-position room to push the band
       below the content box — vertical padding on an inline box does not
       affect line layout, so nothing moves. */
    background-size: 100% 0.85em;
    background-position: left calc(100% - 0.14em);
    /* the generic `.fetm-hero span` rule (style.css:1613) paints every hero
       span blue — these two are highlighted words, not accents, so they keep
       the subtitle's colour. Other pages are untouched. */
    color: inherit;
    /* the stroke overshoots the word on both sides, without moving the text */
    padding: 0.2em 0.14em;
    margin: 0 -0.14em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.page-template-woocommerce-product-filter-template .fetm-hero .fetm-no-wrap {
    /* same story as .fetm-wpf-mark above: .fetm-hero span paints every hero
       span blue, and this one only exists to keep "Filter Everything PRO"
       on one line */
    color: inherit;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-mark-b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M7 22 C60 17 140 18 193 24' fill='none' stroke='%23FFD000' stroke-opacity='.32' stroke-width='24' stroke-linecap='round'/%3E%3Cpath d='M15 27 C70 23 136 24 186 29' fill='none' stroke='%23FFD000' stroke-opacity='.16' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E");
}

.page-template-woocommerce-product-filter-template .fetm-hero .fetm-wpf-rating {
    margin: 0 0 32px;
}

/* The stacked mobile hero centres its h1 and subtitle, but this eyebrow row
   keeps the inherited left alignment and reads as a stray line above them. */
@media (max-width: 768px) {
    .page-template-woocommerce-product-filter-template .fetm-hero .fetm-wpf-rating {
        text-align: center;
    }
}

/* Feature strip between the hero and the social-proof bar.
   Draft: plain labels for now, icons to be added once the items are final. */
.page-template-woocommerce-product-filter-template .fetm-wpf-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px 32px;
    max-width: 1160px;
    margin-top: 32px;
    padding: 0;
}

/* Icon viewBoxes are cropped tight to the artwork, so this gap is the
   real visual distance for every item */
.page-template-woocommerce-product-filter-template .fetm-wpf-strip-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 400;
    color: var(--fetm-text-color);
}

.page-template-woocommerce-product-filter-template .fetm-wpf-strip-item svg {
    flex: none;
}

@media (max-width: 768px) {
    .page-template-woocommerce-product-filter-template .fetm-wpf-strip {
        justify-content: center;
        margin-top: 40px;
    }
}

/* Three key-message pills in the hero, right under the social-proof line.
   Thinner than the feature pills below so they read as hero copy, not a list. */
.page-template-woocommerce-product-filter-template .fetm-wpf-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-hero-pills .fetm-wpf-strip-item {
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 16px;
    color: var(--fetm-main-blue-color);
    background: #EEF2FF;
    border-radius: 100px;
    white-space: nowrap;
}

/* Hero-pill icons are sized by their width/height attributes — no fixed slot */
.page-template-woocommerce-product-filter-template .fetm-wpf-hero-pills .fetm-wpf-feat-ico {
    width: auto;
}

@media (max-width: 768px) {
    .page-template-woocommerce-product-filter-template .fetm-wpf-hero-pills {
        justify-content: center;
    }
}

/* Standalone features section below the hero: centred heading over the
   remaining eight pills in centred wrapping rows (3-3-2 on desktop).
   The hero's own bottom whitespace already separates the sections, so the
   margin is a nudge, not the full gap. */
.page-template-woocommerce-product-filter-template .fetm-wpf-feats-sec {
    margin-top: 20px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-hero-feats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 24px;
    /* Wide enough for the twelve pills to settle into three rows of four */
    max-width: 1300px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-feats-title {
    margin: 0 0 48px;
    max-width: 720px;
    font-size: 44px;
    font-weight: 600;
    color: var(--fetm-main-blue-color);
    text-align: center;
}

@media (max-width: 768px) {
    .page-template-woocommerce-product-filter-template .fetm-wpf-feats-title {
        margin-bottom: 32px;
        font-size: 28px;
    }
}

/* Each item styled as a pale-blue pill, like the homepage eyebrow keyword */
.page-template-woocommerce-product-filter-template .fetm-wpf-hero-feats .fetm-wpf-strip-item {
    font-size: 16px;
    padding: 10px 20px;
    background: #EEF2FF;
    border-radius: 100px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-feat-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    flex: none;
}

/* Support-hours notice above the tickets portal in My Account (endpoint
   /my-account/support-tickets/, printed from fetm_support_hours_notice) */
.fetm-support-hours {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 24px;
    padding: 16px 20px;
    background: #EEF2FF;
    border-radius: 12px;
}

.fetm-support-hours svg {
    flex: none;
}

/* The account scope repeats the selector so the account page's own
   paragraph styles cannot inflate the text there */
.fetm-support-hours p,
.woocommerce-account .fetm-support-hours p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--fetm-text-color);
}

/* On the /support/ page the notice sits between the intro and the two
   version cards — keep it as narrow as the intro text column */
.fetm-support-tmpl-sec2-version .fetm-support-hours {
    max-width: 760px;
    margin: 0 auto 32px;
    text-align: left;
}

/* Social proof bar between the hero and the pitch: brand-blue rounded card,
   white text and icons, layout reused from the homepage .fetm-ratings */
.fetm-wpf-ratings {
    width: calc(100% - 48px);
    max-width: 1160px;
    margin: 80px auto 0;
    padding: 36px 48px;
    background: var(--fetm-main-blue-color);
    border-radius: 24px;
    color: var(--fetm-white-color);
}

.fetm-wpf-ratings .fetm-ratings-big-text {
    font-size: 4em;
}

.fetm-wpf-ratings .fetm-col2-2 {
    border-left-color: rgba(255, 255, 255, 0.3);
}

/* The 80% dimming comes from color, not opacity, so single words can be
   lifted to pure white for emphasis */
.fetm-wpf-ratings p strong {
    opacity: 1;
    color: rgba(255, 255, 255, 0.8);
}

.fetm-wpf-ratings .fetm-wpf-white {
    color: #FFFFFF;
}

/* The homepage hero already trails enough whitespace of its own; the shared
   80px (48px mobile) top margin doubled it there, so the bar hugs the hero
   on the front page. The WPF landing keeps the stock spacing. */
.home .fetm-wpf-ratings {
    margin-top: 0;
}

@media (max-width: 768px) {
    .fetm-wpf-ratings {
        margin-top: 48px;
        padding: 28px 24px;
    }

    .fetm-wpf-ratings .fetm-col2-2 {
        border-left: none;
    }
}

/* Pitch section under the hero: bubble-style text in the hero-subheading
   color, CTA button below. */
.page-template-woocommerce-product-filter-template .fetm-wpf-pitch {
    gap: 60px;
    margin-top: 60px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-row {
    display: flex;
    align-items: center;
    gap: 48px;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-copy {
    flex: 1 1 48%;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-copy .fetm-h2-medium {
    font-size: 2.4em;
    text-align: left;
    margin-bottom: 24px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-copy .fetm-bubble-text {
    color: #616161;
    text-align: left;
    display: block;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-copy .fetm-bubble-text + .fetm-bubble-text {
    margin-top: 16px;
}

/* Fixed 50% basis: the card's left edge lines up with the centre divider
   of the social-proof bar above */
.page-template-woocommerce-product-filter-template .fetm-wpf-chart-wrap {
    flex: 0 0 50%;
    min-width: 0;
    max-width: 710px;
    margin: 0;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-chart-wrap svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Chart bottom-anchored to the copy column: the X axis sits on the baseline of
   list item 03, the last line of the column. The SVG keeps a fixed 573.6 x
   401.5px (viewBox 800x560, so scale 0.7169) and the X axis at viewBox y=506
   renders 362.8px below the SVG top, while that baseline is 407.5px below the
   column top — hence the 44.7px offset. align-items switches to flex-start so
   both columns start at the row top; with the default centring the row height
   depends on the chart, which then moves the very baseline it is measured
   against.
   Recompute the offset whenever the heading, the paragraph or the list changes
   its line count — those shift the baseline and nothing here notices.
   Scoped to the width where the row is at its full 1160px (1160 + 2x24px
   section padding): narrower than that the copy rewraps and the numbers stop
   holding, so the chart just goes back to filling its column. */
@media (min-width: 1208px) {
    .page-template-woocommerce-product-filter-template .fetm-wpf-pitch-row {
        align-items: flex-start;
    }

    .page-template-woocommerce-product-filter-template .fetm-wpf-chart-wrap svg {
        width: 573.6px;
        margin: 44.7px 0 0 auto;
    }
}

/* Pain bar between the social-proof bar and the pitch: pale-blue rounded
   card voicing the "visitors leave without a filter" problem */
.home .fetm-wpf-pain,
.page-template-woocommerce-product-filter-template .fetm-wpf-pain {
    display: flex;
    align-items: center;
    gap: 16px;
    width: calc(100% - 48px);
    max-width: 1160px;
    margin: 48px auto 0;
    padding: 48px;
    /* warm light yellow on purpose — every other card on these pages is a
       shade of blue, so the one pain sentence stands out (2026-08-06) */
    background: #FFF3CC;
    border-radius: 24px;
}

.home .fetm-wpf-pain svg,
.page-template-woocommerce-product-filter-template .fetm-wpf-pain svg {
    flex: none;
}

.home .fetm-wpf-pain p,
.page-template-woocommerce-product-filter-template .fetm-wpf-pain p {
    flex: 1 1 auto;
    max-width: 820px;
    margin: 0 auto;
    /* Sized like a heading, not body copy: this one sentence carries the
       whole pain the plugin solves, and at 22px it read as filler. */
    font-size: 28px;
    line-height: 160%;
    color: var(--fetm-text-color);
    text-align: center;
}

@media (max-width: 768px) {
    .home .fetm-wpf-pain,
    .page-template-woocommerce-product-filter-template .fetm-wpf-pain {
        padding: 28px 24px;
    }

    .home .fetm-wpf-pain p,
    .page-template-woocommerce-product-filter-template .fetm-wpf-pain p {
        /* Centring six short ragged lines on a phone is hard to read, so the
           mobile version drops to a flush-left block a step smaller. */
        font-size: 20px;
        text-align: left;
    }
}

/* Numbered advantage list under the pitch paragraph, badge colors match
   the hero check marks */
.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-list {
    list-style: none;
    margin: 28px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 20px;
    font-weight: 500;
    color: var(--fetm-text-color);
    text-align: left;
}

.page-template-woocommerce-product-filter-template .fetm-wpf-pitch-num {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #EEF2FF;
    color: var(--fetm-main-blue-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

@media (max-width: 1024px) {
    .page-template-woocommerce-product-filter-template .fetm-wpf-pitch-row {
        flex-direction: column;
        gap: 32px;
    }

    .page-template-woocommerce-product-filter-template .fetm-wpf-pitch-copy .fetm-h2-medium,
    .page-template-woocommerce-product-filter-template .fetm-wpf-pitch-copy .fetm-bubble-text {
        text-align: center;
    }

    /* Column content is centered on mobile; keep list rows left-aligned
       but center the list block itself */
    .page-template-woocommerce-product-filter-template .fetm-wpf-pitch-list {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
}

.page-template-woocommerce-product-filter-template .fetm-hero h1.fetm-h2-big {
    margin: 0 0 20px;
}

/* Objection-buster checks under the hero CTA buttons */
.page-template-woocommerce-product-filter-template .fetm-hero .fetm-hero-checks {
    margin-top: 28px;
}

/* Rating row and the 160,000+ social line */
.page-template-woocommerce-product-filter-template .fetm-hero .fetm-hero-li {
    font-size: 16px;
}

@media (min-width: 1025px) {
    .page-template-woocommerce-product-filter-template .fetm-hero h1.fetm-h2-big {
        font-size: 48px;
    }
}

/* ============================================================
   Pricing paid-only variant (template-parts/pricing-plans-v2-paid.php):
   three PRO cards without the Free column. Inherits all v2 card styles;
   only the desktop grid differs. Below 1000px the base v2 responsive
   rules (2 columns, then 1) apply as-is.
   ============================================================ */
@media (min-width: 1001px) {
    .fetm-price-grid-v2.fetm-price-grid-v2-paid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 1000px;
    }
}

/* Compatibility section: a wrapping row of round brand marks that replaced the
   single oversized screenshot. Landing only — the homepage still shows the
   image, so the base .fetm-compatibility img rule is left alone. */
.fetm-wpf-brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    /* 8 * 80px + 7 * 25px = 815px fits, a ninth would need 920px — so the
       14 marks split 8 + 6 */
    max-width: 840px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fetm-wpf-brand {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 2px 12px rgba(31, 32, 40, 0.12);
    cursor: help;
}

/* Marks that already carry their own coloured shape fill the circle edge to
   edge, so the circle takes the brand colour. The image is rounded itself
   rather than clipped by the parent — the parent has to stay unclipped so the
   tooltip below can escape it. */
.fetm-wpf-brand-bleed img {
    width: 80px;
    height: 80px;
    max-height: none;
    border-radius: 50%;
    object-fit: cover;
}

/* Compatibility tooltip, same look as the .fetm-help-tip bubbles on the
   pricing block. The sentence is composed in the template from the brand name. */
.fetm-wpf-brand::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: max-content;
    max-width: 200px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #1F2028;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.fetm-wpf-brand:hover::after,
.fetm-wpf-brand:focus-within::after {
    opacity: 1;
    visibility: visible;
}

/* Transparent marks sit centred on the white circle with room to breathe */
.fetm-wpf-brand-inset img {
    width: auto;
    height: auto;
    max-width: 42px;
    max-height: 42px;
}

@media (max-width: 768px) {
    .fetm-wpf-brands {
        gap: 14px;
    }

    /* the bigger circles are a desktop decision; phones stay at 64px */
    .fetm-wpf-brand {
        width: 64px;
        height: 64px;
    }

    .fetm-wpf-brand-bleed img {
        width: 64px;
        height: 64px;
    }

    .fetm-wpf-brand-inset img {
        max-width: 34px;
        max-height: 34px;
    }
}

/* The final CTA is the last thing on the page, so without this it sits
   straight on top of the footer. The mid-page "See Filtering in Action" block
   shares .fetm-demo, hence the extra class rather than a rule on .fetm-demo. */
/* Final CTA, ported from the free plugin's About PRO page (.wpc-pro-bnf-sect-8).
   Same two-column card and the same artwork; the geometry follows .fetm-wpf-pain
   above rather than the plugin's, so both cards on this page share one shape. */
.home .fetm-wpf-final-cta,
.page-template-woocommerce-product-filter-template .fetm-wpf-final-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: calc(100% - 48px);
    max-width: 1160px;
    margin: 0 auto 100px;
    padding: 48px 60px;
    background-color: var(--fetm-section5-3-bg-color);
    border-radius: 24px;
}

.home .fetm-wpf-final-cta-copy,
.page-template-woocommerce-product-filter-template .fetm-wpf-final-cta-copy {
    max-width: 500px;
}

.home .fetm-wpf-final-cta-copy p,
.page-template-woocommerce-product-filter-template .fetm-wpf-final-cta-copy p {
    margin: 14px 0 32px;
    line-height: 160%;
}

/* The artwork is a fixed-size raster (402x302 at 1x, @2x for retina), so it is
   never scaled up — it only shrinks if the column gets narrower than it. */
.home .fetm-wpf-final-cta-art,
.page-template-woocommerce-product-filter-template .fetm-wpf-final-cta-art {
    flex: 0 0 auto;
    line-height: 0;
}

.home .fetm-wpf-final-cta-art img,
.page-template-woocommerce-product-filter-template .fetm-wpf-final-cta-art img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 1024px) {
    .home .fetm-wpf-final-cta,
    .page-template-woocommerce-product-filter-template .fetm-wpf-final-cta {
        flex-direction: column;
        text-align: center;
        padding: 40px 24px;
        gap: 24px;
    }

    .home .fetm-wpf-final-cta-copy,
    .page-template-woocommerce-product-filter-template .fetm-wpf-final-cta-copy {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .home .fetm-wpf-final-cta,
    .page-template-woocommerce-product-filter-template .fetm-wpf-final-cta {
        margin-bottom: 56px;
    }
}

/* ============================================================
   Horizontal overflow fix (site-wide).
   The CookieYes preference modal (#ckyPreferenceCenter) is hidden by
   shifting it off-screen with a transform, but its fixed 845px inner box
   still widened the page on phones — enabling pinch-zoom-out and an
   accidental horizontal scroll. Keep it within the viewport, plus a
   safety net against any stray off-screen elements.
   ============================================================ */
.cky-modal .cky-preference-center {
    max-width: 100%;
}

html, body {
    overflow-x: clip;
}

/* --------------------------------------------------------------
   Changelog page (page-changelog.php) — CodeCanyon-style <pre>
   -------------------------------------------------------------- */
.page-template-page-changelog .fetm-changelog-pre {
    background: #F6F8FB;
    border: 1px solid var(--fetm-gray-medium-color);
    border-radius: 8px;
    padding: 24px;
    margin: 8px 0 48px;
    font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
    font-size: 14px;
    line-height: 1.65;
    color: var(--fetm-text-color);
    white-space: pre-wrap;
    word-break: break-word;
    overflow-x: auto;
    max-height: none;
}
.page-template-page-changelog .fetm-changelog-unavailable {
    color: #7B879C;
}
@media screen and (max-width: 768px) {
    .page-template-page-changelog .fetm-changelog-pre {
        padding: 16px;
        font-size: 13px;
    }
}

/* Get PRO header button: multicolor gradient border, unified with the demo site */
nav#site-navigation > ul#primary-menu > li:last-child > a {
    color: #FFFFFF;
    border: 2px solid transparent;
    background:
        linear-gradient(var(--fetm-main-blue-color), var(--fetm-main-blue-color)) padding-box,
        linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box;
}

.site-header-wrapper.sticky nav#site-navigation > ul#primary-menu > li:last-child > a {
    color: #FFFFFF;
    background:
        linear-gradient(var(--fetm-main-blue-color), var(--fetm-main-blue-color)) padding-box,
        linear-gradient(135deg, #FFB300 0%, #FF4D8D 35%, #A855F7 68%, #22D3EE 100%) border-box;
}

/* ==========================================================================
   My Account → Invoices tab (inc/invoices.php)
   ========================================================================== */
.woocommerce-account .fetm-invoices__intro { color: #4b5064; margin-bottom: 20px; }
.woocommerce-account .fetm-invoices__notice { background: #fff7e6; border: 1px solid #f5d28a; border-radius: 8px; padding: 16px 20px; margin-bottom: 24px; line-height: 1.6; }
.woocommerce-account .fetm-invoices__notice .button { display: inline-block; margin-top: 10px; }
.woocommerce-account .fetm-invoices__billto { background: #f5f6fa; border-radius: 8px; padding: 12px 16px; margin-bottom: 24px; font-size: 14px; line-height: 1.6; }
.woocommerce-account .fetm-invoices__billto .fetm-invoices__label { color: #6b7086; margin-right: 6px; }
.woocommerce-account .fetm-invoices__billto a { margin-left: 8px; white-space: nowrap; }
.woocommerce-account .fetm-invoices__table td, .woocommerce-account .fetm-invoices__table th { vertical-align: middle; }
.woocommerce-account .fetm-invoices__muted { color: #9aa0b4; }
.woocommerce-account .fetm-invoices__actions { white-space: nowrap; text-align: right; }
.woocommerce-account .fetm-invoices__actions .button { margin-left: 6px; padding: 8px 14px; font-size: 13px; }
.woocommerce-account .fetm-invoices__actions .button-secondary { background: transparent; color: #3858E9; border: 1px solid #3858E9; }
.woocommerce-account .fetm-invoices__hint { margin-top: 16px; font-size: 13px; color: #6b7086; }
@media (max-width: 768px) {
    .woocommerce-account .fetm-invoices__actions { text-align: left; white-space: normal; }
    .woocommerce-account .fetm-invoices__actions .button { margin: 6px 6px 0 0; }
}


/* ── Author entity: byline, author box, author page ── */
.fetm-blog-single .post-meta .post-author a {
    color: var(--fetm-main-blue-color);
    text-decoration: none;
}

.fetm-blog-single .post-meta .post-author a:hover {
    text-decoration: underline;
}

.fetm-author-box {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin: 48px 0 40px;
    padding: 24px;
    background: var(--fetm-bubble-text-bg-color);
    border-radius: 12px;
}

.fetm-author-box__photo {
    flex: none;
}

.fetm-author-avatar {
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.fetm-author-box .fetm-author-avatar {
    width: 72px;
    height: 72px;
}

.fetm-author-box__body p {
    margin: 0;
}

.fetm-author-box__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #7B879C;
}

.fetm-author-box__name {
    margin-top: 2px !important;
    font-size: 18px;
    font-weight: 600;
}

.fetm-author-box__name a {
    color: var(--fetm-text-color);
    text-decoration: none;
}

.fetm-author-box__name a:hover {
    color: var(--fetm-main-blue-color);
}

.fetm-author-box__text {
    margin-top: 8px !important;
    font-size: 15px;
    line-height: 1.5;
    color: var(--fetm-text-color);
}

.fetm-author-box__links {
    margin-top: 12px !important;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    font-size: 14px;
}

.fetm-author-box__links a {
    color: var(--fetm-main-blue-color);
    text-decoration: none;
}

.fetm-author-box__links a:hover {
    text-decoration: underline;
}

.fetm-author-hero {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    margin: 0 0 48px;
}

.fetm-author-hero__photo {
    flex: none;
}

.fetm-author-hero .fetm-author-avatar {
    width: 160px;
    height: 160px;
}

.fetm-author-hero__name {
    margin: 0 0 6px;
}

.fetm-author-hero__tagline {
    margin: 0 0 16px;
    font-size: 17px;
    color: #7B879C;
}

.fetm-author-hero__bio {
    font-size: 17px;
    line-height: 1.6;
}

.fetm-author-hero__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.fetm-author-hero__facts li {
    padding: 6px 14px;
    background: #EEF2FF;
    border-radius: 100px;
    font-size: 14px;
    color: var(--fetm-main-blue-color);
}

.fetm-author-hero__links {
    margin: 16px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
}

.fetm-author-hero__links a {
    color: var(--fetm-main-blue-color);
    text-decoration: none;
    font-weight: 500;
}

.fetm-author-hero__links a:hover {
    text-decoration: underline;
}

.fetm-author-posts-title {
    margin: 0 0 24px;
    font-size: 26px;
}

@media (max-width: 768px) {
    .fetm-author-box {
        flex-direction: column;
        gap: 14px;
        padding: 20px 16px;
    }

    .fetm-author-hero {
        flex-direction: column;
        gap: 20px;
    }

    .fetm-author-hero .fetm-author-avatar {
        width: 120px;
        height: 120px;
    }
}