/* Add your custom styles here... */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*Fonts */
@font-face {
    font-family: "Oatmeal";
    src: url("../fonts/Oatmeal Sans Light.woff2") format("woff2"),
         url("../fonts/Oatmeal Sans.ttf") format("truetype"); 
    font-weight: 400;
	font-display: swap;
}


:root {
	/* Map to Elementor System Colors */
	--primary: var(--e-global-color-primary, #000);
    --secondary: var(--e-global-color-secondary, var(--wire-cyberpunk));
    --text: var(--e-global-color-text, #000);
    --accent: var(--e-global-color-accent, var(--wire-cyberpunk));

    /* You must find the specific ID for each from the front-end */
    --wire-magenta: var(--e-global-color-016c6f6, #FF0091); 
    --wire-purple: var(--e-global-color-92fcb8e, #C800FF);
    --wire-yellow: var(--e-global-color-c21bde2, #FFFF00);
    --wire-turquoise: var(--e-global-color-b8f4702, #00DFFF);

	--wire-cyberpunk: #37FF14;

	--h1-font-size: 70px;
	--h2-font-size: 50px;
	--h3-font-size: 40px;
	--h4-font-size: 30px;
	--h5-font-size: 25px;
	--h6-font-size: 20px;
	--paragraph-size: 18px;
	--paragraph-size-small: 16px;
	--font-family: 'Oatmeal', sans-serif;
	--content-center: 1040px;

	--margin-bottom-section: 175px;
	--margin-bottom-small-section: 75px;

	--content-spacing: calc((100vw - var(--content-center))/2);
}

.elementor-element.elementor-element-c1a4103.e-con-full.e-flex.e-con.e-child {
	background-color: var(--widgets-spacing);
}

body { 
	-webkit-text-size-adjust: none;
	font-family: var(--font-family);
	line-height: 1.4;
	color: var(--paragraph);
	font-weight: 400;
	font-style: normal;
}
ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em {	font-style: italic;}
strong{	font-weight:700;	}
* {
    box-sizing: border-box !important;
    outline: none !important;
}
a {	text-decoration: none; }
p , .wpb_text_column ul , .wpb_text_column ol{margin-bottom:20px;}
p:last-child {
	margin-bottom: 0;
}
img {
	max-width: 100%;
	height: auto;
}
.alignright, .alignleft , .aligncenter{
	padding: 5px 10px;
}
input[type="text"],
input[type="email"],
input[type="submit"],
textarea,
.contact--fields select,
input[type="tel"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea,
button {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
}
.bg-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/*Transition Effect*/

/*.main-menu-holder, .header-burger span, .menu-container .menu li a, .header-container .sub-menu a::before, .header-side-container-wrapper,
.close-search-bar svg, .header-search-bar, body::before, .gform_wrapper .gform-footer .arrow, .custom-button,  .custom-button-arrow,
.circles-section-item .circles-inner, .faq-icon span, .faq-icon, .icon-box-info-hidden, .icon-box-item, .icon-box-title, .slick-dots button,
 .icon-box-info, .icon-box-image svg path, .icon-box-image svg, .slick-arrow, .page-list-wrapper .page-list-item, .cta-section-popup, .elementor-button.elementor-button-link::before{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}*/
/* Transition Effect */

.main-menu-holder,
.header-side-container-wrapper,
.header-search-bar,
body::before,
.icon-box-info-hidden,
.cta-section-popup {
	transition: opacity 0.3s ease-in-out,
		visibility 0.3s ease-in-out,
		transform 0.3s ease-in-out,
		top 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out,
		visibility 0.3s ease-in-out,
		-webkit-transform 0.3s ease-in-out,
		top 0.3s ease-in-out;
}

.header-burger span,
.gform_wrapper .gform-footer .arrow,
.custom-button-arrow,
.elementor-button.elementor-button-link::before,
.animate, .gform_button.button {
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
/* changed 28.05 */
.bounce {
	transition: transform 0.5s cubic-bezier(.46,.03,.52,.96), opacity 0.5s ease-in, height 0.3s ease-in-out, padding 0.3s ease-in-out;
	will-change: transform, opacity, height, padding;
}
a {
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.alignright{
	float:right;
}
.alignleft{
	float:left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*animation*/
.animate, .bounce {
	opacity: 0 !important;
}
.animate.start, .bounce.start {
	opacity: 1 !important;
}
/* Force visibility inside the Elementor Editor */
.elementor-editor-active .bounce, 
.elementor-editor-active .animate {
    opacity: 1 !important;
}
.elementor-editor-active .services-boxes-list .services-box-item::before {
	height: 100%;
}
.elementor-editor-active
.elementor-editor-active .list-box-section .list-box-item {
	padding: 9px 0;
}

.fade-right{
	transform:translateX(50px);
}
.fade-left{
	transform:translateX(-50px);
}
.fade-bottom{
	transform:translateY(50px);
}
.fade-top{
	transform:translateY(-50px);
}
.fade-bottom.start,
.fade-top.start{
	transform:translateY(0);
}
.fade-left.start,
.fade-right.start{
	transform:translateX(0);
}

.bounce-top{
	transform: translateY(50px);
}
.bounce-top-large{
	transform: translateY(100px);
}
.bounce-top.start{
	transform: translateY(0);
}
.bounce-bottom{
	transform: translateY(-50px);
}
.bounce-bottom.start{
	transform: translateY(0);
}
/* changed 28.05 */
.show-top {
	transform: translateY(150px);
	transition: transform 0.5s cubic-bezier(.46,.03,.52,.96), opacity 0.1s cubic-bezier(1,0,0,1), height 0.3s cubic-bezier(1,0,0,1), padding 0.3s cubic-bezier(1,0,0,1);
}
.animate{
	transition-duration: 0.3s;
	transition-property: opacity, transform;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: opacity, -webkit-transform;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-duration: 0.3s;
	-moz-transition-property: opacity, -moz-transform;
	-moz-transition-timing-function: ease-in-out;
}

.delay1, .testimonial-slider .slick-slide[data-slick-index="1"]{
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.delay2, .testimonial-slider .slick-slide[data-slick-index="2"]{
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.delay3, .testimonial-slider .slick-slide[data-slick-index="3"]{
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;	
	transition-delay: 0.2s;
}
.delay4, .testimonial-slider .slick-slide[data-slick-index="4"]{
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.delay5, .testimonial-slider .slick-slide[data-slick-index="5"]{
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.delay6, .testimonial-slider .slick-slide[data-slick-index="6"]{
	-webkit-transition-delay: 0.35s;
	-moz-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.delay7, .testimonial-slider .slick-slide[data-slick-index="7"]{
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.delay8, .testimonial-slider .slick-slide[data-slick-index="8"]{
	-webkit-transition-delay: 0.45s;
	-moz-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.content-center {
	display: block;
	width: 100%;
	max-width: var(--content-center);
	margin: 0 auto;
}

/*
element {
	font-size: var(--h2-font-size);
	color: var(--dark-gold);
}*/

.main-website-content {
	padding-top: 100px;
}

.admin-bar .main-website-content {
	padding-top: 132px;
}

/*404*/
.not-found {
	text-align: center;
	margin:  0 0 70px;
}
.not-found a {
	color: var(--e-global-color-accent, var(--wire-cyberpunk));
	text-decoration: underline;
}
.not-found span {
	color: var(--e-global-color-accent, var(--wire-cyberpunk));
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
}
.not-found h1 {
	font-size: 140px;
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-bottom: 20px;
}
.clearfix::after {
	content: '';
	display: table;
	clear: both;
}
body img{
	display: block;
}
h1{
	font-size: var(--h1-font-size);
}
h2{
	font-size: var(--h2-font-size);
}
h3{
	font-size: var(--h3-font-size);
}
h4{
	font-size: var(--h4-font-size);
}
h5{
	font-size: var(--h5-font-size);
}
h6{
	font-size: var(--h6-font-size);
}

/*Added*/

/*section.elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap.elementor-element-populated, .elementor-page .elementor-element{
	padding: 0 !important;
}*/

/* Letter spacing for typographic elements */

/* Headings, s1, quotes - 2% letter-spacing */
h1,
h2,
blockquote {
	letter-spacing: 2%;
}

/* For main copy, explore, filter - 4% letter-spacing */
/* Assuming .copy, .explore, .filter as classnames; adjust selectors as needed */
p {
	letter-spacing: 4%;
}


/*header*/
.masthead {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* Feedback 1.0: trebuie > .settings-header-zone — altfel burger (z-index intern) rămâne sub filtre */
	z-index: 110;
	pointer-events: none;
}
.page-template-works-template .masthead, .tax-work_category .masthead{
	background-color: transparent;
	transition: background-color 0.3s ease-in-out;
}
.scrolling.page-template-works-template .masthead, .scrolling.tax-work_category .masthead {
	/* background-color: #fff; */
}
/* Feedback 1.0: nu pointer-events:all pe tot masthead — blochează .settings-header-zone de dedesubt */
.masthead .header-actions,
.masthead .header-burger,
.masthead .nav-panel,
.masthead .back-to-works,
.masthead .back-to-works .back-link {
	pointer-events: auto;
}
.header-actions {
	display: flex;
	justify-content: flex-end;
	padding: 50px 0 0;
	position: relative;
}

.header-burger {
	width: 50px;
	height: 50px;
	border-radius: 5px;
	background: var(--e-global-color-accent, var(--wire-cyberpunk));
	cursor: pointer;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 14px;
	border-radius: 8px;
	pointer-events: all;
	position: relative;
}
.header-burger span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	margin-bottom: 5px;
	border-radius: 10px;
	cursor: pointer;
	pointer-events: none;
}
.header-burger span:last-child{
	margin-bottom:0;
}
.header-burger.open span:nth-child(2){
	opacity:0; 
}
.header-burger.open span:first-child {
	transform: rotate(45deg) translate(5px,5px);
	-webkit-transform: rotate(45deg) translate(5px,5px);
	-moz-transform: rotate(45deg) translate(5px,5px);
}
.header-burger.open span:last-child {
	transform: rotate(-45deg) translate(4px,-4px);
	-webkit-transform: rotate(-45deg) translate(4px,-4px);
	-moz-transform: rotate(-45deg) translate(4px,-4px);
}
.main-menu-holder {
	position: fixed;	left: -100%;	top: 0;	width: 100%;	height: 100%;	background: #fff;	z-index: 99;	margin: 0;	text-align: center;	
}

body.open_menu {
	overflow: hidden;
}
.admin-bar .masthead {
	top: 32px;
}

.burger.open, .burger.open:hover, .burger.open:focus, .burger.open:active {
    background: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}
.nav-panel {
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	height: 50px;
	background: var(--e-global-color-accent, var(--wire-cyberpunk));
	border: 0;
	outline: 0;
	z-index: 10000;
	overflow: hidden;
	transition: opacity 0.3s cubic-bezier(0.76,0,0.14,1), visibility 0.3s cubic-bezier(0.76,0,0.14,1), top 0.3s cubic-bezier(0.76,0,0.14,1), right 0.3s cubic-bezier(0.76,0,0.14,1), width 0.3s cubic-bezier(0.76,0,0.14,1), height 0.3s cubic-bezier(0.76,0,0.14,1), border-radius 0.3s cubic-bezier(0.76,0,0.14,1);
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-flow: column;
	justify-content: center;
	pointer-events: all;
}
.nav-panel.open {
	width: 50%;
	height: 100dvh;
	border-radius: 0;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
/* Feedback 1.0: închis — fără click; în timpul .closing rămâne vizibil pentru animație */
.masthead .nav-panel:not(.open):not(.closing) {
	pointer-events: none;
}
.nav-panel.closing {
	/* rămâne vizibil cât se animă width/height spre 50×50 (fără .open) */
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	transition:
		top 0.65s cubic-bezier(0.76, 0, 0.14, 1),
		right 0.65s cubic-bezier(0.76, 0, 0.14, 1),
		width 0.65s cubic-bezier(0.76, 0, 0.14, 1),
		height 0.65s cubic-bezier(0.76, 0, 0.14, 1),
		border-radius 0.65s cubic-bezier(0.76, 0, 0.14, 1),
		opacity 0.3s cubic-bezier(0.76, 0, 0.14, 1) 0.35s,
		visibility 0s linear 0.65s;
}
.admin-bar .nav-panel.open {
	height: calc(100dvh - 32px);
}
.header-side-container-wrapper .menu li a {
	font-size: var(--h1-font-size);
	font-weight: 400;
	color: #000;
	line-height: 1.15;
	letter-spacing: -0.02em;
	cursor: pointer;
	display: block;
	transform: translateY(100%);
	opacity: 0;
	display: inline-block;
}
.header-side-container-wrapper .menu li {
	transition: opacity 0.3s ease;
}
.header-side-container-wrapper .menu li:hover {
	opacity: 0.4;
}
.header-side-container.nav-inner {
	padding: 0px 50px 0px 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s cubic-bezier(0.76,0,0.14,1), visibility 0.3s cubic-bezier(0.76,0,0.14,1);
	position: relative;
	margin-left: 113px;
}
.nav-panel.open .header-side-container.nav-inner.visible {
	opacity: 1;
	visibility: visible;
}
.social-footer-wrapper.nav-contact {
	position: absolute;
	bottom: -180px;
	left: 0;
}
.menu-side-container.nav-links {
	margin-bottom: 0px;
}
.social-contacts .textwidget {
	font-size: var(--paragraph-size);
}
.social-footer-wrapper.nav-contact .textwidget p {
	line-height: 1.6;
	-webkit-text-stroke: 0.40px #000;
}
.social-footer-wrapper.nav-contact .textwidget a {
	text-decoration: underline;
	color: #000;
}


.header-side-container-wrapper .menu li a.in {
    transition: transform 0.9s cubic-bezier(0.22,1,0.36,1),opacity 0.7s ease;
    transform: translateY(0);
    opacity: 1;
}
.header-side-container-wrapper .menu li a.out {
    transition: transform 0.65s cubic-bezier(0.76,0,0.14,1),opacity 0.45s ease;
    transform: translateY(100%);
    opacity: 0;
}
.header-side-container-wrapper .menu li:nth-child(1) a.in {
    transition-delay: 0.18s;
}
.header-side-container-wrapper .menu li:nth-child(2) a.in {
    transition-delay: 0.28s;
}
.header-side-container-wrapper .menu li:nth-child(3) a.in {
    transition-delay: 0.38s;
}
.header-side-container-wrapper .menu li:nth-child(4) a.in {
    transition-delay: 0.48s;
}
.header-side-container-wrapper .menu li:nth-child(5) a.in {
    transition-delay: 0.58s;
}
.header-side-container-wrapper .menu li:nth-child(6) a.in {
    transition-delay: 0.68s;
}
.nav-contact {
    opacity: 0;
    transform: translateY(10px);
}
.nav-contact.in {
    transition: opacity 0.6s ease 0.72s,transform 0.6s ease 0.72s;
    opacity: 1;
    transform: translateY(0);
}
.nav-contact.out {
    transition: opacity 0.3s ease,transform 0.3s ease;
    opacity: 0;
    transform: translateY(10px);
}
.header-container-wrapper .content-center {
	max-width: 100%;
	height: 100%;
}
/* Feedback 1.0: doar colțul dreapta-sus (burger), nu inset:0 peste toată zona filtrelor */
.header-actions.page-content {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	bottom: auto;
	width: auto;
	height: auto;
	padding: 20px 75px 0 0;
	transition: transform 0.7s cubic-bezier(0.76,0,0.14,1),filter 0.7s ease;
	/* peste .nav-panel (10000) ca burgerul să închidă meniul când e .open */
	z-index: 10001;
}
.header-actions.page-content.pushed {
    /*transform: scale(0.96) translateX(-20px);*/
    filter: brightness(0.88);
}
.scene {
	width: 100%;
	background: transparent;
	position: relative;
	height: 90px;
}
.header-container {
	height: 100%;
	position: relative;
}
body.menu-open {
	overflow: hidden;
}
.header-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s cubic-bezier(0.76,0,0.14,1), visibility 0.3s cubic-bezier(0.76,0,0.14,1);
	/*cursor: pointer;*/
	z-index: 1;
}
body.menu-open .header-overlay {
	opacity: 1;
	visibility: visible;
}
body *{
	cursor: context-menu;
}
/*end-header*/

/*footer*/
.site-footer-inner{
	background-color: #000;
	padding: 100px 90px 100px;
	border-radius: 10px;
}
.site-footer-inner-top-left .widget_text {
	font-size: var(--h3-font-size);
	color: #fff;
	line-height: 1.2;
	margin-bottom: 10px;
}
.site-footer-inner-top {
	margin-bottom: 50px;
	display: flex;
	align-content: flex-start;
	gap: 0;
	justify-content: space-between;
}
.site-footer-inner-top .site-footer-inner-top-right .menu li a {
	color: #fff;
	font-size: var(--h3-font-size);
	line-height: 1.3;
	letter-spacing: 2%;
}
.site-footer-inner-top .site-footer-inner-top-right {
	text-align: right;
}
.site-footer-legal-menu .menu li a {
	color: #fff;
	font-size: 16px;
	letter-spacing: 5%;
}
.site-footer-legal-menu {
	display: flex;
	justify-content: end;
	margin-top: 15px;
}
.site-footer-legal-menu ul {
	display: flex;
	gap: 10px;
	align-items: center;
}
.site-footer-wrapper {
	margin-bottom: 100px;
}
.site-footer-inner-top-left .widget_text p {
	letter-spacing: 2%;
}
/*end-footer*/

/*Hero Section*/
.custom-svg-wrapper svg {
    width: 100%;
    height: auto;
    display: block;
}

.hero-section-content {
	margin-bottom: var(--margin-bottom-section);
	display: flex;
	gap: 0px;
	flex-flow: column;
}
.hero-section-text h1{
	font-size: var(--h1-font-size) !important;
	-webkit-text-stroke: 0.40px #000;
}
.hero-section-text {
	text-align: center;
}

.custom-svg-wrapper svg {
    overflow: visible !important;
    display: block;
    width: 100%;
    height: auto;
}

.custom-svg-wrapper path {
    transition: 
        fill 0.3s ease, 
        transform matrix(1,0,0,1,0,0);
    transform-box: fill-box;
    transform-origin: center;
}
.shape-holder {
	/* cursor: pointer; */
}

.shape-holder path {
    /* Ensures the bounce happens relative to its own position */
    transform-box: fill-box;
    transform-origin: center;
}

/* Ensure the hitboxes are invisible but catch the mouse */
.shape-holder rect {
    fill: transparent !important; 
    pointer-events: all;
}

/*.h-shape1:hover .shape1 { fill: var(--e-global-color-accent); }
.h-shape2:hover .shape2 { fill: var(--e-global-color-92fcb8e); }
.h-shape3:hover .shape3 { fill: var(--e-global-color-c21bde2); }
.h-shape4:hover .shape4 { fill: var(--e-global-color-b8f4702); }
.h-shape5:hover .shape5 { fill: var(--e-global-color-016c6f6); }*/

.custom-svg-wrapper {
	padding: 100px 0 100px 0;
}
/*End-Hero Section*/

/*Cursor Ball Section*/
.cursor-ball {
	position: fixed;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--e-global-color-accent, var(--wire-cyberpunk));
	pointer-events: none;
	z-index: 999999;
	opacity: 0;
	will-change: transform;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.ball-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    white-space: nowrap; /* Prevents text from breaking into two lines */
}

  /*body.on-content .cursor-ball {
    mix-blend-mode: difference;
  }*/

.cursor-ball.ball-mouse-leave {
	font-size: 0;
}
/*End-Cursor Ball Section*/

/*Video Section*/
.custom-video-container {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: none; /* Hides default cursor inside the card */
    /*background: #000;*/
	margin-bottom: var(--margin-bottom-section);
}
.link-wrapper, .link-wrapper-external {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.custom-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Hidden Overlay Controls (Optional appearance) */
.video-overlay-controls {
	position: absolute;
	bottom: 35px;
	right: 35px;
	z-index: 5;
	display: flex;
	opacity: 100;
	transition: opacity 0.3s;
	align-items: center;
	gap: 24px;
	flex-flow: row;

}

/*.custom-video-container:hover .video-overlay-controls {
    opacity: 1;
}*/

.custom-video-module video {
	border-radius: 10px;
}
.video-scroll-anchor{
	width: 100%; 
	display: flex; 
	justify-content: center; 
}
.video-overlay-controls .v-btn {
	width: 32px;
	height: 24px;
	cursor: pointer;
	padding: 0;
	border: 0;
	position: relative;
	background: none;
	font-size: 0;
}
.v-btn.play-pause::before, .v-btn.mute-unmute::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	mask-size: contain;
	mask-position: center center;
	mask-repeat: no-repeat;
	background-color: #fff;
}
.v-btn.play-pause::before{
	mask-image: url(../image/play.svg);
}
.v-btn.mute-unmute::before{
	mask-image: url(../image/mute.svg);
}

.video-scroll-wrapper {
	width: 100%;
	/* min-height: 100vh; */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 !important;
	margin-bottom: var(--margin-bottom-section);
}

.js-video-expand {
   /* margin: 0 auto !important;*/
    flex-shrink: 0;
    will-change: width, border-radius;
    transform-origin: center center;
    display: block;
}
.custom-video-container.js-video-expand{
	width: 100%; 
	aspect-ratio: 16/9; 
	background: transparent; 
	border-radius: 10px; 
	overflow: hidden; 
	position: relative; 
	z-index: 10;
}
.video-scroll-wrapper .custom-video{
	width: 100%; 
	height: 100%; 
	object-fit: cover;
}
/* cristi - media section pin fullscreen: video umple cardul la expand */
.media-section-wrapper.video-scroll-section .list-video-slot > .custom-video-container.js-video-expand .custom-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* cristi - media section scale video: .media-module-item 100% lățime în content-center */
.media-section-pin-zone.video-scroll-section[data-scale-animation="yes"] .media-module-item,
.media-section-wrapper.video-scroll-section[data-scale-animation="yes"] .media-module-item {
	width: 100%;
}
/* cristi - spațiere sub secțiune: margin pe zona pin (nu în interiorul pin-ului) */
.media-section-pin-zone.video-scroll-section[data-scale-animation="yes"],
.video-media-box.media-section-wrapper.video-scroll-section[data-scale-animation="yes"] {
	margin-bottom: var(--margin-bottom-section);
}
.video-media-box.media-section-wrapper[data-scale-animation="yes"]:has(.media-section-pin-zone),
.video-media-box.media-section-wrapper[data-scale-animation="yes"] .media-section.medium,
.video-media-box.media-section-wrapper.video-scroll-section[data-scale-animation="yes"] .media-section.medium {
	margin-bottom: 0;
}
.video-media-box.media-section-wrapper[data-scale-animation="yes"]:has(.media-section-pin-zone) {
	margin-bottom: 0;
}
/* cristi - about video spacing fix: fără padding-bottom pe pin-spacer (nu adăugăm gap extra) */
.pin-spacer.wire-media-pin-spacer {
	box-sizing: content-box;
	padding-bottom: 0 !important;
}
.pin-spacer.wire-media-pin-spacer > .video-media-box.media-section-wrapper.video-scroll-section[data-scale-animation="yes"] {
	margin-bottom: 0;
}

/* cristi - height auto doar la repaus; în expand animăm height din JS fără flash la clasă fullscreen */
.media-section-pin-zone.video-scroll-section[data-scale-animation="yes"] .list-video-slot > .custom-video-container.js-video-expand.wire-media-pin-at-rest,
.media-section-wrapper.video-scroll-section[data-scale-animation="yes"] .list-video-slot > .custom-video-container.js-video-expand.wire-media-pin-at-rest {
	width: 100%;
	max-width: var(--content-center, 1040px);
	min-width: min(100%, var(--content-center, 1040px));
	height: auto !important;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 16px;
}
/* cristi - media section pin fullscreen: radius 0 doar când e full viewport */
.media-section-pin-zone.video-scroll-section[data-scale-animation="yes"] .list-video-slot > .custom-video-container.js-video-expand.wire-media-pin-fullscreen,
.media-section-wrapper.video-scroll-section[data-scale-animation="yes"] .list-video-slot > .custom-video-container.js-video-expand.wire-media-pin-fullscreen {
	border-radius: 0;
	transition: border-radius 0.2s ease;
}
/* cristi - media section pin fullscreen: zona video deasupra conținutului de jos */
.media-section-pin-zone.video-scroll-section.wire-media-pin-active,
.video-media-box.media-section-wrapper.video-scroll-section.wire-media-pin-active {
	position: relative;
	z-index: 40;
	isolation: isolate;
}
.video-media-box.media-section-wrapper.video-scroll-section .custom-video-container.js-video-expand.wire-media-pin-fullscreen {
	position: relative;
	z-index: 41;
}
.video-title {
	font-size: var(--paragraph-size-small);
	letter-spacing: 5%;
	margin-bottom: 8px;
	-webkit-text-stroke: 0.50px #000;
}
.video-description {
	font-size: var(--paragraph-size);
	letter-spacing: 4%;
	line-height: 1.6;
}
.video-content-description {
	margin-bottom: 15px;
}
.video-logo-container {
	position: absolute;
	top: 24px;
	left: 24px;
	max-width: 115px;
	pointer-events: none;
	z-index: 1;
	max-height: 25px;
}
.video-logo-container img {
	display: block;
	object-fit: contain;
}

.video-overlay-controls.is-paused .v-btn.play-pause::before {
	mask-image: url(../image/pause.svg);
}
.video-overlay-controls.is-unmuted .v-btn.mute-unmute::before {
	mask-image: url(../image/unmute.svg);
}
.video-scroll-section .button-container {
	text-align: center;
}
.video-scroll-section.small .video-scroll-wrapper-outer:last-child .video-scroll-wrapper {
	margin-bottom: 50px;
}
.video-scroll-section.small {
	margin-bottom: var(--margin-bottom-small-section);
}
.text-section-inner .description {
	margin-bottom: 25px;
}
.text-section.small .text-section-inner {
	margin-bottom: var(--margin-bottom-small-section);
}


.video-scroll-section {
    position: relative;
}

.video-indicator-container {
	position: sticky;
	top: 50%;
	right: 100px;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	float: right;
}

.video-track {
    width: 2px;
    height: 250px;
    background: rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 2px;
}

.video-fill {
    position: absolute;
    top: 0;
    width: 100%;
    background: #000;
    height: 0%;
}

.video-counter {
	font-size: 18px;
	letter-spacing: 4%;
}

.video-scroll-section[data-scale-animation="no"] .video-scroll-wrapper {
	margin-bottom: 0;
}
.media-module-item-inner.video-controls-simpler .video-overlay-controls {
	bottom: 35px;
	left: auto;
	right: 35px;
}

/*End-Video Section*/


/*Button*/
.btn, .elementor-button {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 11.5px 18px;
	background: var(--e-global-color-accent, var(--wire-cyberpunk));
	border-radius: 50px;
	font-size: 18px;
	color: #000;
	letter-spacing: 4%;
	cursor: pointer;
	border: none;
	outline: none;
	box-shadow: none;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	transition: transform 0.3s cubic-bezier(0.34,1.3,0.64,1);
}
.arr-track {
	position: relative;
	width: 16px;
	height: 16px;
	overflow: hidden;
	display: inline-flex;
	flex-shrink: 0;
}
.arr-a, .arr-b {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s cubic-bezier(0.76,0,0.14,1),
                opacity 0.3s ease;
}
.arr-a {
    transform: translate(0,0);
    opacity: 1;
}
.arr-b {
    transform: translate(-10px,10px);
    opacity: 0;
}
.btn:hover .arr-a, .elementor-button:hover .arr-a {
    transform: translate(12px,-12px);
    opacity: 0;
}
.btn:hover .arr-b, .elementor-button:hover .arr-b {
    transform: translate(0,0);
    opacity: 1;
    transition-delay: 0.15s;
}
.arr-a svg, .arr-b svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #000;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
}
.elementor-button-content-wrapper .elementor-button-icon {
	max-width: 15px;
}
.btn, .elementor-button {
    transform: scale(1);
	transition: transform 0.3s ease-in-out;
}
.btn:hover, .elementor-button:hover {
    transform: scale(1.04);
}
/*End-Button*/

/*Scroll Progress Bar*/
.scroll-progress-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px; /* Increased to 4px for better visibility on high-res screens */
	z-index: 9999; /* Ensures it stays above headers and menus */
	background: transparent;
	pointer-events: none; /* Keeps it strictly decorative */
}
  
.scroll-progress-bar {
	width: 100%;
	height: 100%;
	background-color: var(--e-global-color-accent, var(--wire-cyberpunk));
	transform: scaleX(0); /* Starts at 0 width */
	transform-origin: left;
	will-change: transform;
}
.admin-bar .scroll-progress-container {
	top: 32px;
}
/*End-Scroll Progress Bar*/

/*Services Boxes Section*/
.services-boxes-list {
	display: flex;
	gap: 24px;
	flex-flow: wrap;
}
.services-boxes-list .services-box-item {
	width: calc(33.33% - 16px);
	aspect-ratio: 1;
	border-radius: 10px;
	position: relative;
}
/* changed 28.05 */
.services-boxes-list .services-box-item::before {
	content: '';
	width: 100%;
	height: 0%;
	background-color: var(--accent);
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	transition: height 0.3s ease-in-out;
}
.services-boxes-list .services-box-item.start::before {
	height: 100%;
}
.services-boxes-section {
	margin-bottom: var(--margin-bottom-section);
}
.services-box-inner {
	position: relative;
	z-index: 2;
	padding: 24px;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.services-box-title {
	font-size: var(--h3-font-size);
	line-height: 1.2;
	letter-spacing: 2%;
}
.services-box-description {
	font-size: var(--paragraph-size-small);
	letter-spacing: 5%;
}
/*End-Services Boxes Section*/

/*List Box Section*/
.list-box-section .list-box-item {
	font-size: var(--h3-font-size);
	border-bottom: 2px solid var(--accent);
	/* padding: 40px 0; */
	transition: padding 0.5s ease-in-out;
	letter-spacing: 2%;
	-webkit-text-stroke: 0.40px #000;
}
.list-box-section .list-box.start .list-box-item {
	padding: 9px 0;
}
.list-box-section {
	margin-bottom: 235px;
}
.list-box-section h3, .social-boxes-section .social-boxes-title {
	font-size: var(--paragraph-size-small) !important;
	margin-bottom: 10px;
	letter-spacing: 5%;
}
.social-boxes-section .social-boxes-title {
	margin-bottom: 15px;
	-webkit-text-stroke: 0.40px #000;
}
.list-box-section .list-box-title {
	-webkit-text-stroke: 0.40px #000;
	margin-bottom: 5px;
}
/*End-List Box Section*/

/*Text Section*/
.text-section-inner {
	margin-bottom: var(--margin-bottom-section);
}
.text-section-inner {
	text-align: center;
}
.text-section-inner .description h1, .text-section-inner .description h2 {
	margin-bottom: 0;
	-webkit-text-stroke: 0.40px #000;
}
.text-section.smaller .text-section-inner {
	margin-bottom: 50px;
}
.text-section.padding-large h2 {
	margin-bottom: 48px;
}
.text-section-inner .description p {
	font-size: var(--paragraph-size);
	letter-spacing: 4%;
	line-height: 1.6;
	-webkit-text-stroke: 0.40px #000;
}
/*End-Text Section*/

/*Social Boxes Section*/
.social-boxes-section {
	margin-bottom: var(--margin-bottom-section);
}
.social-box-item-icon{
	width: 50px;
	height: 50px;
	position: relative;
}
.social-box-item-icon.social-box-linkedin-icon a::before, .social-box-item-icon.social-box-email-icon a::before {
	content: '';
	width: 100%;
	height: 100%;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	background-color: #000;
	display: block;
}
.social-box-item-icon.social-box-linkedin-icon a::before {
	mask-image: url(../image/linkedin.svg);
}
.social-box-item-icon.social-box-email-icon a::before {
	mask-image: url(../image/mail.svg);
}
.social-box-links {
	position: absolute;
	right: 24px;
	bottom: 30px;
	display: flex;
	flex-flow: column;
	gap: 15px;
}
.social-box-inner{
	position: relative;
}
.social-box-item-icon a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}
.services-boxes-list .services-box-item .social-box-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.social-box-item[has-image="yes"]::before {
	opacity: 0;
}
/*End-Social Boxes Section*/
.dummy-first-section {
	padding-left: calc((100vw - var(--content-center))/2);
	height: auto;
	/*flex-grow: 1;*/
	position: relative;
	display: flex;
}
div.section3{
	height: auto !important;
}
/*
.dummy-first-section {
	width: calc((100vw - var(--content-center))/2);
	height: 50px;
}
*/
.testimonial-slider .testimonial-slide {
	padding-top: calc(0vh - var(--margin-bottom-section)); /*padding-top: calc(40vh - var(--margin-bottom-section));*/
	padding-bottom: var(--margin-bottom-section);
	padding-left: 12px;
	padding-right: 12px;
}
.testimonial-slider.images-scrolling-slider .testimonial-slide{
	padding-bottom: 20px;
	padding-top: 0;
}
.testimonial-slider .testimonial-slide:last-child{
	padding-right: 30px;
}
.testimonial-content {
	background: var(--accent);
	border-radius: 10px;
	padding: 50px;
	height: 60vh;
}
.testimonial-slide:only-child {
	padding-top: 0 !important;
  }

/*
.testimonial-slider-wrapper {
	margin-left: calc((100vw - var(--content-center))/2);
}
*/

.testimonial-slider-wrapper .testimonial-text {
	font-size: var(--h4-font-size);
	letter-spacing: 2%;
	margin-bottom: 20px;
}
.testimonial-slider .slick-list {
	padding-right: calc((100vw - var(--content-center))/2);
	padding-top: 30px;
}
.testimonial-slider-wrapper .slick-track .slick-slide {
	margin-right: 24px;
}
.testimonial-slider-wrapper .slick-slide:nth-child(2n) .testimonial-content {
	background-color: #000;
}
.horizontal.slider-mobile-list .testimonial-slide:nth-child(2n) .testimonial-content {
	background-color: #000;
}
.testimonial-slider-wrapper .slick-slide:nth-child(2n) .testimonial-content .testimonial-text, .testimonial-slider-wrapper .slick-slide:nth-child(2n) .testimonial-content  .testimonial-author-name {
	color: var(--accent);
}

.testimonial-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}
.testimonial-slider .slick-slide {
    height: auto; /* Overrides slick's default height calculation */
    display: flex;
}
.testimonial-slider .slick-slide > div {
	width: 100%;
	display: flex;
	height: 100%;
}
.testimonial-slider .testimonial-slide {
    display: flex !important;
    flex-direction: column;
}
.testimonial-slider .testimonial-content {
    flex-grow: 1; /* Pushes the content to fill the remaining space */
}
/* ==========================================================================
   Testimonial Slider Section (Contained & Fully Entered Trigger Layout)
   ========================================================================== */


/* 1. The Scroll Container Frame */
.testimonial-slider.horizontal-scroll-container {
	margin-bottom: var(--margin-bottom-section);
    position: relative;
    display: block;
    width: 100%;
    overflow: visible;
}

/* 2. The Pinning Section (Acts as the viewing window box) */
.horizontal-scroll-pin {
	width: 100%;
    /*height: 100vh;
    min-height: 550px; */
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* 3. The Continuous Horizontal Strip */
.testimonial-slider-wrapper.horizontal-scroll-wrapper {
	display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    will-change: transform;
    height: auto;
}

/* 4. Individual Slide Wrapper Panels */
.testimonial-slide.horizontal-slide {
    width: var(--content-center, 1040px); /* Falls back to your site content grid frame nicely */
    flex-shrink: 0;
    display: flex;           
    flex-direction: column;  
    margin-right: 24px; 
    box-sizing: border-box;
}

/* 5. Core Card Layout Block */
.testimonial-content {
    background: var(--accent);
    border-radius: 10px;
    padding: 50px;
    
    /* Inner height stretching engines */
    flex: 1 0 auto;         
    display: flex;          
    flex-direction: column;
    justify-content: space-between; 
}

/* Text Stylings */
.testimonial-slider-wrapper .testimonial-text {
	font-size: var(--h4-font-size);
	letter-spacing: 2%;
	margin-bottom: 30px;
	line-height: 1.4;
}
.horizontal.slider-mobile-list .testimonial-slide:nth-child(2n) .testimonial-content .testimonial-text {
	-webkit-text-stroke: 0.40px var(--accent);
}
.testimonial-author-name {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 5%;
}


/* 6. Alternating Card Color Scheme Logic (Green vs Black from design image) */

.testimonial-slider-wrapper .horizontal .testimonial-slide:nth-child(2n) .testimonial-content .testimonial-text, 
.testimonial-slider-wrapper .horizontal .testimonial-slide:nth-child(2n) .testimonial-content .testimonial-author-name {
    color: var(--accent);
}

.testimonial-slide.images-scrolling-slide.bounce img {
	aspect-ratio: unset;
	height: 100%;
	object-fit: cover;
}
.slider-mobile-list.short .testimonial-content {
	height: 50vh;
	max-height: 600px;
}
.horizontal.slider-mobile-list.count-4 .testimonial-slide {
	width: 375px !important;
}

div.section {
	height: 15vh;
}
div.section2 {
	height: 14vh;
	background-color: #fff;
}
div.section3 {
	height: 60vh;
	/*overflow: hidden;*/
}

.horizontal {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
}
div.section4 {
	height: 10vh;
	background-color: yellow;
}
div.section5 {
	height: 70vh;
	background-color: purple;
}
div.sectionspacer {
	background: #fff;
	height: 24px;
}
.testimonial-slider.style-slider, .testimonial-slider.images-scrolling-slider{
	overflow: hidden;
}
.testimonial-slider .horizontal > .testimonial-slide {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	justify-content: center;
	width: 100%;
	flex-shrink: 0;
	width: var(--content-center);
}

.text-section.none .text-section-inner {
	margin-bottom: 0;
}
/* changed 02.06 */
.testimonial-slider-heading {
	margin-left: calc((100vw - var(--content-center))/2);
	width: var(--content-center);
	text-align: center;
	margin-bottom: 50px;
	margin-top: var(--margin-bottom-section);
}
.testimonial-slider-heading h2 {
	margin-bottom: 0;
	-webkit-text-stroke: 0.40px #000;
}
/*End-Testimonial Slider Section*/

/*Working Listing Template*/
.work-filter-categories {
	display: flex;
	position: relative;
	flex-flow: row;
	gap: 0px;
	align-items: center;
	padding: 25px 0 25px 75px;
	width: calc(100% - 125px);
}
.working-listing-wrapper-inner {
	display: flex;
	flex-flow: wrap;
	row-gap: 100px;
	column-gap: 24px;
}
.working-listing-wrapper-inner .video-scroll-wrapper-single.gs-reveal-item {
	width: calc(33.33% - 16px);
}
.working-listing-wrapper-inner .video-scroll-wrapper-single .video-scroll-anchor {
	margin-bottom: 0;
}
.working-listing-wrapper-inner .custom-video-container {
	margin-bottom: 15px;
}
.working-listing-wrapper-inner  .custom-video-container {
	aspect-ratio: 9/16;
}
.working-listing-wrapper {
	margin-bottom: 130px;
}
/* Feedback 1.0 — works filter outside .masthead / #swup (persistent for Swup) */
.settings-header-zone {
	z-index: 100;
	pointer-events: auto;
	margin-bottom: 0;
	height: 90px;
	position: fixed;
	top: auto;
	width: 100%;
	left: 0;
	padding-right: 170px;
	background-color: rgba(255, 255, 255, 0.9); /*Added opacity for better visibility 29.05.2026*/
}
/* feedback 1.1 — fade imediat la handoff video (nu așteaptă fetch work) */
.settings-header-zone.works-filter-zone {
	transition: opacity 0.2s ease, visibility 0.2s ease;
}
.settings-header-zone.works-filter-zone.is-works-filter-faded-out {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
/* Feedback 1.0 */
.works-filter-bar,
.works-filter-bar .filter-item,
.works-filter-bar .filter-tag,
.works-filter-bar .filter-trigger {
	pointer-events: auto;
}
.works-filter-zone[hidden] {
	display: none !important;
}
.works-filter-holder {
	margin-bottom: 0;
	width: calc(100% - 125px);
}
.works-filter-bar {
	position: relative;
}
.works-filter-desktop {
	display: flex;
	gap: 50px;
	align-items: center;
}
.works-filter-mobile {
	display: none;
}
.work-filter-categories.filter-wrap {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	list-style: none;
	flex-wrap: wrap;
	width: auto;
}
.works-filter-desktop .loader-filter {
	position: relative;
	top: 0;
	right: 0;
}
.work-filter-categories .work-filter-category {
	font-size: var(--paragraph-size-small);
	letter-spacing: 4%;
	padding: 9px 14px;
	position: relative;
	border-radius: 50px;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.working-listing-wrapper .custom-video-container {
	background: rgba(14, 14, 12, 0.06);
}
.working-listing.video-scroll-section .video-title {
	font-size: var(--paragraph-size);
}
.working-listing-wrapper .custom-video-container {
	background: rgba(14, 14, 12, 0.06);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.works-template-holder {
	padding-top: 100px;
}
@media (max-width: 767px) {
	.works-filter-holder {
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
}
.filter-item {
    position: relative;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    user-select: none;
    z-index: 1;
    overflow: hidden;
}
.filter-item .pill {
    position: absolute;
    inset: 0;
    background: rgba(14,14,12,0.25);
    border-radius: 24px;
    z-index: 1;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.38s cubic-bezier(0.65,0,0.15,1),
                background 0.3s ease;
}
.filter-item.active .pill {
    transform: scaleX(1);
    background: rgba(14,14,12,1);
}
.filter-item.closing .pill {
    transform-origin: right center;
    transform: scaleX(0);
    background: rgba(14,14,12,0.25);
}
.filter-item .label {
	position: relative;
	z-index: 2;
	transition: color 0.35s ease;
	color: #000;
	letter-spacing: 5%;
	-webkit-text-stroke: 0.30px #000;
}
.filter-item.active .label {
    color: #fff;
	-webkit-text-stroke: 0.30px #fff;
}
.filter-item:not(.active):hover::after {
    opacity: 1;
}
.filter-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(14,14,12,0.06);
    border-radius: 24px;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
    z-index: 0;
}
.filter-item.active .filter-dot {
    width: 6px;
    opacity: 1;
    transform: scale(1);
    animation: dotPulse 0.55s ease 0.1s both;
}
.filter-dot {
    width: 0;
    height: 6px;
    border-radius: 50%;
    background: #39ff14;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
    transition: width 0.3s ease,
                opacity 0.3s ease,
                transform 0.45s cubic-bezier(0.34,1.6,0.64,1);
}
.work-filter-categories .work-filter-category .label {
	pointer-events: none;
}
@keyframes dotPulse {
    0%   { box-shadow: 0 0 0 0 rgba(57,255,20,0.55); }
    65%  { box-shadow: 0 0 0 6px rgba(57,255,20,0); }
    100% { box-shadow: 0 0 0 0 rgba(57,255,20,0); }
}
.page-header .page-title {
	font-size: var(--h2-font-size);
	text-align: center;
	margin-bottom: 100px;
}
.video-scroll-wrapper-inner .link-wrapper, .video-scroll-wrapper-inner .link-wrapper-external {
	border-radius: 10px;
}
.loader-filter {
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid var(--accent);
	width: 40px;
	height: 40px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: absolute;
	right: 60%;
	top: 26px;
}
  
/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* Feedback 1.0 — mobile works filter */
@media (max-width: 767px) {
	.works-filter-desktop {
		display: none;
	}
	.works-filter-mobile {
		display: block;
	}
	.works-filter-mobile-inner {
		position: relative;
	}
	.works-filter-mobile .filter-trigger {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		padding: 12px 20px;
		background: #000;
		border-radius: 40px;
		border: none;
		cursor: pointer;
		user-select: none;
		transition: transform 0.2s ease;
		font-family: inherit;
	}
	.works-filter-mobile .filter-trigger:active {
		transform: scale(0.97);
	}
	.works-filter-mobile .trigger-icon {
		display: flex;
		flex-direction: column;
		gap: 3px;
	}
	.works-filter-mobile .trigger-icon span {
		display: block;
		height: 1.5px;
		background: #fff;
		border-radius: 2px;
	}
	.works-filter-mobile .trigger-icon span:nth-child(1) { width: 14px; }
	.works-filter-mobile .trigger-icon span:nth-child(2) { width: 10px; }
	.works-filter-mobile .trigger-icon span:nth-child(3) { width: 12px; }
	.works-filter-mobile .trigger-label {
		font-size: 14px;
		font-weight: 400;
		color: #fff;
		letter-spacing: 0.02em;
	}
	.works-filter-mobile .active-dot {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--accent);
		opacity: 0;
		transform: scale(0);
		transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34,1.6,0.64,1);
	}
	.works-filter-mobile .filter-trigger.has-filter .active-dot {
		opacity: 1;
		transform: scale(1);
	}
	.works-filter-mobile .filter-panel {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.45s cubic-bezier(0.65,0,0.15,1), opacity 0.35s ease;
		opacity: 0;
	}
	.works-filter-mobile .filter-panel.open {
		max-height: 320px;
		opacity: 1;
	}
	.works-filter-mobile .filter-panel-inner {
		padding: 16px 0 4px;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.works-filter-mobile .filter-tag {
		position: relative;
		padding: 8px 16px;
		font-size: 13px;
		cursor: pointer;
		border-radius: 24px;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		white-space: nowrap;
		user-select: none;
		overflow: hidden;
		border: 1px solid rgba(14,14,12,0.15);
		transition: border-color 0.3s ease;
	}
	.works-filter-mobile .filter-tag.active {
		border-color: #000;
		background-color: #000;
	}
	.works-filter-mobile .tag-label {
		position: relative;
		z-index: 2;
		color: #000;
		transition: color 0.35s ease;
		pointer-events: none;
	}
	.works-filter-mobile .filter-tag.active .tag-label {
		color: #fff;
	}
	.works-filter-mobile .tag-dot {
		width: 0;
		height: 6px;
		border-radius: 50%;
		background: #E6FF00;
		position: relative;
		z-index: 2;
		opacity: 0;
		transform: scale(0);
		transition: width 0.3s ease, opacity 0.3s ease,
			transform 0.45s cubic-bezier(0.34,1.6,0.64,1);
	}
	.works-filter-mobile .filter-tag.active .tag-dot {
		width: 6px;
		opacity: 1;
		transform: scale(1);
		animation: dotPulseMobile 0.5s ease 0.1s both;
	}
	@keyframes dotPulseMobile {
		0%   { box-shadow: 0 0 0 0 rgba(230,255,0,0.6); }
		65%  { box-shadow: 0 0 0 5px rgba(230,255,0,0); }
		100% { box-shadow: 0 0 0 0 rgba(230,255,0,0); }
	}
	.works-filter-mobile .tag-pill {
		position: absolute;
		inset: 0;
		background: #cfcfce;
		border-radius: 24px;
		z-index: 1;
		transform-origin: left center;
		transform: scaleX(0);
		transition: transform 0.38s cubic-bezier(0.65,0,0.15,1), background 0.3s ease;
		height: calc(100% + 2px);
    	left: 0;
		top:0;
	}
	.works-filter-mobile .filter-tag.active .tag-pill {
		transform: scaleX(1);
		background: #000;
	}
	.works-filter-mobile .filter-tag.closing .tag-pill {
		transform-origin: right center;
		transform: scaleX(0);
	}
	.works-filter-mobile .filter-tag .link-wrapper {
		z-index: 3;
	}
}
/* Feedback 1.0 */
.work-filter-categories .work-filter-category .link-wrapper {
	z-index: 3;
}
.work-category-template .working-listing-wrapper-inner .custom-video-container {
	aspect-ratio: 16/9;
}
.work-category-template .working-listing-wrapper-inner .video-scroll-anchor.video-scroll-wrapper {
	margin-bottom: 50px;
}
.testimonial-slider.style-single .testimonial-content {
	height: auto;
}
.testimonial-slider.style-single .testimonial-slide {
	padding: 0;
	padding-bottom: var(--margin-bottom-section);
}
/*End-Working Listing Template*/

/* Work Template — single work header */
/* Feedback 1.0: back link stânga-sus, deasupra nav-panel, clickabil */
/* ALEX-FIX: also apply when the AJAX work overlay is open (back button injected into the live
   masthead on a listing page, which has no body.single-work class). */
.single-work .header-container,
body.wire-overlay-open .header-container {
	position: relative;
}
.single-work .back-to-works,
body.wire-overlay-open .back-to-works {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10001;
	padding: 25px 0 0 75px;
	width: auto;
	max-width: calc(100% - 200px);
}
.back-to-works .back-link.btn {
	background-color: #fff;
	border: 1px solid var(--accent);
	padding: 7px 18px 8px;
	position: relative;
	z-index: 1;
}
.back-to-works .back-link.btn .arr-track {
	transform: scale(-1) rotate(90deg);
}
.btn * {
	cursor: pointer;
}
.work-content-wrapper .entry-title {
	font-size: var(--h2-font-size);
	text-align: center;
	margin-bottom: 100px;
	-webkit-text-stroke: 0.40px #000;
}
.single-work-content .video-scroll-anchor.video-scroll-wrapper {
	margin-bottom: 0;
}
.single-work-content .custom-video-container {
	margin-bottom: 100px;
}
.list-box-section.smaller {
	margin-bottom: var(--margin-bottom-section);
}
.list-box-section.smaller .list-box-item {
	font-size: var(--paragraph-size);
	border-bottom-width: 1px;
	letter-spacing: 4%;
}
.media-section-inner .media-section-title {
	font-size: var(--paragraph-size-small);
	margin-bottom: 15px;
	-webkit-text-stroke: 0.40px #000;
	letter-spacing: 5%;
}
.media-section-inner .media-module-item, .media-section-inner .media-module-item img, .media-modules-list .custom-video {
	border-radius: 10px;
}
.media-section.one-third-width-right .media-modules-list, .media-section.one-third-width-left .media-modules-list, .media-section.half-width .media-modules-list,
.media-section.full-width .media-modules-list {
	display: flex;
	gap: 24px;
	flex-flow: row;
}
.media-section.one-third-width-right .media-modules-list .media-module-item-outer:first-child, .media-section.one-third-width-left .media-modules-list .media-module-item-outer:last-child {
	width: calc(41% - 12px);
	aspect-ratio: 9/12;
}
.media-section.one-third-width-right .media-modules-list .media-module-item-outer:last-child, .media-section.one-third-width-left .media-modules-list .media-module-item-outer:first-child {
	width: calc(59% - 12px);
}
.media-module-item img, .media-module-item video {
	height: 100% !important;
	object-fit: cover;
	object-position: center center;
}
.media-module-item img {
	height: auto !important;
}
/* changed 28.05 */
.media-section.half-width .media-modules-list .media-module-item-outer {
	width: calc(50% - 12px);
	aspect-ratio: 4/5;
}
.media-section.full-width .media-modules-list .media-module-item-outer {
	width: 100%;
	margin-bottom: 0;
}
.media-module-item-inner {
	height: 100%;
}
.media-section.medium {
	margin-bottom: var(--margin-bottom-section);
}
.media-section.full-width .media-section-inner .media-section-title {
	font-size: var(--h2-font-size);
	text-align: center;
	margin-bottom: 100px;
}
.media-section.full-width .media-module-item .media-module-title {
	font-size: var(--paragraph-size-small);
	margin-bottom: 16px;
	letter-spacing: 5%;
}
.media-section.full-width .media-modules-list {
	flex-flow: column;
}
/* cristi - MediaSection full-width: aspect-ratio viewport din JS (--media-full-video-ar) */
.media-section.full-width .media-modules-list .custom-video {
	width: 100%;
	height: auto;
	aspect-ratio: var(--media-full-video-ar, 1.777);
}
.custom-video-container.section-cursor-hover.js-video-expand.js-video-handoff{
	aspect-ratio: 2.027;
	/*transition: all 0.3s ease;*/
}
.media-modules-list .media-module-item-inner .custom-video-container, .media-module-item-outer .media-module-item {
	height: 100%;
}
.media-section.normal .custom-video-container-inner {
	margin-bottom: 24px;
}
.media-module-item-outer.media_type_image .bg-image {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
/* Progress bar container pinned to the bottom */
.video-progress-container {
	position: absolute;
	width: calc(var(--content-center) - 145px);
	display: flex;
	align-items: center;
	gap: 15px;
	z-index: 10;
	bottom: 60px;
	left: calc(((100% - var(--content-center))/2) + 120px);
}
/* The clickable track background */
.progress-bar-wrapper {
    flex-grow: 1;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    position: relative;
    transition: height 0.1s ease;
}

.progress-bar-wrapper:hover {
    height: 4px; /* Slight swell on hover for easier desktop clicking */
}

/* The moving progress fill */
.progress-bar-fill {
    height: 100%;
    width: 0%;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
}

/* Duration timestamp */
.video-time-duration {
    color: #ffffff;
    font-size: 14px;
    min-width: 35px;
    text-align: right;
}
.media-module-item-inner > .custom-video-container {
	aspect-ratio: auto;
}
.media-module-item-inner .video-overlay-controls, .video-media-box.media-section-wrapper.click_to_play_animation_holder .media-module-item-inner .video-overlay-controls {
	bottom: 60px;
	left: calc((100% - var(--content-center))/2 + 20px);
	right: auto;
}
.media-modules-list .media-module-item-inner .custom-video-container {
	margin-bottom: 0;
}
.media-modules-list .custom-video-container .custom-video-container {
	position: static;
}
.listing-extra-description.list-box-section {
	display: flex;
	flex-flow: row;
	gap: 113px;
	max-width: 862px;
	margin: 0 auto var(--margin-bottom-section);
}
.listing-description {
	font-size: var(--paragraph-size);
}
.listing-extra-description.list-box-section .listing-description {
	width: 55%;
	line-height: 1.6;
	letter-spacing: 4%;
}
.listing-extra-description.list-box-section .list-box {
	width: 45%;
}
.work-category-template .entry-title {
	text-align: center;
	margin-bottom: 100px;
	font-size: var(--h2-font-size);
	max-width: var(--content-center);
	margin-left: auto;
	margin-right: auto;
	-webkit-text-stroke: 0.40px #000;
}
.work-category-template .working-listing-wrapper-inner {
	flex-flow: column;
}
.work-category-template .working-listing-wrapper-inner .video-scroll-wrapper-single {
	width: 100%;
}
.work-category-template .working-listing-wrapper-inner .video-scroll-wrapper-single .custom-video-container {
	aspect-ratio: 16/9;
}
.listing-extra-description.list-box-section .list-box li a {
	color: #000;
}
.work-category-template .working-listing-wrapper-inner .custom-video-container {
	margin-bottom: 50px;
}
.work-category-template .working-listing-wrapper-inner .listing-description .entry-title {
	margin-bottom: 5px;
	text-align: left;
	font-size: var(--paragraph-size) !important;
	-webkit-text-stroke: 0.50px #000;
	letter-spacing: 4%;
}
.work-category-template .working-listing-wrapper-inner {
	row-gap: 0;
}
.work-category-template .working-listing-wrapper-inner .video-scroll-wrapper-single .outer-listing-title .entry-title {
	margin-bottom: var(--margin-bottom-section);
}
.working-listing-wrapper-inner .video-scroll-wrapper-outer .video-scroll-anchor .custom-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-scroll-anchor.video-scroll-wrapper.has-second-media {
	margin-bottom: 50px;
	display: flex;
	flex-flow: row;
	gap: 24px;
}
.video-scroll-anchor.video-scroll-wrapper.has-second-media .custom-video-container {
	margin-bottom: 0;
	aspect-ratio: 1/1;
}

.work-category-template .has-second-media .list-video-slot > .custom-video-container.js-video-handoff:not(.is-handoff-flying):not(.is-portfolio-exiting):not(.is-portfolio-expanding) {
	aspect-ratio: 1 / 1 !important;
}

.video-scroll-anchor.video-scroll-wrapper.has-second-media .custom-video-container video {
	/* width: 100%; */
	height: 100%;
}
.media-module-item-inner.has-video-bg {
	padding: 50px 100px;
	border-radius: 10px;
	position: relative;
}
.media-module-item-inner.has-video-bg .custom-video-bg-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.testimonial-slider.style-single .testimonial-content {
	padding: 140px 90px;
	background-color: #F4E6F5;
}
.images-scrolling-wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	will-change: transform;
	margin-left: calc((100vw - var(--content-center))/2);
}
.images-scrolling-section-box .images-scrolling-title {
	text-align: center;
}
.images-scrolling-section-box .images-scrolling-subtitle {
	font-size: 16px;
	margin-bottom: 15px;
	letter-spacing: 5%;
	margin-left: calc((100vw - var(--content-center))/2);
}
.images-scrolling-section {
	display: flex;
	position: relative;
	overflow: visible;
}
.images-scrolling-wrapper .media-modules-list,
.images-scrolling-section .horizontal.media-modules-list {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	will-change: transform;
	gap: 24px;
}
.images-scrolling-section .horizontal.media-modules-list > .media-module-item-outer {
	width: 25%;
	min-width: 330px;
	flex-shrink: 0;
}
.images-scrolling-wrapper .media-modules-list .custom-video {
	aspect-ratio: 9/16;
	height: auto !important;
}
.images-scrolling-wrapper .media-modules-list .media-module-item-outer {
	width: 25%;
	min-width: 330px;
}
.images-scrolling-section-box {
	margin-bottom: 24px;
}
.images-scrolling-wrapper .media-modules-list .media-module-item-outer img {
	border-radius: 10px;
}
/* Testimonial horizontal scroll (section3 + horizontal) */
.testimonial-slider.section3 {
	position: relative;
	overflow: hidden;
}
.testimonial-slider .horizontal {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	will-change: transform;
	gap: 0;
}
.testimonial-slider.section3 .horizontal > section {
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
}
.lenis-horizontal-scroll-tail {
	display: block;
	height: 0;
	pointer-events: none;
}
.lenis-horizontal-section {
	position: relative;
}
.lenis-horizontal-sticky {
	overflow: hidden;
}
.lenis-horizontal-track {
	display: flex;
	flex-wrap: nowrap;
	will-change: transform;
}
.news-slide-item-outer {
	box-sizing: border-box;
	padding: 0 12px;
	opacity: 0;
	transition: all 1.2s cubic-bezier(.08, .82, .17, 1);
	padding-bottom: 25px;
	align-items: center;
	justify-content: center;
	padding-top: calc(140px + 25px);
}
.lenis-slide {
	height: 100vh;
	display: flex;
	color: #fff;
}
.vin-loaded .news-slide-item-outer {
	padding-left: 12px;
	padding-right: 12px;
	opacity: 1;
}
.news-slide-item-inner {
	overflow: hidden;
}
.news-slide-thumb {
	position: relative;
	height: calc(100dvh - 370px);
	width: auto;
	padding-right: calc(100dvh - 485px);
	clip-path: polygon(100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 0);
}
.news-slide-meta-outer {
	padding-top: 25px;
	display: flex;
	justify-content: unset;
	flex-flow: column;
	gap: 6px;
	align-items: flex-start;
}
.working-listing-wrapper-inner .video-content-description {
	margin-bottom: 0;
	margin-top: 15px;
}
.testimonial-slider.style-single .testimonial-slider-wrapper {
	margin-left: 0;
}
.images-scrolling-slider-wrapper .images-scrolling-subtitle {
	font-size: var(--paragraph-size-small);
	margin-bottom: 15px;
	margin-left: calc((100vw - var(--content-center))/2);
	padding-top: 175px;
	-webkit-text-stroke: 0.40px #000;
	letter-spacing: 2%;
}
.images-scrolling-slider-wrapper .testimonial-content {
	background-color: transparent;
	padding: 0;
}
.images-scrolling-slider-wrapper .images-scrolling-slide {
	width: 330px !important;
}
.images-scrolling-slider-wrapper .images-scrolling-slide .custom-video-container {
	aspect-ratio: 9/16;
	margin-bottom: 0;
	height: 100%;
}
.images-scrolling-slider-wrapper .images-scrolling-slide img {
	aspect-ratio: 9/16;
	border-radius: 10px;
}
.images-scrolling-slider-outer .images-scrolling-title {
	text-align: center;
	-webkit-text-stroke: 0.40px #000;
}
.images-scrolling-slider-wrapper .section.section3 {
	height: auto;
}
.video-scroll-anchor.video-scroll-wrapper.has-second-media .video-scroll-wrapper-column {
	width: 50% !important;
	position: relative;
}
.work-category-template .working-listing-wrapper {
	margin-bottom: 0;
}
.single-work-content.video-portfolio-single .video-scroll-wrapper-outer .custom-image-bg {
	width: 100%;
	aspect-ratio: 16/9;
	border-radius: 10px;
}
.single-work-content.video-portfolio-single .media-modules-list .media-module-item {
	border-radius: 0;
	aspect-ratio: unset;
}
.single-work-content.video-portfolio-single .media-modules-list .media-module-item .video-overlay-controls {
	bottom: 30px;
}
.single-work-content.video-portfolio-single .media-modules-list .media-module-item .video-progress-container {
	bottom: 32px;
}
/* cristi - media section pin fullscreen: overflow ascuns în zonele de tranziție */
/*
.single-work-content.video-portfolio-single .media-section .media-modules-list {
	display: flex;
	flex-flow: wrap !important;
}
*/
/*
.single-work-content .video-media-box.media-section-wrapper {
    overflow: hidden;
}
*/
/*End- cristi - media section pin fullscreen: overflow ascuns în zonele de tranziție */

.single-work-content.video-portfolio-single .media-section .media-modules-list .media-module-title {
	width: 100%;
}
.single-work-content.video-portfolio-single .media-section .media-modules-list .media-module-title {
	font-size: var(--paragraph-size-small);
	margin-bottom: 0;
	letter-spacing: 5%;
	-webkit-text-stroke: 0.40px #000;
}
.click_to_play_animation_holder .media-modules-list {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow: visible;
	flex-flow: row !important;
}
.click_to_play_animation_holder .custom-video-container.section-cursor-hover.click_to_play_animation {
	width: var(--content-center);
	will-change: width, border-radius;
	transform-origin: center center;
	transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1), border-radius 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.click_to_play_animation_holder .media-section.full-width .media-modules-list .media-module-item-outer {
	width: 100vw;
	transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.video-media-box.video-is-playing .custom-video-container.section-cursor-hover.click_to_play_animation{
	width: 100vw;
	height: 100dvh;
	transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
/*End- Work Template*/		

/*Blog Listing Section*/
/* cristi - blog handoff: slot transparent, thumbnail păstrează layout original */
.blog-listing-section .list-blog-slot {
	width: 100%;
}
.blog-listing-section .js-blog-handoff.blog-post-thumbnail {
	overflow: hidden;
	will-change: width, height, border-radius;
}
.blog-listing-section .text-heading {
	text-align: center;
}
.blog-listing-section .text-heading .title {
	margin-bottom: 100px;
}
.blog-post-thumbnail {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.blog-latest-post .blog-post-content {
	margin: 0 auto var(--margin-bottom-section);
	max-width: 862px;
}
.blog-post-title a, .blog-other-post-title a {
	color: #000;
}
.blog-latest-post .blog-post-thumbnail {
	aspect-ratio: 16/9;
	border-radius: 10px;
	margin-bottom: 24px;
}
.blog-other-posts {
	display: flex;
	row-gap: 100px;
	column-gap: 24px;
	flex-flow: wrap;
	margin-bottom: var(--margin-bottom-section);
}
.blog-post-thumbnail {
	aspect-ratio: 9/16;
	border-radius: 10px;
	margin-bottom: 24px;
}
.blog-other-posts .blog-other-post-content .blog-other-post-title {
	font-size: var(--paragraph-size);
	line-height: 1.5;
	-webkit-text-stroke: 0.50px #000;
	letter-spacing: 4%;
	margin-bottom: 10px;
}
.blog-other-posts .blog-other-post-content .blog-other-post-excerpt {
	font-size: var(--paragraph-size);
}
.blog-other-posts .blog-other-post {
	width: calc(33.33% - 16px);
}
/* cristi - slot hero single post (handoff) — ascuns la refresh / navigare normală */
.blog-hero-slot-outer {
	display: none;
	width: 100%;
	max-width: var(--content-center, 1040px);
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 16/9;
}
/* cristi - vizibil doar în overlay handoff sau când cardul e montat în slot */
.wire-blog-overlay .blog-hero-slot-outer,
.blog-hero-slot-outer:has(.js-blog-handoff) {
	display: block;
}
.blog-hero-slot {
	width: 100%;
	height: 100%;
	position: relative;
}
.wire-blog-overlay .blog-hero-slot-outer {
	margin-bottom: 24px;
}
.single-post-wrapper.blog-handoff-single #blog-hero-slot:has(.js-blog-handoff) ~ .wire-blog-direct-hero {
	display: none;
}
.blog-post-thumbnail.bg-placeholder {
	background-color: #f0f;
}
.blog-latest-post .blog-post-thumbnail::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #0000002e;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	mix-blend-mode: multiply;
	border-radius: 10px;
}
.single-post-content .blog-latest-post .blog-post-excerpt {
	font-size: var(--h5-font-size);
}
.single-post-content .blog-latest-post .blog-post-content {
	margin-bottom: 100px;
	max-width: 686px;
}
.single-post-wrapper .elementor-widget-text-editor ul li {
	font-size: var(--paragraph-size);
	letter-spacing: 4%;
	border-bottom: 1px solid var(--accent);
	padding: 6px 0;
}
.e-n-accordion-item .e-n-accordion-item-title {
	pointer-events: none;
}
.suggested-posts-list {
	margin-bottom: var(--margin-bottom-section);
	display: flex;
	flex-flow: column;
	gap: 24px;
}
.post-social-share {
	margin-bottom: 100px !important;
}
.post-social-share-inner {
	display: flex;
	align-items: center;
	flex-flow: row;
	justify-content: space-between;
}
.post-social-share-inner .post-social-share-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-flow: row;
}
.post-social-share-actions .btn-share-linkedin, .post-social-share-actions .btn-copy-link {
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px 15px 5px 40px;
	border-radius: 30px;
	color: #000;
	position: relative;
	font-weight: 400;
	font-family: var(--font-family);
}
.post-social-share-actions .btn-share-linkedin span, .post-social-share-actions .btn-copy-link span {
	font-size: 14px;
	color: #000;
	display: inline-block;
	letter-spacing: 4%;
}
.post-social-share-actions .btn-share-linkedin::before, .post-social-share-actions .btn-copy-link::before {
	content: '';
	width: 16px;
	height: 16px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 14px;
	top: 7px;
}
.post-social-share-actions .btn-share-linkedin::before{
	background-image: url(../image/linkedin-reverse.svg);
}
.post-social-share-actions .btn-copy-link::before{
	background-image: url(../image/link-icon.svg);
}
.post-social-share-label {
	letter-spacing: 4%;
}
.btn-copy-link.copied {
	background-color: var(--accent);
}
.suggested-post-card {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-flow: row;
}
.suggested-post-card .suggested-post-thumbnail {
	width: 153px;
	height: 153px;
	position: relative;
}
.single-content-center{
	max-width: 862px;
	margin: 0 auto;
}
.suggested-post-card .suggested-post-thumbnail .post-thumbnail-wrapper {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.suggested-posts-list .suggested-post-title {
	font-size: var(--paragraph-size);
	color: #000;
	letter-spacing: 4%;
	margin-bottom: 5px;
}
.suggested-posts-list .suggested-post-title a {
	color: #000;
	-webkit-text-stroke: 0.50px #000;
}
.suggested-post-content {
	display: flex;
	align-items: center;
	gap: 30px;
	width: calc(100% - 153px);
}
.suggested-post-excerpt {
	font-size: var(--paragraph-size);
}
.suggested-post-content .back-to-post .btn {
	padding: 9px 19px;
}
.suggested-post-content .back-to-post {
	margin-left: auto;
}
.post-social-share-actions a:hover {
	background-color: var(--accent);
}
/* cristi - și în overlay handoff (listing nu are body.single-post) */
.single-post .back-to-blog.button-container,
body.wire-blog-overlay-open .wire-blog-overlay > .back-to-blog.button-container {
	position: fixed;
	top: 26px;
	left: 75px;
}
.admin-bar.single-post .back-to-blog.button-container,
.admin-bar body.wire-blog-overlay-open .wire-blog-overlay > .back-to-blog.button-container {
	top: 58px;
}
.single-post .back-to-blog.button-container .back-link.btn,
body.wire-blog-overlay-open .wire-blog-overlay > .back-to-blog.button-container .back-link.btn {
	padding: 7px 18px;
	background-color: #fff;
	border: 1px solid var(--wire-cyberpunk);
}
.single-post .back-to-blog.button-container .back-link.btn .arr-track,
body.wire-blog-overlay-open .wire-blog-overlay > .back-to-blog.button-container .back-link.btn .arr-track {
	transform: rotate(-90deg);
}
.suggested-post-card .suggested-post-thumbnail .no-thumbnail-placeholder {
	height: 100%;
	width: 100%;
	background-color: #f0f;
	border-radius: 10px;
}
/*End-Blog Listing Section*/

/* Feedback 1.0 */
.works-filter-desktop .loader-filter {
	position: relative;
	top: 0;
	right: 0;
}

/* Video Portfolio Single */
.video-portfolio-single .video-overlay-controls {
	right: 35px;
	bottom: 35px;
	left: auto;
}
.social-box-description.services-box-description {
	padding-right: 50px;
}
.single-post .back-to-blog.button-container,
body.wire-blog-overlay-open .wire-blog-overlay > .back-to-blog.button-container {
	z-index: 110;
}
.works-filter-holder {
	width: calc(100vw - 125px);
}
body.body-video-is-playing {
	overflow: hidden;
}
.media-section.full-width .media-module-item-outer.media_type_image {
	aspect-ratio: 16/9;
}
.testimonial-slider .horizontal > .testimonial-slide .testimonial-content {
	width: 100%;
}

.is-handoff-active body.wire-portfolio-active .custom-video-container{
	height: auto !important;
	overflow: hidden !important;
}

/* changed 28.05 */
.single-work-content.video-portfolio-single .custom-video-container {
	aspect-ratio: 16/9;
}
.header-burger:focus-visible,.masthead a:focus-visible,.btn:focus-visible,.link-wrapper:focus-visible ,.mobile-badge:focus-visible,.social-box-links a:focus-visible, .social-box-facebook a:focus-visible, .social-box-instagram a:focus-visible, .social-box-youtube a:focus-visible, .site-footer a:focus-visible, .site-footer-inner a:focus-visible, .filter-item:focus-visible, .work-filter-category a:focus-visible, .header-burger:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #005fcc !important;
	border-radius: 4px;
}
.listing-other-text-wrapper {
	margin-bottom: var(--margin-bottom-section);
	text-align: center;
}

/* changed 02.06 */
.nav-panel {
	top: 20px;
	right: 75px;
}
.nav-panel.open {
	width: calc(50% + 75px);
	right: 0;
	height: calc(100dvh + 20px);
	top: 0;
	border-radius: 0px;
}
.admin-bar .nav-panel.open {
	height: calc(100dvh - 32px + 20px);
}
.nav-panel {
	border-radius: 8px;
}
.blog-post-thumbnail.bg-placeholder::before {
	display: none;
}
.video-scroll-wrapper-list .video-media-box.video-scroll-wrapper-outer:last-child .custom-video-container {
	margin-bottom: 0;
}
.text-heading .title{
	-webkit-text-stroke: 0.40px #000;
}
.video-media-box[data-scale-animation="yes"] .media-section-pin-zone .media-module-item,
.video-media-box[data-scale-animation="yes"] .media-section-pin-zone .custom-video,
.video-media-box[data-scale-animation="yes"] .media-module-item,
.video-media-box[data-scale-animation="yes"] .custom-video {
	border-radius: unset;
}
/*.custom-video-container-autoplay video {
	margin-bottom: 100px;
	border-radius: 10px;
	aspect-ratio: 16/9;
}*/
.menu-open .back-to-works.button-container.work-filter-categories .back-link,
.menu-open .custom-video-container{
	pointer-events: none;
}
.back-link-label{
	font-family: var(--font-family);
}

.site-footer-inner .linkedin-link{
	width: 50px;
	height: 50px;
	display: block;
	position: relative;
}
.site-footer-inner .linkedin-link::before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--accent);
	mask-image: url(../image/linkedin.svg);
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	display: block;
}
.single-work-content.video-portfolio-single .custom-video-container .video-logo-container {
	display: none;
}
.blog-post-thumbnail .mobile-badge{
	display: none;
}
.header-side-container-wrapper.nav-panel {
	overflow: auto;
}