/*!
Theme Name: apricotspace
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: apricotspace
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.

apricotspace 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 {
	height:100%;
	/*line-height: 1.15;*/
	-webkit-text-size-adjust: 100%;
	scrollbar-gutter: stable;
	scrollbar-width: thin;          /* Firefox */
	scrollbar-color: var(--secondary) var(--main);
}
html {

}

/* Chrome / Edge / Safari */
html::-webkit-scrollbar {
	width: 8px;
}

html::-webkit-scrollbar-thumb {
	background: var(--secondary);
}

html::-webkit-scrollbar-track {
	background: var(--main);
}
/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Montserrat", sans-serif;
	transition: all 0.3s ease;
	/*font-display: swap;*/
}
:root {
	--main: rgba(5, 0, 54, 1);
	--secondary: rgba(182, 146, 108, 1);
	--white: rgba(255, 255, 255, 1);
	--black: rgba(0, 0, 0, 1);
	--blue: rgba(33, 53, 138, 1);
	--gray: rgba(170, 170, 170, 1);
	--darkgray: rgba(63, 63, 63, 1);
	--darkergray: rgba(23, 23, 23, 1);
	--bggray: rgba(237, 237, 237, 1);
	--header-height: 120px;
}
body {
	width: 100%;
	background-color: #f9f9f9;
	transition: background-color 0.6s ease;
}

.bg-light{
	background-color: rgba(251, 251, 251,1);
}

body.menu-open .site-header a,
body.menu-open .site-header button{
	color: var(--white);
}
body.menu-open {
	overflow: hidden;
	background-color: var(--main);
	transition: background-color 0s ease;
}


.container{
	padding: 0 15px;
}

section.bg-main {
	background-color: var(--main);
	color: var(--white);
}
section.bg-main > *{
	color: rgba(255,255,255,0.8) !important;
}
section.bg-main a{
	color: rgba(255,255,255,0.8) !important;

}

section.bg-main .buttons a::before{
	border-left: 2px solid var(--secondary);
	border-bottom: 2px solid var(--secondary);
}
section.bg-main .buttons a::after{
	border-right: 2px solid var(--secondary);
	border-top: 2px solid var(--secondary);
}

section {
	background-color: transparent;
	transition: background-color 0.6s ease;

}

.bg-main {
	background-color: var(--main);
}
.bg-white{
	background-color: var(--white);
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1{
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	color: var(--main);
	margin-bottom: 10px;
}
h2 {
	font-weight: 400;
	font-size: 26px;
	line-height: 34px;
	color: var(--black);
	margin-bottom: 10px;
}
h3 {
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	color: var(--black);
	margin-bottom: 5px;
}

p,li{
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: var(--darkgray);
}

.entry-content p,
.entry-content ul,
.entry-content ol{
	margin-top: 20px;
}
.entry-content ul,
.entry-content ol{
	margin: 20px 25px;
}
.entry-content blockquote{
	display: flex;
	position: relative;
	padding: 0 5px;
	margin: 20px 10px 50px;
}
.entry-content blockquote p{
	position: relative;
	z-index: 10;
}

.entry-content blockquote::before{
	position: absolute;
	left:0;
	content:url("/wp-content/uploads/2026/01/quote_left.svg");
}
.entry-content blockquote::after{
	position: absolute;
	right:0;
	bottom: 0;
	content:url("/wp-content/uploads/2026/01/quote_right.svg");
}

.career-details-content h2,
.career-details-content h3 {
	margin: 20px 0 10px;
}
/* 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;
	text-decoration: none;
	transition: all 0.3s ease;
}

/**
 * 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: "Montserrat", sans-serif;
	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;
}
.buttons{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:24px;
	margin: 30px 0 50px;
}
/*.btn {*/
/*	font-weight: 700;*/
/*	font-size: 16px;*/
/*	line-height: 100%;*/
/*	padding: 21px 45px;*/
/*	position: relative;*/
/*	display: inline-flex;*/
/*	align-items: center;*/
/*	border:0;*/
/*	background-color: transparent;*/
/*}*/

/*.btn::before,*/
/*.btn::after {*/
/*	position: absolute;*/
/*}*/

/*.btn-main,*/
/*.btn-main:focus,*/
/*.btn-main:visited{*/
/*	color: var(--blue);*/
/*}*/

/*.btn-main::before {*/
/*	content: url('/wp-content/uploads/2026/01/before_blue.svg');*/
/*	left: 0;*/
/*	bottom:0;*/
/*}*/

/*.btn-main::after {*/
/*	content: url('/wp-content/uploads/2026/01/after_blue.svg');*/
/*	right: 0;*/
/*	top:0;*/
/*}*/
/*.btn-secondary,*/
/*.btn-secondary:focus,*/
/*.btn-secondary:visited{*/
/*	color: var(--secondary);*/
/*}*/
/*.btn-secondary::before {*/
/*	content: url('/wp-content/uploads/2026/01/before.svg');*/
/*	left: 0;*/
/*	bottom:0;*/
/*}*/

/*.btn-secondary::after {*/
/*	content: url('/wp-content/uploads/2026/01/after.svg');*/
/*	right: 0;*/
/*	top:0;*/
/*}*/



.btn {
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	padding: 21px 45px;
	position: relative;
	display: inline-flex;
	align-items: center;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

/* Both pseudo-elements share base styles */
.btn::before,
.btn::after {
	position: absolute;
	content: '';
	transition: width 0.3s ease, height 0.3s ease;
}

/* ::before handles BOTTOM-LEFT corner */
.btn::before {
	left: 0;
	bottom: 0;
	width: 50px;       /* resting corner size — match your SVG */
	height: 50px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	border-bottom-left-radius: 25px;
}

/* ::after handles TOP-RIGHT corner */
.btn::after {
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	border-top-right-radius: 25px;
}

/* On hover — grow to full size so they meet */
.btn:hover::before,
.btn:hover::after {
	width: 100%;
	height: 100%;
}

/* Colors */
.btn-main,
.btn-main:focus,
.btn-main:visited {
	color: var(--blue);
}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary:visited {
	color: var(--secondary);
}
.text-white{
	color: var(--white);
}
.text-secondary{
	color: var(--secondary) !important;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.opacity-6{
	opacity: 0.6;
}
.block{
	display: block;
}
.overflow-hidden{
	overflow: hidden;
}
/**
 * 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: border-box;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
#page{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
/* 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,
h3,
h4,
h5,
h6 {
	clear: both;
}

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
--------------------------------------------- */


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

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

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: 0;
}

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

/* Links
--------------------------------------------- */

a:focus,
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%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: #fff !important;
	-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
	transition: background-color 9999s ease-in-out 0s;
}
input:-webkit-autofill {
	filter: none;
}

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

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


body.menu-open {
	overflow: hidden;
}

.breadcrumb{
	width: 100%;
	margin: 15px 0 30px;
	display: flex;
	align-items: center;
}
.breadcrumb a{
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: var(--darkgray);
}
.breadcrumb span{
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: var(--gray);
}
.separator{
	display: inline-block;
	margin: 0 4px;
}
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.main-navigation ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 32px;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: var(--main);
	text-transform: capitalize;
	transition: color 0.2s ease;
}



/*.menu-toggle {*/
/*	border: 0;*/
/*	background: transparent;*/
/*	margin-left: 32px;*/
/*	cursor: pointer;*/
/*}*/
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 1001;
}

#masthead {
	/*position: relative;*/
	z-index: 1001;
}

.after-header-overlay {
	position: fixed;
	/*top: var(--header-height);*/
	top: 0;
	left: 0;
	width: 100%;
	/*height: calc(100vh - var(--header-height));*/
	height: 100vh;
	background: var(--main);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transform: scale(0.9); /* Start small */
	transform-origin: top center;
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
	transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
	visibility 0s 0.4s;
}

.after-header-overlay.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1); /* Zoom to full size */
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
	transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
	visibility 0s 0s;
}

/* Inner content also zooms */
.overlay-inner {
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 64px;
	padding: 164px 0 64px;
	opacity: 0;
	/*transform: scale(0.95);*/
	transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s,
	transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.after-header-overlay.active .overlay-inner {
	opacity: 1;
}


.menu-toggle {
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 8px;
	position: relative;
	z-index: 1002;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	/*transition: all 0.3s ease;*/
}

.menu-toggle.active {
	transform: rotate(180deg);
}

.menu-toggle .icon-open,
.menu-toggle .icon-close {
	display: block;
	width: 36px;
	height: 42px;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.menu-toggle .icon-open {
	opacity: 1;
	transform: scale(1);
}

.menu-toggle .icon-close {
	opacity: 0;
	transform: scale(2);
	position: absolute;
	top: 8px;
	left: 8px;
	pointer-events: none;
}

.menu-toggle.active .icon-open {
	opacity: 0;
	transform: scale(0.8);
}

.menu-toggle.active .icon-close {
	opacity: 1;
	transform: scale(2);
	pointer-events: auto;
}

.menu-toggle.scrolled {
	position: fixed;
	top: 25px;
	right: 10px;
	background: rgba(182, 146, 108, 0.48);
	border-radius: 50%;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.menu-toggle.scrolled svg {
	color: var(--white);
	width: 30px;
	height: 35px;
}
.menu-toggle.scrolled svg.icon-close{
	width: 28px;
	margin: 4px 7px;
}
.overlay-left {
	max-width: 471px;
}
.overlay-left .card-grid{
	margin-left: 20px;
	gap:30px;
}
.overlay-left .card-label{
    color: rgba(255, 255, 255, 0.5);
	font-size: 17px;
	font-weight: 500;
}
.overlay-left ul{
	margin-top: 70px;
}

.overlay-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.overlay-menu li {
	opacity: 0;
	transform: translateX(-20px);
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
	transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.after-header-overlay{
	padding-top: 44px;
}

.after-header-overlay.active .overlay-menu li {
	opacity: 1;
	transform: translateX(0);
}

/*.after-header-overlay.active .overlay-menu li:nth-child(1) { transition-delay: 0.1s; }*/
/*.after-header-overlay.active .overlay-menu li:nth-child(2) { transition-delay: 0.15s; }*/
/*.after-header-overlay.active .overlay-menu li:nth-child(3) { transition-delay: 0.2s; }*/
/*.after-header-overlay.active .overlay-menu li:nth-child(4) { transition-delay: 0.25s; }*/
/*.after-header-overlay.active .overlay-menu li:nth-child(5) { transition-delay: 0.3s; }*/
/*.after-header-overlay.active .overlay-menu li:nth-child(6) { transition-delay: 0.35s; }*/

.after-header-overlay.active .overlay-menu li {
	transition-delay: calc(var(--i) * 0.05s + 0.05s);
}
.overlay-menu a {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0;
	text-decoration: none;
	transition: transform 0.2s ease, color 0.2s ease;
}

.overlay-menu a:hover {
	transform: translateX(8px);
	color: #6b5cff;
}

.overlay-inner .card,
.overlay-inner .card figure,
.overlay-inner .card figure div{
	width: 200px;
	height: 200px;
}

/*.card-grid {*/
/*	display: grid;*/
/*	grid-template-columns:  1fr;*/
/*	gap: 24px;*/
/*}*/

/*.card {*/
/*	height: 140px;*/
/*	border-radius: 12px;*/
/*	background: linear-gradient(135deg, #6b5cff, #2d2b6f);*/
/*	!*opacity: 0;*!*/
/*	transform: scale(0.95);*/
/*	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),*/
/*	transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/*}*/

.after-header-overlay.active .card {
	opacity: 1;
	transform: scale(1);
}

.after-header-overlay.active .card:nth-child(1) { transition-delay: 0.1s; }
.after-header-overlay.active .card:nth-child(2) { transition-delay: 0.15s; }
.after-header-overlay.active .card:nth-child(3) { transition-delay: 0.2s; }
.after-header-overlay.active .card:nth-child(4) { transition-delay: 0.25s; }

.mobile-overlay-menu {
	display: none;
}

.desktop-overlay-content {
	display: block;
	text-align: right;
}

.overlay-inner ul{
	list-style-type: none;
	margin-left: 20px;

}
.overlay-inner a{
	display: inline-block;
	color: var(--white);
	font-size: 20px;
	font-weight: 400;
	padding: 13px 0;
	text-decoration: none;
	transition: transform 0.2s ease, color 0.2s ease;
}

.overlay-inner a:hover {
	transform: translateX(8px);
	color: var(--secondary);
}
/*.job-contaoner{*/
/*	margin: 50px 0 30px;*/
/*	padding-bottom: 30px;*/
/*}*/
.heading{
	margin: 50px 0 30px;
}
.jobs{

	display: flex;
	flex-direction: column;
	gap:20px;
	padding-bottom: 30px;
}
/* Card */
.job-card {
	border: 1px solid var(--gray);
	border-radius: 12px;
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

/* Text */
.job-card .btn{
	align-self: center;
}

.job-department {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px;
}

/* Meta */
.job-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin: 16px 0 0;
}

.job-meta span {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	line-height: 22px;
	color: var(--darkgray);
}

.job-meta svg {
	width: 16px;
	height: 16px;
}

.offer-section{
	background: var(--white);
	padding: 50px 0;
}


.offer-content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:20px;
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: var(--darkergray);
}

.offer-content h2{
	margin-bottom: 20px;
}
.offer-content img{
	border-radius: 12px;
	object-fit: cover;
	max-width: 100%;
	overflow: hidden;
}

.offer-content ul{
	list-style-type: none;
	margin: 0;
}
.offer-content p{
	margin-bottom: 20px;
}

/* DESKTOP */
@media (min-width: 993px) {
	.mobile-navigation {
		display: none;
	}
}


.entry-header + .entry-content h2:first-of-type{
	margin-top: 10px;
}

@media (max-width: 992px) {
	/*#site-navigation {*/
	/*	display: none;*/
	/*}*/

	/*.menu-toggle {*/
	/*	display: block;*/
	/*}*/

	/*.overlay-inner.container {*/
	/*	grid-template-columns: 1fr;*/
	/*	padding: 100px 0 10px;*/
	/*}*/

	.overlay-left .card-grid .card-label{
		font-weight: 500;
		font-size: 17px;
		line-height: 100%;
	}
	.overlay-left {
		display: none;
	}


	.desktop-overlay-content {
		display: none;
	}

	.mobile-overlay-menu {
		display: block;
	}


	.mobile-overlay-menu .contact-link {
		font-size: 22px;
		font-weight: 600;
		margin-top: 24px;
	}



}

@media screen and (max-width: 767px){
	#site-navigation {
		display: none;
	}

	.menu-toggle {
		display: block;
	}

	.overlay-inner.container {
		grid-template-columns: 1fr;
		padding: 100px 0 10px;
	}
}

/* MOBILE - hide desktop menu */
/*@media (max-width: 992px) {*/
/*	.main-navigation ul {*/
/*		display: none;*/
/*	}*/
/*}*/
/*@media screen and (min-width: 37.5em) {*/

/*	.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;
}

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

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

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

/* 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;
}

.wp-block-image{
	border-radius: 14px;
	overflow: hidden;
}

.wp-block-image img{
	width: 100%;
	object-fit: cover;
}
.wp-block-image.size-large{
	max-height: 578px;
	overflow: hidden;
}
.wp-block-columns-is-layout-flex{
	gap:24px;
	margin: 50px 0;
}
.wp-block-columns-is-layout-flex figure{
	border: 1px solid rgba(214, 214, 214, 1);
	border-radius: 12px;
	overflow: hidden;
	height: 341px;
}
.wp-block-columns-is-layout-flex img{
	min-height: 100%;
}
/* 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;
}

.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;
}

/* 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;
}
.site-header{
	position: relative;
	z-index: 100;
	padding: 31px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
}

body.menu-open .site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--main);
	border: 0;
	z-index: 10000;
	transition: position  0s;
}
body.menu-open {
	padding-top: var(--header-height);
}
.header-light{
   border-bottom: 0;
}

.header a,
.header a:focus,
.header a:visited,
.menu-toggle,
.menu-toggle:focus,
.menu-toggle:visited{
	color: var(--main);
}

.header-light a,
.header-light a:focus,
.header-light a:visited,
.header-light .menu-toggle,
.header-light .menu-toggle:focus,
.header-light .menu-toggle:visited{
	color: var(--white);
}

.main-navigation a:hover,
body.menu-open .main-navigation a:hover{
	color: var(--secondary);
}
/* start book a meeting styles*/
.book-meeting,
.contact-info{
	padding: 40px 0;
}
.book-meeting-content,
.contact-info-content{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

body.single .book-meeting,
.page-template-default .book-meeting,
.page-template-contact-php .book-meeting{
	margin-top: 30px;
}
.contact-info-content h2{
	max-width: 250px;
}
.book-meeting-content .buttons{
	margin: 30px 0 0;
}
.book-meeting.bg-main {
	background: var(--main);
	transition: all 0.6s ease;
}
.book-meeting.bg-main *:not(.btn){
	color: var(--white);
	transition: all 0.8s ease;}
.text-left{
	font-weight: 200;
	font-size: 18px;
	line-height: 28px;
	color: var(--black);
}
.text p{
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	color: var(--black);
	margin-bottom: 16px;
}

/* end book a meeting styles*/

.contact-information{
	margin: 30px 0 20px;
}
.contact-information p,
.contact-information a {
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	color: var(--darkergray);
}
.contact-information p{
	margin-bottom: 10px;
}
.contact-image{
	margin: 20px 0 0;
}
.contact-image img{
	width: 100%;
	object-fit: cover;
	max-height: 410px;
}
.top-content{
	display: flex;
	flex-direction: column;
}
.top-content p{
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
    color: var(--darkgray);
}
.top-content div:last-child{
	max-width: 518px;
}

.section{
	background: url('/wp-content/uploads/2026/01/icon_bg.svg') no-repeat 11px  top var(--bggray);
	background-size: 100%;
	padding: 80px 0;
}

.split-layout {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
/*body.body-bg-main {*/
/*	background-color: var(--main);*/
/*}*/

.body-bg-main .menu-toggle.scrolled{
	background-color: rgba(182, 146, 108, 0.48);
}
.body-bg-main section.bg-main *{
	color: var(--white);
}
.application-section.bg-main{
	padding: 50px 0;
}
.body-bg-main section.bg-main .application-container *{
	color: var(--black);
}
.body-bg-main section.bg-main .application-container .btn-main{
	color:var(--main);
}

.split-right {
	/*width: calc(100% - 30px);*/
	margin-left: auto;
}
.section-label {
	margin-bottom: 20px;
}

.section-text {
	font-weight: 200;
	font-size: 24px;
	line-height: 30px;
}

.more-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 37px;
	margin-top: 20px;
	/*padding: 0 24px;*/
	text-decoration: none;
	color: var(--secondary);
	font-size: 14px;
	min-width: 37px;
	transition: min-width .35s ease;
	overflow: hidden;
}

/* ---------- Icon ---------- */
.more-link-icon {
	position: absolute;
	width: 13px;
	height: 22px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 1;
	transition: opacity .25s ease, transform .25s ease;
}

.more-link-icon::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('/wp-content/uploads/2026/02/icon_more.svg') center / contain no-repeat;
}

/* ---------- Text ---------- */
.more-link-text {
	white-space: nowrap;
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity .50s ease .1s, transform .50s ease .1s;
}

/* ---------- Borders ---------- */
.more-link::before,
.more-link::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 37px;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

.more-link::before {
	left: -2px;
	bottom: -5px;
	background: url('/wp-content/uploads/2026/02/more_before.svg') left center / contain no-repeat;
}

.more-link::after {
	right: -2px;
	top: -6px;
	background: url('/wp-content/uploads/2026/02/more_after.svg') right center / contain no-repeat;
}

/* ---------- HOVER STATE ---------- */
.more-link:hover,
.more-link:focus-visible {
	min-width: 100px;
}

.more-link:hover .more-link-icon,
.more-link:focus-visible .more-link-icon {
	opacity: 0;
	transform: translateX(-50%) scale(0.6);
}

.more-link:hover .more-link-text,
.more-link:focus-visible .more-link-text {
	opacity: 1;
	transform: translateX(0);
}

.split-left .more-link {
	opacity: 0.6;
}

.card-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px 40px;
}

.card {
	height: 290px;
	width: 290px;
	position: relative;
	border-radius: 14px;

}
.card figure{
	position: relative;
	width: 100%;
	max-width: 100%;
}
.card figure div{
	border-radius: 14px;
	overflow: hidden;
	position: relative;
	height: 290px;
	/*width: 298px;*/
}
.card-light{
	background: rgba(129, 118, 118, 1);
}
.card-light2{
	background: rgba(141, 125, 120, 1);
}

/* Modifier, not meaning */
.card-dark {
	background: rgba(23, 19, 62, 1);
}
.card-dark2 {
	background: rgba(27, 24, 62, 1);
}

.card-light img{
	position: absolute;
	bottom: -188px;
	left: 41px;
	min-width: 463px;
	transition: transform 0.9s ease;
	transform-origin: center;
}
.card:hover img {
	transform: rotate(-40deg) translateY(-10px);
}
.card-dark img{
	position: absolute;
	top: -54px;
	right: -58px;
	min-width: 200px;
	transition: transform 0.9s ease;
	transform-origin: center;
}

.card-light2 img{
	position: absolute;
	top: -16px;
	left: -184px;
	min-width: 635px;
	transition: transform 0.9s ease;
	transform-origin: center;
}

.card-dark2 img{
	position: absolute;
	top: -302px;
	right: -65px;
	min-width: 580px;
	transition: transform 0.9s ease;
	transform-origin: center;
}
/* Card label */
.card-label {
	position: absolute;
	left: -30px;
	bottom: 0;
	display: inline-block;
	height: 100%;
	max-height: 100%;
	font-weight: 500;
	font-size: 26px;
	line-height: 1.1;
	color: rgba(0, 0, 0, 0.5);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.card-label .trademark {
	display: inline-block;
	font-size: 0.58em;
	line-height: 1;
	/*transform: translateY(-0.16em);*/
	transform: translateY(0.1em);
	position: absolute;

}
/*.overlay-left .card-label{*/
/*	max-height: 180px;*/
/*}*/
.home-top{
	margin-top: -120px;
	padding-top: 120px;
	transition: border-radius 0.6s, background-color 0.6s;
	/*background-color: var(--main) ;*/
	border-bottom-right-radius: 50px;
}
.body-bg-main .home-top,
.home-top.bg-light{
	border-bottom-right-radius: 0
}
.home-top.bg-light *{
	color: var(--black) !important;
}
.home-top.bg-light .text-secondary{
	color: var(--secondary) !important;
}
.home-top-content{
	padding-top: 140px;
	text-align: right;
}
.home-top-content h1{
	margin-bottom: 0;
}
.home-top-content h1+strong{
	display: block;
	margin: 3px 0 10px;
	font-weight: 400;
	font-size: 30px;
	line-height: 38px;
}
.home-top p{
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	margin-top: 86px;
	max-width: 920px;
}
.page-error{
	background-color: var(--bggray);
}
.page-error .book-meeting{
	background-color: var(--white);
}

.error-404{
	background: url("/wp-content/uploads/2026/01/bg_404.jpg") no-repeat center;
	background-size: cover;
	border-bottom-right-radius: 50px;
	padding: 120px 0 46px;
	margin-top: -120px;
	text-align: center;
}
.logo-marquee {
	overflow: hidden;
	width: 100%;
	padding: 50px 0 30px;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.logo-marquee.is-dragging {
	cursor: grabbing;
}

.marquee-track {
	display: flex;
	gap: 56px;
	will-change: transform;
	flex-wrap: nowrap;
	align-items: center;
	width: max-content;
	transform: translate3d(0, 0, 0);
}

.marquee-track a,
.marquee-track span{
	display: block;
	flex: 0 0 auto;
	min-width: 150px;
}


.marquee-track img {
	object-fit: contain;
}

/* start footer styles*/
.site-footer{
	margin-top: auto;
	background: var(--main);
	padding: 40px 0 20px;
}
.site-footer a,
.site-footer span{
	color: var(--white);
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}
.site-footer .copyright{
	font-weight: 200;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
	color: var(--white);
}
.footer-info{
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-bottom:30px;
}
.footer-info div:last-child{
	min-width: 0;
}
.footer-col,
.footer-info ul{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.footer-info  ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer-social{
	display: flex;
	gap:43px;
	align-items: center;
}
.subscribe-form >div{
	display: flex;
	align-items: center;
	gap: 13px;

}
.subscribe-message{
	font-weight: 200;
	font-size: 12px;
	line-height: 23px;
	color: var(--white);
}
.subscribe-form .submit-btn{
	background: transparent;
	padding: 0;
	border: 0;
}
.subscribe-form input{
	background: transparent;
	min-width: 250px;
	border: 0;
	padding: 13px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	color: var(--white);
}
.subscribe-form input:focus,
.subscribe-form input:focus-visible{
	outline: 0;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
/* end footer styles*/
input::placeholder,
textarea::placeholder {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5);
}

/* Firefox */
input::-moz-placeholder,
textarea::-moz-placeholder {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5);
}

/* Internet Explorer 10–11 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5);
}

/* Microsoft Edge (legacy) */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.5);
}

.link-right{
	text-align: center;
	margin: 20px 0 30px;
}

body.project-modal-open {
	overflow: hidden;
}

.project-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.project-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.project-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}

.project-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(1340px, 100%);
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	background: linear-gradient(160deg, #080f2f 0%, #050a20 100%);
	border-radius: 16px;
	padding: 72px 24px 40px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

.project-modal__dialog h2 {
	font-weight: 500;
	font-size: 42px;
	line-height: 1.08;
	text-align: center;
	color: var(--white);
	margin-bottom: 44px;
}

.project-modal__notice {
	margin: -50px auto 44px;
	padding: 10px 14px;
	border-radius: 8px;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}

.project-modal__notice.is-success {
	color: rgba(132, 222, 132, 1);
}

.project-modal__notice.is-error {
	background: rgba(255, 117, 117, 0.18);
	color: #ffd6d6;
}

.project-modal__close {
	position: absolute;
	top: 22px;
	right: 22px;
	width: 63px;
	height: 34px;
	border: 0;
	background: transparent;
	padding: 0;
	cursor: pointer;
	background: url("/wp-content/uploads/2026/01/close.svg") no-repeat;
}

/*.project-modal__close::before,*/
/*.project-modal__close::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	top: 20px;*/
/*	left: 5px;*/
/*	width: 32px;*/
/*	height: 1px;*/
/*	background: rgba(255, 255, 255, 0.9);*/
/*}*/

/*.project-modal__close::before {*/
/*	transform: rotate(45deg);*/
/*}*/

/*.project-modal__close::after {*/
/*	transform: rotate(-45deg);*/
/*}*/

.project-modal__form {
	display: flex;
	flex-direction: column;
}

.project-modal__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 26px;
}

.project-modal__field {
	display: block;
	margin: 0;
}

.project-modal__field span {
	display: block;
	margin-bottom: 4px;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.78);
}

.project-modal__field input,
.project-modal__field textarea {
	width: 100%;
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.9);
	background: transparent;
	padding: 0 0 15px;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.2;
	color: var(--white);
	outline: none;
}

.project-modal__field input:focus,
.project-modal__field textarea:focus {
	border-bottom-color: var(--white);
}

.project-modal__field input.field-invalid,
.project-modal__field textarea.field-invalid {
	border-bottom-color: #ff8f8f;
}

.project-modal__field textarea {
	resize: vertical;
	min-height: 100px;
}

.project-modal__field input::placeholder,
.project-modal__field textarea::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.project-modal__error {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.35;
	color: #ffd6d6;
}

.project-modal__actions {
	display: flex;
	justify-content: center;
	margin-top: 34px;
}

.project-modal__captcha {
	display: flex;
	/* justify-content: center; */
	margin-top: 24px;
}

.project-modal__captcha .cf-turnstile {
	min-height: 65px;
}

.project-modal__captcha.field-invalid {
	padding-bottom: 6px;
}

.project-modal__form-message {
	margin-top: 14px;
	font-size: 14px;
	line-height: 1.35;
	color: #ffd6d6;
}

.apricotspace-form-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.project-modal__submit {
	display: inline-block;
	/*position: relative;*/
	/*border: 0;*/
	/*background: transparent;*/
	/*padding: 12px 14px;*/
	/*font-weight: 700;*/
	/*font-size: 17px;*/
	/*line-height: 1;*/
	/*color: var(--secondary);*/
	/*cursor: pointer;*/
}

/*.project-modal__submit::before,*/
/*.project-modal__submit::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	width: 70px;*/
/*	height: 70px;*/
/*	border-color: var(--secondary);*/
/*	border-style: solid;*/
/*	pointer-events: none;*/
/*}*/

/*.project-modal__submit::before {*/
/*	left: 0;*/
/*	bottom: 0;*/
/*	border-width: 0 0 2px 2px;*/
/*	border-bottom-left-radius: 36px;*/
/*	transform: translate(-16px, 16px);*/
/*}*/

/*.project-modal__submit::after {*/
/*	right: 0;*/
/*	top: 0;*/
/*	border-width: 2px 2px 0 0;*/
/*	border-top-right-radius: 36px;*/
/*	transform: translate(16px, -16px);*/
/*}*/

/*.project-modal__submit:hover,*/
/*.project-modal__submit:focus-visible {*/
/*	color: rgba(255, 255, 255, 0.88);*/
/*}*/


.portfolio-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

/*.portfolio-item.is-large figcaption a{*/
/*	max-width: 300px;*/
/*}*/

.portfolio-link{
	display: block;
	border-radius: 20px;
	overflow: hidden;
}
.portfolio-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	transition: transform 0.5s ease;
}

.portfolio-item:hover .portfolio-link img {
	transform: scale(1.05);
}

.portfolio-item figcaption {
	padding: 8px 0 0;
	font-size: 14px;
	color: var(--black);
}
.portfolio-item figcaption a{
	font-weight: 200;
	font-size: 24px;
	line-height: 30px;
    color: var(--black);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	max-width: 220px;
}



.portfolio-tags{
	margin-top: 30px;
}
.portfolio-tags ul{
	border-top: 1px solid var(--secondary);
	list-style-type: none;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px;
	margin: 0;
	padding: 10px 28px 0 0;
}

.tags-list a{
	display: inline-block;
	text-transform: capitalize;
	white-space: nowrap;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--secondary);
	text-decoration: underline;
}

.tags-list li:not(:last-of-type)::after {
	content: ",";
	margin: 0 2px;
	color: var(--secondary);
}

.entry-content a{
	color: var(--secondary);
	text-decoration: underline;
}
.single-post .entry-meta a,
.single-post .entry-meta a:visited,
.single-post .entry-footer a,
.single-post .entry-footer a:visited{
	color: var(--secondary);
	text-decoration: underline;
}
.tags-list a:hover,
.entry-content a:hover,
.single-post .entry-meta a:hover,
.single-post .entry-footer a:hover{
	color: #93510C;
}
.cat_industry{
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap:10px 24px;
	margin: 20px 0 30px;
	border-bottom:1px solid rgba(229, 231, 235, 1);
}
.cat_industry div a,
.cat_industry .cat_industry-link{
	display: flex;
	align-items: center;
	gap:8px;
}
.cat_industry span {
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: var(--darkgray);
}

.post-thumbnail{
	margin: 30px 0;
}
.post-thumbnail img{
	display: block;
	width: 100%;
}

.single-post .post-thumbnail,
.single-portfolio .post-thumbnail,
.single-product .post-thumbnail,
.single-solution .post-thumbnail,
.page .post-thumbnail,
.single-post .entry-content figure,
.single-portfolio .entry-content figure,
.single-product .entry-content figure,
.single-solution .entry-content figure,
.page .entry-content figure,
.about-us .recognition-image,
.contact-image {
	overflow: hidden;
}

.single-post .post-thumbnail img,
.single-portfolio .post-thumbnail img,
.single-product .post-thumbnail img,
.single-solution .post-thumbnail img,
.page .post-thumbnail img,
.single-post .entry-content figure img,
.single-portfolio .entry-content figure img,
.single-product .entry-content figure img,
.single-solution .entry-content figure img,
.page .entry-content figure img,
.about-us .recognition-image img,
.contact-image img,
.about-us .story-right img {
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.single-post .post-thumbnail:hover img,
.single-portfolio .post-thumbnail:hover img,
.single-product .post-thumbnail:hover img,
.single-solution .post-thumbnail:hover img,
.page .post-thumbnail:hover img,
.single-post .entry-content figure:hover img,
.single-portfolio .entry-content figure:hover img,
.single-product .entry-content figure:hover img,
.single-solution .entry-content figure:hover img,
.page .entry-content figure:hover img,
.about-us .recognition-image:hover img,
.contact-image:hover img,
.about-us .story-right img:hover {
	transform: scale(1.05);
}

.site-main p:has(> img:only-child) {
	border-radius: 8px ;
	overflow: hidden;
}

.site-main p > img:only-child {
	display: block;
	width: 100%;
	border-radius: 8px;
}
/* Filter Menu Styles */
.filter-container {
	margin: 34px 0 20px;
}

.filter-nav {
	display: flex;
	gap: 15px;
	position: relative;
	/*overflow-x: auto;*/
}

/*.filter-item {*/
/*	position: relative;*/
/*}*/

.filter-trigger {
	background: transparent;
	border: 0;
	cursor: pointer;
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: #000;
	display: flex;
	align-items: center;
	gap: 5px;
	transition: all 0.3s ease;
}

.filter-trigger:hover {
	opacity: 0.7;
}

.filter-trigger.active {

}

.filter-trigger::after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.3s ease;
}

.filter-trigger.active::after {
	transform: rotate(180deg);
}

/* Level 1 Menu */
.filter-menu {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	background: white;
	border: 1px solid rgba(229, 231, 235, 1);
	border-radius: 10px;
	box-shadow:
			0 1px 2px -1px rgba(0, 0, 0, 0.1),
			0 1px 3px 0 rgba(0, 0, 0, 0.1);
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1000;
}

.submenu-trigger{
	background: transparent;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	font-size: 15px;
	line-height: 23px;
}
.filter-item.active .filter-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.filter-menu-item {
	position: relative;
	padding: 12px 16px;
	cursor: pointer;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background 0.2s ease;
	font-size: 15px;
	line-height: 23px;
}
.filter-menu-item:first-child:hover{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.filter-menu-item:last-child:hover{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.filter-menu-item:last-child {
	border-bottom: none;
}

.filter-menu-item:hover {
	background: rgba(170, 170, 170, 0.25);
}

.filter-menu-item .submenu-trigger::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	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='M6 4L10 8L6 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}
.filter-menu-item.submenu-open > .submenu-trigger::after {
	transform: rotate(90deg);
}

/* Level 2 & 3 Submenus */
.submenu {
	position: absolute;
	top: 0;
	left: calc(100% + 5px);
	background: white;
	border: 1px solid rgba(229, 231, 235, 1);
	border-radius: 10px;
	box-shadow:
			0 1px 3px rgba(0, 0, 0, 0.1),
			0 0px 0px rgba(0, 0, 0, 0.1);
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-10px);
	transition: all 0.3s ease;
	z-index: 1001;
}

/*.filter-menu-item:hover > .submenu {*/
/*	opacity: 1;*/
/*	visibility: visible;*/
/*	transform: translateX(0);*/
/*}*/

/* Grid Layout - Mobile First */
.feed-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	padding-bottom: 20px;
}

.feed-grid-item {
	overflow: hidden;
	transition: transform 0.3s ease;
	position: relative;
}

.blog-post-item{
	border-radius: 14px;
	overflow: hidden;
	display: block;
}

.blog-post-item img{
	display: block;
	width: 100%;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.blog-post-item:hover img{
	transform: scale(1.05);
}

.feed-grid-item:hover {

	/* transform: translateY(-4px); */
}

.feed-grid-item figure {
	margin: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.feed-grid-item img {
	width: 100%;
	height: 285px;
	object-fit: cover;
	display: block;
}

.feed-grid-posts .feed-grid-item figure > a {
	display: block;
	overflow: hidden;
}

.feed-grid-posts .feed-grid-item img {
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.feed-grid-posts .feed-grid-item:hover figure img {
	transform: scale(1.05);
}

.feed-grid-item figcaption {
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.feed-grid-item h2 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
	color: var(--black);
	font-weight: 200;
}
.feed-grid-item h2 a{
	color: currentColor;
}
.feed-grid-item figcaption  div{
	margin-top: auto;
}

.read-more {
	display: inline-flex;
	align-items: center;
	gap:8px;
	color: var(--secondary);
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	transition: color 0.3s ease;
}

/*.read-more::after {*/
/*	content: url("/wp-content/uploads/2026/01/more.svg");*/
/*	padding-left: 8px;*/
/*}*/
/*h2.wp-block-heading{*/
/*	color: var(--secondary);*/
/*}*/
.feed-grid-item:hover .read-more {
	color: #93510C;
}
.single-career h1+h2,
.solution-archive h1+h2,
.product-archive h1+h2{
	margin-bottom: 30px;
}
.section-white{
	background-color: var(--white);
	padding: 50px 0;
}
.section-white a{
	color: var(--secondary);
	text-decoration: underline;
}
.section-white a:hover{
	color: #93510C;
}
.error404 h1{
	font-weight: 400;
	font-size: 15px;
	margin: 18px 0 5px;
	color: var(--white);
}
.error404 h1+strong{
	display: block;
	font-weight: 600;
	font-size: 28px;
	line-height: 43.99px;
	color: var(--white);
}

.error-page{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.error-page img{
	position: relative;
	z-index: 10;
	margin: -10px auto -55px;
}
.stats-section {
	margin: 30px 0 50px;
	user-select: none;
}

.stats-container {
	/*border-top: 2px solid var(--secondary);*/
	/*border-bottom: 2px solid var(--main);*/
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	text-align: center;
	user-select: none;
	padding: 42px 0 48px;
	/*background: linear-gradient(*/
	/*		to bottom,*/
	/*		rgba(182, 146, 108, 0.05),*/
	/*		rgba(0, 0, 0, 0),*/
	/*		rgba(33, 53, 138, 0.08)*/
	/*);*/
}
.stat-number {
	display: block;
	font-size: 35px;
	line-height: 56px;
	font-weight: 600;
	color: var(--main);
}

.stat-text {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--darkergray);
	margin-top: 10px;
}
.industries-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 20px 0 10px;
}
a.industries-item{
	list-style-position: inside;
	border-radius: 8px;
	border:1px solid var(--gray);
	padding: 16px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--darkergray);
	text-decoration: none;
	display: block;
	transition: color 0.5s,border-color 0.5s;
}
a.industries-item::before{
	content: '';
	display: inline-block;
	border-radius: 20px;
	width: 6px;
	height: 6px;
	background-color: var(--black);    position: relative;
	top: -2px;
	margin-right: 4px;

}
/*.industries-item .industries-item-link{*/
/*	display: block;*/
/*	color: inherit;*/
/*	text-decoration: none;*/
/*}*/
.industries-item:hover{
	color: var(--secondary);
	text-decoration: none;
	border-color: var(--secondary);
}
.industries-item:hover::before{
	background-color: var(--secondary);
}
/* Benefits Section - Mobile First */
.benefits-section {
	padding: 60px 0 50px;
}

.benefits-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.benefit-item h3 {
	font-size: 18px;
	line-height: 23px;
	font-weight: 500;
	margin-bottom: 5px;
	color: var(--black);
}

.benefit-item p {
	font-size: 16px;
	line-height: 24px;
	color: var(--darkgray);
	font-weight: 400;
}

/* Application Section - Mobile First */

.application-container {
	padding: 20px 10px;
	background: var(--white);
	border: 1px solid rgba(214, 214, 214, 1);
	border-radius: 12px;
	margin-bottom: 50px;
}

.application-section h2,
.application-section h2+p{
	margin-bottom: 12px;
}

/*.application-section > .container > p {*/
/*	font-size: 14px;*/
/*	color: #666666;*/
/*	margin-bottom: 30px;*/
/*}*/

.form-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin-bottom: 0;
}

.form-group {
	margin-bottom: 20px;
}

label {
	display: block;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	color: var(--darkergray);
	margin-bottom:9px;
}

#applicationForm  input[type="text"],
#applicationForm  input[type="email"],
#applicationForm  input[type="tel"],
#applicationForm  input[type="url"],
#applicationForm  textarea {
	width: 100%;
	padding: 16px;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid var(--gray);
	border-radius: 4px;
	color: var(--darkergray);
	transition: border-color 0.2s ease;
	outline: none;
}

#applicationForm input::placeholder,
#applicationForm textarea::placeholder {
	color: rgba(10, 10, 10, 0.5);
}

#applicationForm  input:focus,
#applicationForm  textarea:focus {
	border-color: var(--main);
}

#applicationForm input.field-invalid,
#applicationForm textarea.field-invalid,
#applicationForm .file-upload-wrapper.field-invalid {
	border-color: #f04d4d;
}

#applicationForm .form-error-message {
	margin: 3px 16px 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 100%;
	color: rgba(220, 0, 0, 1);
}

#applicationForm textarea {
	min-height: 100px;
	resize: vertical;
}

.file-upload-wrapper {
	border: 1px solid var(--gray);
	border-radius: 4px;
	padding: 33px 20px;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s ease;
	position: relative;
}

.file-upload-wrapper:hover {
	border-color: #999999;
}

.file-upload-wrapper input[type="file"] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}

.upload-icon {
	width: 40px;
	height: 40px;
	margin: 0 auto 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upload-text {
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	color: var(--darkgray);
	margin-bottom: 4px;
}

.upload-subtext {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: var(--gray);
}

.checkbox-group {
	display: flex;
	align-items: flex-start;
	/*flex-wrap: wrap;*/
	gap: 10px;
	margin: 24px 0 30px;
}

#applicationForm .form-captcha {
	display: flex;
	/* justify-content: center; */
	margin-bottom: 22px;
}

#applicationForm .form-captcha .cf-turnstile {
	min-height: 65px;
}

#applicationForm .checkbox-group.field-invalid .checkbox-label {
	color: #f04d4d;
}

input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
	margin-top: 2px;
}
input[type="checkbox"]::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url('/wp-content/uploads/2026/02/checkbox.svg');
	background-size: contain;
	background-repeat: no-repeat;
}


/* Checked state */
 input[type="checkbox"]:checked::before {
	background-image: url('/wp-content/uploads/2026/02/checkbox_checked.svg');
}

/*!* Focus state for accessibility *!*/
/*.checkbox-group input[type="checkbox"]:focus-visible {*/
/*	outline: 2px solid #B6926C;*/
/*	outline-offset: 2px;*/
/*}*/

.checkbox-label {
	font-size: 14px;
	color:var(--darkergray);
	line-height: 21px;
	font-weight: 400;
}

.submit-btn {
	/*padding: 12px 32px;*/
	/*font-size: 15px;*/
	/*font-weight: 500;*/
	/*color: #ffffff;*/
	background: transparent;
	border: none;
	/*border-radius: 6px;*/
	/*cursor: pointer;*/
	/*transition: background-color 0.2s ease;*/
	/*width: 100%;*/
}

#applicationForm .form-submit-message {
	margin-top: 14px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

#applicationForm .form-submit-message.is-success {
	color: #2e7d32;
}

#applicationForm .form-submit-message.is-error {
	color: #f04d4d;
}

/*.submit-btn:hover {*/
/*	background: #0052a3;*/
/*}*/

/*.submit-btn:active {*/
/*	background: #004080;*/
/*}*/
/* ===== STORY ===== */
.story {
	padding: 30px 0 50px;
}

.story-wrap {
	display: grid;
	/*gap: 5px;*/
}

.small-label{
	display: block;
	font-size: 20px;
	line-height: 26px;
	margin: 10px 0 30px;
	color: var(--secondary);
}

.story h3 {
	margin-bottom: 20px;
}

.story p {
	margin: 20px 0;
}

.story-right img {
	display: block;
	object-fit: cover;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

/* ===== PROCESS ===== */
.process {
	/*background: var(--main);*/
	padding: 56px 0 50px;
}
.process p{
	color: var(--white);
	opacity: 0.7;
}
.process h2+p{
   margin: 20px 0 30px;
	opacity: 0.6;
}
.process hr{
	display: none;
}

.process-list {
	display: grid;
	gap: 40px;
	margin-top: 40px;
}


.process-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background-color: var(--secondary);
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: var(--main);
}

.process-item h3 {
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	margin: 20px 0 10px;
}

.process.bg-light *{
	color: var(--black);
}
.recognition {
	padding: 50px 0;
}

.recognition-wrap {
	display: flex;
	gap: 20px;
	flex-direction: column;
}

.recognition-image{
	border-radius: 10px;
	overflow: hidden;

}
.recognition-image img {
	width: 100%;
	display: block;
	object-fit: cover;
}

.recognition-content h3 {
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 34px;
	color: var(--black);
}

.recognition-content ul {
	padding-left: 20px;
	margin: 0;
}
.recognition-content li::marker {
	color: var(--secondary);
}

.recognition-content li {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 28px;
	color: var(--black);
}
.recognition-content li a{
	color: currentColor;
	transition: color 0.3s ease;
}
.recognition-content li a:hover{
	color: var(--secondary);
}
.home-portfolio{
	padding: 50px 20px 50px 0;
	background: url('/wp-content/uploads/2026/01/icon_bg.svg') no-repeat right -5px;
	background-size: 100%;
}
.slider {
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	overflow: hidden;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
	padding: 8px  24px;
	margin-top: 20px;
}

.slider:active { cursor: grabbing; }

/* ── Track ── */
.slider ul {
	display: flex;
	/*gap: 21px;*/
	will-change: transform;
	list-style: none;
	margin: 0;
}

/* ── Slides — mobile first: 1 + half peek ── */
.slider li {
	flex: 0 0 255px;
	width: 255px;
	margin-right: 21px;
}

/* ── figure ── */
#sliderTrack figure {
	overflow: hidden;
}


/* ── image wrapper div inside figure ── */
#sliderTrack figure > a {
	display: block;
	position: relative;
	width: 100%;
	height: 257px;
	max-width: 257px;
	overflow: hidden;
	border:1px solid var(--gray);
	border-radius: 8px;
	z-index: 10000;
}

#sliderTrack figure > a::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.25) 0%, transparent 50%);
	pointer-events: none;
}

#sliderTrack figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	pointer-events: none;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.slider li:hover figure img { transform: scale(1.05); }

/* ── figcaption ── */
#sliderTrack figcaption { padding: 8px 0 0; }

#sliderTrack figcaption a {
	display: block;
	font-size: 20px;
	line-height: 1.25;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	letter-spacing: 0.005em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.2s;
}

#sliderTrack figcaption a:hover { color: var(--main); }

#sliderTrack figcaption a::after {
	content: ' ↗';
	font-size: 0.7em;
	opacity: 0;
	display: inline-block;
	transition: opacity 0.2s, transform 0.2s;
}

.slider li:hover figcaption a::after {
	opacity: 1;
	transform: translateX(2px);
}


#sliderTrack figcaption a:focus-visible {
	outline: 2px solid var(--main);
	outline-offset: 3px;
	border-radius: 4px;
}
.section-build{
	padding: 50px 0;
	position: relative;
	/*overflow: hidden;*/
}
.section-build.bg-light *{
  color: var(--black) !important;
}
.section-build.bg-light .solution-title{
	color: rgba(255,255,255,0.6) !important;
}
.section-build-content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap:30px;
}
.more a{
	display: inline-block;
	color: var(--black);
	background: url("/wp-content/uploads/2026/02/arrow_more.svg") no-repeat right center;
	padding-right: 53px;
}


/*.solution{*/
/*	width: 100%;*/
/*	height: 297px;*/
/*	filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.25));*/
/*	background:url("/wp-content/uploads/2026/02/solution_bg.svg") no-repeat right bottom rgba(27, 24, 62, 1);*/
/*	background-size: contain;*/
/*	color: var(--white);*/
/*	border-radius: 8px;*/
/*	transition: background-position 0.9s ease, background-size 0.9s ease;*/
/*	will-change: background-position, background-size;*/

/*}*/
.solutions-list{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: transform 0.4s cubic-bezier(.4,0,.2,1);
	gap:30px;
	flex-grow: 1;
	width: 100%;
}
.solution-card {
	position: relative;
	overflow: hidden;

	width: 100%;
	height: 297px;
	filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.25));
	background-color: rgba(27, 24, 62, 1);

	color: var(--white);
	border-radius: 8px;
}
.solution-card::after {
	content: "";
	position: absolute;
	inset: -10%;

	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;

	transform: rotate(-35deg) translateY(-10px);
	transition: transform 0.9s ease,background-size 0.9s ease;

	z-index: 0;
}
.solution-card > * {
	position: relative;
	z-index: 1;
}

.solution-card h3 {
	padding: 13px 10px;
	color: currentColor;
	opacity: 0.6;
}
.solution-card a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 200;
	font-size: 24px;
	line-height: 30px;
	color: var(--white);
}
/*.solution-bg {*/
/*	display: inline-block;*/
/*	background-repeat: no-repeat;*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*}*/

/* 1, 4, 7, 10... */
.solution-card:nth-child(3n + 1)::after {
	background-image: url("/wp-content/uploads/2026/02/solution_bg.svg");
	transform: rotate(2deg) translateY(-24px);
	background-size: 95%;
}

/* 2, 5, 8, 11... */
.solution-card:nth-child(3n + 2)::after {
	background-image: url("/wp-content/uploads/2026/02/solution_bg2.svg");
	background-size: 100%;
	transform: rotate(-13deg) translateY(-73px);
}

/* 3, 6, 9, 12... */
.solution-card:nth-child(3n)::after {
	background-image: url("/wp-content/uploads/2026/02/solution_bg3.svg");
	transform: rotate(-3deg) translateY(-26px);
	background-size: 155%;
}
/*.solution:hover::after {*/
/*	transform: rotate(10deg) translateY(10px);*/
/*}*/


.post-share{

	margin: 38px 0 50px;
}
.post-share-button{
	display: flex;
	align-items: center;
	gap:8px;
	color: var(--main);
}

.post-share-button:hover{
	color:var(--secondary);
}
.entry-content h2,
.entry-content h3{
	margin-top: 20px;
}
@media screen and (min-width:360px)  {
	.subscribe-form input{
		min-width: 270px;
	}
	.entry-content h2,
	.entry-content h3{
		margin-top:30px;
	}
}
@media screen and (min-width:576px)  {
	.container{
		/*width: calc(100% - 30px);*/
		margin: 0 auto;
	}
	.career-details-content h2,
	.career-details-content h3 {
		margin: 35px 0 15px;
	}
	.solution-card:nth-child(3n + 1)::after {
		transform: rotate(2deg) translateY(-24px);
		background-size: 65%;
	}

	.solution-card:nth-child(3n + 2)::after {
		background-size: 95%;
		transform: rotate(-8deg) translateY(-91px);
	}

	.solution-card:nth-child(3n)::after {
		transform: rotate(11deg) translateY(-28px);
		background-size: 102%;
	}
	.job-meta {
		flex-direction: row;
		align-items: center;
		gap:24px;
	}

	.footer-col,
	.footer-info ul{
		gap: 14px;
	}
	.footer-info{
		grid-template-columns: repeat(2,1fr);
	}
	.card-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.card{
		width: 235px;
		height:235px;
	}
	.card figure div{
		height: 235px;
	}
}
@media screen and (min-width:640px)  {
	.portfolio-item > a,
	.portfolio-item div{
		height: 100%;
	}
	.slider li { flex: 0 0 255px; }
	.buttons{
		flex-direction: row;
		gap: 25px;
	}
	.book-meeting-content .buttons{
		gap: 32px;
	}
	.portfolio-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 250px;
		gap: 21px;
	}

	.portfolio-link,
	.portfolio-link img{
		border-radius: 14px;
	}

	.portfolio-item {
		display: flex;
		flex-direction: column;
	}
	.stats-container {
		grid-template-columns: repeat(2, 1fr);
	}

	/* tall items */
	/*.portfolio-item.is-large {*/
	/*	grid-row: span 2;*/
	/*}*/
	.feed-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.industries-container {
		flex-direction: row;
		flex-wrap: wrap;
		gap:24px 20px;
	}
	a.industries-item {
		flex: 1 1 calc(50% - 10px);
		padding: 14px;
		font-size: 14px;
	}
	.application-container{
		padding: 20px;
	}
	.form-row{
		grid-template-columns: repeat(2, 1fr);
		gap:12px;
	}

}
@media screen and (min-width:768px)  {
	h1{
		font-size: 36px;
		line-height: 44px;
	}
	h2 {
		font-size: 30px;
		line-height: 38px;
	}
	h3 {
		font-size: 22px;
		line-height: 30px;
	}
	p,li{
		font-size: 16px;
		line-height: 24px;
	}
	.main-navigation ul{
		gap: 70px;
	}
	.solution-card:nth-child(3n + 1)::after {
		transform: rotate(2deg) translateY(-24px);
		background-size: 65%;
	}

	.solution-card:nth-child(3n + 2)::after {
		background-size: 95%;
		transform: rotate(-8deg) translateY(-91px);
	}

	.solution-card:nth-child(3n)::after {
		transform: rotate(11deg) translateY(-28px);
		background-size: 102%;
	}
	.portfolio-grid {
		grid-auto-rows: 350px;
	}
	.project-modal {
		padding: 24px;
	}
	/*.project-modal__dialog {*/
	/*	padding: 84px 48px 50px;*/
	/*}*/
	.project-modal__dialog h2 {
		/*font-size: 68px;*/
		margin-bottom: 52px;
	}
	.project-modal__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 44px 40px;
	}
	.project-modal__field--full {
		grid-column: 1 / -1;
	}
	.project-modal__actions {
		margin-top: 44px;
	}
	/*.project-modal__submit {*/
	/*	font-size: 40px;*/
	/*	padding: 20px 54px;*/
	/*}*/
	.project-modal__close {
		top: 26px;
		right: 26px;
	}
	.project-modal__form{
		padding: 0 40px;
	}

	.process {
		padding: 80px 0;
	}
	.section-build{
		padding: 80px 0;
	}
	.process h2+p{
		padding-bottom: 30px;
	}
	.process hr{
		display: block;
		background-color: var(--secondary);
		margin: 0 0 -70px 0;
	}
	.process-list {
		grid-template-columns: repeat(4, 1fr);
	}
	.recognition{
		padding: 80px 0;
	}
	.recognition-wrap {
		flex-direction: row;
		gap: 30px;
	}
	.recognition-image{
		border-radius: 14px;
		max-width: 400px;
	}

	.recognition-content h3 {
		margin: 52px 0 36px;
	}
	.recognition-content ul{
		padding-left: 26px;
	}
	body.single .book-meeting,
	.page-template-default .book-meeting,
	.page-template-contact-php .book-meeting{
		margin-top: 60px;
	}
	.nav-menu{
		display: flex;
		align-items: center;
		gap: 50px;
	}
	.menu-toggle{
		margin-left: 50px;
	}
	.stats-section{
		margin: 20px 0 80px;
	}
	.stats-container {
		grid-template-columns: repeat(4, 1fr);
	}

	.top-content div:last-child{
		margin-left: auto;
	}
	.book-meeting-content,
	.contact-info-content {
		flex-direction: row;
	}
	.book-meeting-content div:first-child,
	.contact-info-content div:first-child{
		min-width: 370px;
	}
	.book-meeting-content .buttons{
		margin: 50px 0 0;
	}
	.site-footer a{
		font-size: 15px;
		line-height: 23px;
	}
	.subscribe-form input{
		min-width: auto;
	}

	.job-card {
		flex-direction: row;
		justify-content: space-between;
		padding: 31px 30px;
	}
	.job-department {
		margin: 11px 0 21px;
	}
	.job-card .btn{
		align-self: flex-start;
	}

	.section{
		background-position: -34px -5px;
		background-size: 60%;
	}
	.link-right{
		text-align: right;
		margin: 30px 0 50px;
	}
	.feed-grid {
		gap:20px;
	}
	.filter-nav{
		gap:30px;
	}
	.filter-container {
		margin: 50px 0 30px;
	}
	.feed-grid-item figcaption{
		padding-top: 15px;
	}
	.single-career h1+h2,
	.solution-archive h1+h2,
	.product-archive h1+h2{
		margin-bottom: 50px;
	}
	.entry-content h2,
	.entry-content h3{
		/* margin-top: 50px; */
	}
	.career-details-content h2,
	.career-details-content h3{
		margin: 50px 0 20px;
	}
	.product-info{
		padding: 80px 0;
	}
	a.industries-item {
		padding: 16px;
		font-size: 16px;
	}
	.benefits-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 40px;
	}
	.benefit-item p {
		max-width: 484px;
	}

	.application-container {
		padding: 60px;
	}

	.form-row {
		gap: 24px;
		margin-bottom: 20px;
	}

	.submit-btn {
		width: auto;
	}
	.checkbox-group {
		gap: 20px;
		margin: 24px 0 40px;
	}
	.filter-menu-item:hover > .submenu {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		left:100%;
	}

	/* Shared dropdown panel */
	.filter-nav {
		position: relative;
	}

	.filter-menu {
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		width: 100%;
		max-width: 420px;
		overflow: visible; /* 🔥 critical */
	}

	/* Allow fly-out submenus */
	.filter-menu {
		overflow: visible; /* 🔥 CRITICAL */
		transition-delay: 0.05s;
	}
	.home-portfolio{
		padding: 80px 24px 80px 0;
		background: url('/wp-content/uploads/2026/01/icon_bg.svg') no-repeat 44px top;
		background-size: 59%;
	}

}

@media screen and (min-width:992px)  {
	.container{
		width: 960px;
		padding: 0;
	}

	.portfolio-item.is-large {
		grid-row: span 2;
	}
	.portfolio-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 230px;
		gap: 21px;
	}

	/* LARGE on the LEFT - force to row 1 */
	.portfolio-item.is-left {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
	}

	/* LARGE on the RIGHT - force to row 3 */
	.portfolio-item.is-right {
		grid-column: 3 / 5;
		grid-row: 3 / 5;
	}
	.main-navigation ul{
		gap: 80px;
	}
	.overlay-inner.container{
		padding: 164px 0 64px;
	}
	.menu-open header.scrolled .main-navigation a:hover {
		color: var(--secondary);
	}
	.solution-card h3{
		padding: 30px;
	}
	.solution-card a{
		font-size: 30px;
		line-height: 100%;
	}
	#sliderTrack figcaption a{
		font-size: 18px;
		line-height: 1.25;
		color: var(--black);
	}
	.slider {
		padding: 8px 0 8px max(24px, calc((100vw - 960px) / 2 + 2px));
	}
	.section-build-content{
		flex-direction: row;
	}
	.content-left{
		max-width: 300px;
	}
	h2{
		margin-bottom: 20px;
	}
	.error404 h1{
		margin: 0 0 10px;
	}
	.error-page img{
		margin: -64px auto 0;
	}
	.nav-menu{
		gap: 60px;
	}
	.menu-toggle{
		margin-left: 60px;
	}
	.book-meeting{
		padding: 100px 0;
	}
	.contact-info{
		padding: 50px 0 0;
	}
	.site-footer{
		padding: 60px 0 20px;
	}
	.footer-info{
		grid-template-columns: repeat(3,1fr);
	}
	.split-layout{
		flex-direction: row;
	}

	.offer-content {
		font-size: 16px;
		line-height: 24px;
		flex-direction: row;
		gap: 30px;
	}
	.offer-content div:first-child{
		max-width: 514px;
	}
	.split-left {
		max-width: 380px;
	}

	.split-right {
		width: calc(100% - 430px);
		margin-left: auto;
	}
	.card-grid{
		gap:20px;
	}
	.top-content{
		flex-direction: row;
		justify-content: space-between;
	}
	.top-content p{
		max-width: 518px;
		padding-top: 10px;
	}
	.story {
		padding: 80px 0 110px;
	}
	.story-wrap {
		grid-template-columns: 1fr 2fr;
		align-items: start;
		gap: 32px;
	}
	.small-label{
		font-size: 24px;
		line-height: 30px;
	}
	.story h3 {
		margin-bottom: 30px;
		font-size: 30px;
		line-height: 36px;
	}
	.recognition-image{
		max-width: 507px;
	}
	.recognition-content h3 {
		margin-bottom: 36px;
		font-size: 34px;
		line-height: 42px;
	}
	.recognition-content li{
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 26px;
	}

}

@media (min-width: 1024px) {
	.main-navigation ul{
		gap: 60px;
	}

	.application-container{
		margin-bottom: 100px;
	}
	body.menu-open header.scrolled .main-navigation{
		margin-right: 140px;
	}
	.about-us h1{
		max-width: 498px;
	}
	.section-build{
		min-height: 775px;
	}
	.overlay-inner {
		padding-top: 165px;
	}
	.menu-toggle.scrolled {
		right: calc((100vw - 960px) / 2 + 2px);
	}
	.desktop-overlay-content a {
		font-size: 28px;
		line-height: 34px;
	}
	.overlay-left ul li a{
		font-size: 20px;
		padding: 5px 0;
	}


	.portfolio-tags{
		margin-top: 50px;
	}
	.post-thumbnail{
		margin: 30px 0 50px;
	}

	.feed-grid-item h2{
		font-size: 24px;
		line-height: 30px;
	}
	.entry-content blockquote{
		margin: 20px 30px 50px;
	}
	.benefits-section {
		padding: 50px 0 80px;
	}

	.benefits-section h2 {
		font-size: 36px;
	}

	.application-container {
		padding: 60px 60px 80px;
	}

	.home-portfolio{
		background-position: -40px top;
		background-size: 70%;
	}
	.section-build {
		position: relative;
	}

	.section-build-content {
		display: flex;
		/*gap: 4rem;*/
		align-items: flex-start;
	}

	/* LEFT – sticky */
	.content-left {
		position: sticky;
		top: 40px;
	}

	/* RIGHT – sticky viewport showing 2 items */
	.solutions-viewport {
		/*flex: 1;*/
		/*position: sticky;*/
		/*top: 10px;*/
		/*overflow: hidden;*/
		/*flex: 1;*/
	}

}

@media screen and (min-width:1366px)  {
	.container{
		width: 1126px;
	}
	.portfolio-item figcaption a{
		max-width: 255px;
	}
	.portfolio-item.is-large figcaption a{
		max-width: 520px;
	}

	.section-build-content{
		gap: 50px;
	}
	.story-left{
		max-width: 417px;
	}
	.story-right{
		width: 100%;
	}
	.card-grid{
		gap: 20px 40px;
	}
	.overlay-left .card-grid{
		gap:20px 38px;
	}
	.main-navigation ul{
		gap: 100px;
	}
	body.menu-open header.scrolled .main-navigation{
		margin-right: 160px;
	}
	body.menu-open header.scrolled .main-navigation a{
		transition: transform 0.2s ease, color 0.2s ease;
	}
	body.menu-open header.scrolled .main-navigation a:hover{
		transform: translateX(8px);
		color: var(--secondary);
	}
	.menu-toggle.scrolled {
		right: calc((100vw - 1126px) / 2 + 2px);
	}
	.post-share{
		margin: 38px 0 80px;
	}
	.solution-card {
		width: 697px;
		/*background-size: 110%;*/
	}
	.solution-card:nth-child(3n + 1)::after{
		background-size: 50%;
	}
	.solution-card:nth-child(3n)::after {
		transform: rotate(0deg) translateY(-1px);
		background-size: 100%;
		inset: -1%;
	}
	.solution-card:hover::after {
		transform: rotate(3deg) translateY(1px);
	}
	.solution-card:nth-child(3n):hover::after {
		transform: rotate(-5deg) translateY(10px);
	}
	.project-modal__dialog {
		padding: 90px 48px 54px;
	}

	.home-portfolio{
		background-position: -20px top;
		background-size: 60%;
	}
	.slider {
		padding-left: max(24px, calc((100vw - 1140px) / 2 + 10px));
	}
	.slider li {
		flex: 0 0 257px;
		max-width: 257px;
	}

	.content-left{
		max-width: 400px;
	}
	h1{
		font-size: 42px;
		line-height: 52px;
	}
	h2 {
		font-size: 34px;
		line-height: 42px;
	}

	.nav-menu{
		gap: 80px;
	}
	.menu-toggle{
		margin-left: 80px;
	}
	.top-content div:last-child{
		width: 518px;
	}
	.book-meeting{
		/*margin-top: 90px;*/
		padding: 150px 0 60px;
	}
	/*.contact-info-content{*/
	/*	margin-bottom: 90px;*/
	/*}*/
	 body.single .book-meeting,
	.page-template-default .book-meeting,
	.page-template-contact-php .book-meeting{
		margin-top: 60px;
		padding: 90px 0 60px;
	}

	.text-left{
		font-size: 24px;
		line-height: 30px;
	}
	.text p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.subscribe-form input{
		min-width: 280px;
	}
	.jobs{
		padding-bottom: 80px;
	}
	.offer-section{
		padding: 80px 0;
	}
	.offer-content ul{
		margin-left: 24px;
	}
	.offer-content{
		gap: 60px;
	}
	.offer-content img{
		max-height: 284px;
	}
	.contact-information p,
	.contact-information a {
		font-size: 16px;
		line-height: 31px;
	}
	.split-layout{
		gap:52px;
	}
	.portfolio-grid {
		grid-auto-rows: 258px;
	}
	.card,
	.card figure,
	.card figure div{
		width: 298px;
		height: 298px;
	}
	.process-list{
		gap: 33px;
	}
	.split-right{
		width: auto;
	}


}
@media screen and (min-width:1520px)  {
	.section{
		background-position: 180px -5px;
		background-size: 45%;
	}
	.split-left{
		max-width: 654px;
	}


	.home-portfolio{
		background-position: 200px top;
		background-size: 45%;
	}
}
@media screen and (min-width:1920px)  {
	.container{
		width: 1380px;
	}
	.section-build-content{
		gap: 80px;
	}
	.content-left{
		min-width: 602px;
	}

	.menu-toggle.scrolled {
		right: calc((100vw - 1380px) / 2 + 2px);
	}

	.slider {
		padding-left: max(24px, calc((100vw - 1400px) / 2 + 10px));
	}
	.nav-menu{
		gap: 100px;
	}
	.menu-toggle{
		margin-left: 100px;
	}
	.home-portfolio {
		background-position: 100px top;
		background-size: 43%;
	}
	/*.split-left {*/
	/*	max-width: 654px;*/
	/*}*/
	.book-meeting{
		padding: 150px 0 80px;
	}
	.offer-content{
		gap: 80px;
	}
	.contact-information{
		margin: 50px 0 20px;
	}

}
@media (max-width: 767px) {
	.filter-container {
		margin: 20px 0;
	}
	.filter-menu-item{
		flex-direction: column;
		align-items: flex-start;
	}

	.filter-menu {
		width: 100%;
		max-width: none;

	}

	/* Submenus become collapses */
	.submenu {
		position: static;          /* 🔑 KEY FIX */
		left: auto;
		top: auto;
		min-width: 100%;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: none;             /* collapsed by default */
		box-shadow: none;
		border: 0;
		margin-left: 16px;         /* visual nesting */
	}

	/* Open state */
	.filter-menu-item.submenu-open > .submenu {
		display: block;
	}

	/* Disable hover logic on mobile */
	.filter-menu-item:hover > .submenu {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
}

@media (max-width: 479px) {
	/*figure > div { height: 255px; }*/
	.wp-block-columns-is-layout-flex figure{
		height: 204px;
	}
}
button{
	cursor: pointer;
}

button:focus,
a:focus{
	outline: 0;
}


/* paginationn */

.pagination {
	margin: 20px 0 0;
	display: flex;
	justify-content: center;
}
.pagination-list {
	list-style: none;
	display: flex;
	gap: 8px;
	padding: 0;
	margin-bottom: 50px;
}
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	min-width: 38px;
	height: 38px;
	border: 1px solid rgba(209, 213, 220, 1);
	border-radius: 10px;
	background: #fff;
	color: var(--black);
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.pagination .page-numbers.current {
	background: var(--main);
	color: var(--white);
	border-color: var(--main);
}
.pagination .page-numbers:hover {
	border-color: var(--main);
}
.pagination .page-numbers.dots {
	border: 0;
	background: transparent;
	min-width: auto;
	padding: 0 6px;
}

.booking-kit_spotlist-list_0926a88e.booking-kit_spotlist-list-is-tablet-up_97f4c69d{
	max-height: 350px !important;
}

.archive-term-description{
	margin: 30px 0 30px;
}

.tax-portfolio_tag h1{
	margin: 30px 0 50px;
}

.portfolio_page_text_content{
	margin-bottom: 30px;
}