/*
 * Rozhin modern design layer
 * Loaded after the theme, Elementor and plugin styles. Only restyles; no markup changes.
 * Remove the enqueue in functions.php (rozhin_modern_styles) to switch it off.
 */

@font-face {
	font-family: 'Instrument Sans';
	src: url('../fonts/modern/InstrumentSans-latin.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Instrument Sans';
	src: url('../fonts/modern/InstrumentSans-latin-ext.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/modern/Vazirmatn-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/modern/Vazirmatn-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/modern/Vazirmatn-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Vazirmatn'; src: url('../fonts/modern/Vazirmatn-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
	--rz-font: 'Instrument Sans', 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--rz-ink: #141a26;
	--rz-navy: #1a2234;
	--rz-navy-deep: #111726;
	--rz-text: #3d4657;
	--rz-muted: #6b7486;
	--rz-line: #e4e7ec;
	--rz-surface: #f5f6f8;
	--rz-accent: #ee8a1f;
	--rz-accent-strong: #d9760d;
	--rz-accent-soft: rgba(238, 138, 31, 0.12);
	--rz-radius-sm: 8px;
	--rz-radius: 14px;
	--rz-radius-lg: 22px;
	--rz-shadow: 0 1px 2px rgba(17, 23, 38, 0.06), 0 10px 30px -12px rgba(17, 23, 38, 0.18);
	--rz-shadow-hover: 0 2px 4px rgba(17, 23, 38, 0.06), 0 22px 44px -16px rgba(17, 23, 38, 0.32);
	--rz-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
html[dir='rtl'], body.rtl {
	--rz-font: 'Vazirmatn', 'Instrument Sans', Tahoma, sans-serif;
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* One type family across theme, Elementor and plugins. Icon elements are left alone. */
body,
body :is(h1, h2, h3, h4, h5, h6, p, a, li, dt, dd, td, th, label, input, textarea, select, button, blockquote, strong, b, em, small, span, div):not(i):not([class*='icon']):not([class*='fa-']):not([class*='eicon']):not([class*='efa-']):not(.rs-layer):not(rs-layer) {
	font-family: var(--rz-font) !important;
}

::selection { background: var(--rz-accent); color: #fff; }

:focus-visible {
	outline: 2px solid var(--rz-accent) !important;
	outline-offset: 3px;
	border-radius: 4px;
}

/* Headings: sentence-like case, tight tracking, balanced lines */
body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, [class*='title-h'], .page-title-title, .portfolio-item .caption .title) {
	text-transform: none !important;
	letter-spacing: -0.015em !important;
	text-wrap: balance;
}
body :is(h1, .title-h1, .page-title-title h1) { letter-spacing: -0.03em !important; }
body p { text-wrap: pretty; }
html[dir='rtl'] body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title, [class*='title-h']) { letter-spacing: 0 !important; }

/* Readable body copy (colours stay as set in Elementor) */
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p,
body .entry-content p {
	line-height: 1.75;
}
html[dir='rtl'] body .elementor-widget-text-editor p { line-height: 2; }

a { transition: color 0.2s var(--rz-ease), background-color 0.2s var(--rz-ease), border-color 0.2s var(--rz-ease); }

/* ---------- Preloader: content shows immediately ---------- */
#page-preloader,
.page-preloader-spin { display: none !important; }

/* ---------- Header ---------- */
#site-header .header-background::before {
	background-color: rgba(255, 255, 255, 0.82) !important;
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
	box-shadow: 0 1px 0 rgba(17, 23, 38, 0.08);
}

#primary-menu > li > a {
	text-transform: none !important;
	font-weight: 500 !important;
	font-size: 15px !important;
	letter-spacing: 0 !important;
	position: relative;
}
#primary-menu > li > a::after {
	content: '';
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -6px;
	height: 2px;
	border-radius: 2px;
	background: var(--rz-accent);
	transition: left 0.3s var(--rz-ease), right 0.3s var(--rz-ease);
}
#primary-menu > li:hover > a::after,
#primary-menu > li:is(.menu-item-current, .current-menu-item, .current-menu-ancestor):not(.pll-parent-menu-item) > a::after {
	left: 15px;
	right: 15px;
}

/* Replace the boxed active item with the underline above */
#site-header #primary-menu > li:is(.menu-item-current, .menu-item-active, .current-menu-item, .current-menu-ancestor) > a {
	border-color: transparent !important;
}

/* Language switcher becomes a quiet pill */
#site-header #primary-menu > li.pll-parent-menu-item > a {
	border: 1px solid currentColor !important;
	border-color: color-mix(in srgb, currentColor 35%, transparent) !important;
	border-radius: 999px !important;
	padding-left: 14px !important;
	padding-right: 14px !important;
}
#site-header #primary-menu > li.pll-parent-menu-item > a::after { display: none; }
#site-header #primary-menu > li.pll-parent-menu-item:hover > a { border-color: var(--rz-accent) !important; }
#primary-menu > li.pll-parent-menu-item > a img { border-radius: 2px; }

/* RTL: the theme draws the dropdown hover/current marker on the left; mirror it to the right */
body.rtl #primary-menu.no-responsive li li > a {
	padding-left: 35px !important;
	padding-right: 27px !important;
	border-left: 0 !important;
	border-right: 3px solid transparent !important;
	transition: color 0.3s, background-color 0.3s, border-right-color 0.3s !important;
}
body.rtl #primary-menu.no-responsive li li:hover > a,
body.rtl #primary-menu.no-responsive li li.menu-item-current > a,
body.rtl #primary-menu.no-responsive li li.menu-item-active > a { border-right-color: #f7931d !important; }

/* Mobile overlay menu: sub-items were 24px, bigger than the 15px top level */
#primary-menu:not(.no-responsive) li li > a {
	font-size: 14px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
#primary-menu:not(.no-responsive) li li { padding-top: 4px !important; padding-bottom: 4px !important; }
#primary-menu:not(.no-responsive) li.pll-parent-menu-item li > a img { width: 16px; height: auto; }
#primary-menu:not(.no-responsive) ul.sub-menu {
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* Persian mobile header: logo on the left, menu button on the right, as in English */
body.rtl #site-header .header-main:has(#primary-navigation.responsive) { direction: ltr; }
body.rtl #site-header .header-main:has(#primary-navigation.responsive) #primary-navigation { text-align: right; }
body.rtl #site-header #primary-navigation.responsive .overlay-menu-wrapper { direction: rtl; }

/* Dropdowns */
#primary-menu li ul,
#primary-menu .megamenu-template,
#primary-menu ul.sub-menu {
	border-radius: var(--rz-radius) !important;
	box-shadow: var(--rz-shadow-hover) !important;
	border: 1px solid var(--rz-line) !important;
	overflow: hidden;
}
#primary-menu li ul a { text-transform: none !important; font-weight: 500 !important; letter-spacing: 0 !important; }

/* ---------- Page title banner ---------- */
.page-title-block .page-title-title :is(h1, .title-h1) {
	font-size: clamp(36px, 5vw, 64px) !important;
	line-height: 1.05 !important;
	font-weight: 600 !important;
	color: #fff !important;
}
.page-title-block .breadcrumbs,
.page-title-block .breadcrumbs a {
	font-size: 14px !important;
	font-weight: 500;
	letter-spacing: 0.01em;
	text-transform: none !important;
}
.page-title-block .breadcrumbs a:hover { color: var(--rz-accent) !important; }

/* ---------- Buttons ---------- */
body :is(.gem-button, .elementor-button, .wpcf7-submit, button[type='submit'], input[type='submit']) {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
	border-radius: 10px !important;
	transition: transform 0.2s var(--rz-ease), background-color 0.2s var(--rz-ease), color 0.2s var(--rz-ease), border-color 0.2s var(--rz-ease), box-shadow 0.2s var(--rz-ease) !important;
}
body :is(.gem-button, .elementor-button, .wpcf7-submit, button[type='submit'], input[type='submit']):active {
	transform: translateY(1px) scale(0.98);
}
body .gem-button.gem-button-style-outline {
	border-width: 1.5px !important;
}
body .gem-button.gem-button-style-outline:hover {
	background-color: var(--rz-accent) !important;
	border-color: var(--rz-accent) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px -8px rgba(238, 138, 31, 0.6);
}

/* ---------- Projects grid ---------- */
.portfolio-item .wrap {
	border-radius: var(--rz-radius-lg) !important;
	overflow: hidden;
	background: #fff;
	box-shadow: var(--rz-shadow) !important;
	transition: transform 0.4s var(--rz-ease), box-shadow 0.4s var(--rz-ease);
}
.portfolio-item .wrap:hover {
	transform: translateY(-4px);
	box-shadow: var(--rz-shadow-hover) !important;
}
.portfolio-item .image,
.portfolio-item .image-inner { overflow: hidden; }
.portfolio-item .image img {
	transition: transform 0.8s var(--rz-ease) !important;
}
.portfolio-item .wrap:hover .image img { transform: scale(1.045); }
.portfolio-item .caption {
	background: #fff !important;
	padding-left: 28px !important;
	padding-right: 28px !important;
}
.portfolio-item .caption .title,
.portfolio-item .caption .title a {
	font-size: 19px !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	color: var(--rz-ink) !important;
}
.portfolio-item .caption .subtitle,
.portfolio-item .caption .subtitle a {
	color: var(--rz-muted) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}

/* Breathing room between the last row of projects and the footer */
.portfolio.portfolio-grid { padding-bottom: clamp(56px, 7vw, 96px); }

@media (max-width: 767px) {
	.portfolio-row-outer { padding-left: 16px; padding-right: 16px; }
	.portfolio-item .caption { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Filter tabs */
.portfolio-filters a,
.portfolio-filter-tabs-list li,
.portfolio-filter-tabs-list li a {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
}
.portfolio-filters a {
	border-radius: 999px !important;
	padding: 8px 18px !important;
	border: 0 !important;
	box-shadow: none !important;
	transition: background-color 0.2s var(--rz-ease), color 0.2s var(--rz-ease);
}
.portfolio-filters a::before,
.portfolio-filters a::after { display: none !important; }
.portfolio-filters a.active,
.portfolio-filters a:hover {
	background: var(--rz-accent-soft) !important;
	color: var(--rz-accent-strong) !important;
}

/* ---------- Elementor content polish ---------- */
body .elementor-widget-image img { transition: transform 0.6s var(--rz-ease); }
body .elementor-widget-divider .elementor-divider-separator { border-radius: 2px; }

/* Rounded media inside regular columns (not full-bleed backgrounds) */
body .elementor-widget-image:not(.elementor-widget__width-inherit) .elementor-image img,
body .elementor-widget-image > .elementor-widget-container > img,
body .elementor-widget-image > .elementor-widget-container > a > img {
	border-radius: var(--rz-radius);
}

/* ---------- Forms ---------- */
body :is(input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='search'], input[type='number'], textarea, select) {
	border-radius: 10px !important;
	transition: border-color 0.2s var(--rz-ease), box-shadow 0.2s var(--rz-ease);
}
body :is(input[type='text'], input[type='email'], input[type='tel'], input[type='url'], input[type='search'], input[type='number'], textarea, select):focus {
	border-color: var(--rz-accent) !important;
	box-shadow: 0 0 0 4px var(--rz-accent-soft) !important;
	outline: none !important;
}

/* ---------- Footer ---------- */
/* Keep the footer at the bottom of the window on short pages */
#page {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px));
}
#page > #main { flex: 1 0 auto; }
#page > #footer-nav,
#page > footer { flex-shrink: 0; }

#footer-nav.site-footer {
	background: var(--rz-navy-deep) !important;
	border-top: 3px solid var(--rz-accent);
}
#footer-nav .footer-site-info {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px !important;
	color: rgba(255, 255, 255, 0.55) !important;
	letter-spacing: 0.01em;
}
#footer-nav a { color: rgba(255, 255, 255, 0.75) !important; }
#footer-nav a:hover { color: var(--rz-accent) !important; }

/* ---------- 404 page: brand colours instead of the template's blue and yellow ---------- */
body.error404 { background: #f0f3f2; }
body.error404 #main { padding-top: 110px; }
body.error404 #site-header .header-background::before {
	background-color: var(--rz-navy-deep) !important;
	opacity: 1 !important;
}
body.error404 svg linearGradient stop { stop-color: var(--rz-accent) !important; }
body.error404 svg text { font-weight: 600 !important; }
body.error404 .styled-subtitle a {
	background: transparent !important;
	color: var(--rz-accent-strong) !important;
	padding: 0 !important;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
body.error404 .styled-subtitle a:hover { color: var(--rz-ink) !important; }

/* ---------- Scroll to top ---------- */
#page .scroll-top-button,
.scroll-top-button {
	border-radius: 12px !important;
	box-shadow: var(--rz-shadow);
}

/* ---------- Home: "Welcome to" bento (English and Persian homes share these Elementor IDs) ---------- */
.elementor-element-3a01650 {
	--wl-gap: clamp(12px, 1.6vw, 20px);
	position: relative;
	overflow: hidden;
	background-color: #eef2f5 !important;
	background-image:
		radial-gradient(ellipse 60% 45% at 85% 0%, rgba(238, 138, 31, 0.14), transparent 70%),
		radial-gradient(ellipse 55% 50% at 0% 100%, rgba(26, 34, 52, 0.10), transparent 70%),
		radial-gradient(rgba(26, 34, 52, 0.11) 1px, transparent 1.2px) !important;
	background-size: auto, auto, 22px 22px !important;
	padding-top: clamp(80px, 9vw, 140px) !important;
	padding-bottom: clamp(80px, 9vw, 140px) !important;
}
/* Oversized outlined wordmark behind the content */
.elementor-element-3a01650::before {
	content: "ROZHIN";
	position: absolute;
	inset-inline: 0;
	top: clamp(30px, 4vw, 60px);
	text-align: center;
	font: 800 clamp(90px, 19vw, 300px)/1 'Instrument Sans', sans-serif;
	letter-spacing: -0.04em;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(26, 34, 52, 0.07);
	pointer-events: none;
	white-space: nowrap;
	z-index: 0;
}
.elementor-element-3a01650 > .elementor-container { position: relative; z-index: 1; }

/* Headings: eyebrow first, then the display title; the scroll parallax stays but is damped so the two no longer cross */
.elementor-element-1a92501 > .elementor-widget-wrap { display: flex; flex-direction: column; align-items: center; }
.elementor-element-1a92501 > .elementor-widget-wrap > .elementor-element { width: 100% !important; }
.elementor-element-d3e8a1a { order: 1; margin-bottom: 14px !important; }
.elementor-element-750449a { order: 2; margin-bottom: clamp(40px, 5vw, 64px) !important; }
.elementor-element-6e21c89 { order: 3; }
.elementor-element-0982306 { order: 4; }
.elementor-element-750449a .elementor-motion-effects-element,
.elementor-element-d3e8a1a .elementor-motion-effects-element {
	transform: translateY(calc(var(--translateY, 0px) * 0.22)) !important;
	transition: transform 0.25s linear !important;
}
.elementor-element-d3e8a1a .elementor-heading-title {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.22em !important;
	line-height: 1 !important;
	color: var(--rz-accent-strong) !important;
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid rgba(238, 138, 31, 0.25);
	padding: 9px 18px 9px 16px;
	border-radius: 999px;
	backdrop-filter: blur(6px);
}
.elementor-element-d3e8a1a .elementor-heading-title::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--rz-accent);
	box-shadow: 0 0 0 4px var(--rz-accent-soft);
	animation: rz-pulse 2.4s var(--rz-ease) infinite;
}
.elementor-element-750449a .elementor-heading-title {
	font-size: clamp(38px, 6.2vw, 88px) !important;
	font-weight: 700 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.035em !important;
	color: var(--rz-ink) !important;
}
.elementor-element-750449a .elementor-heading-title::after { content: "."; color: var(--rz-accent); }
@keyframes rz-pulse {
	0%, 100% { box-shadow: 0 0 0 4px var(--rz-accent-soft); }
	50% { box-shadow: 0 0 0 8px rgba(238, 138, 31, 0); }
}

/* Grid: separated rounded tiles instead of one flat block */
.elementor-element-6e21c89,
.elementor-element-0982306 { background: transparent !important; }
.elementor-element-0982306 { margin-top: var(--wl-gap) !important; }
.elementor-element-6e21c89 > .elementor-container > .elementor-row,
.elementor-element-0982306 > .elementor-container > .elementor-row {
	margin: 0 !important;
	width: 100% !important;
	gap: var(--wl-gap);
	flex-wrap: nowrap;
}
.elementor-element-6e21c89 .elementor-inner-column,
.elementor-element-0982306 .elementor-inner-column {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0;
	position: relative;
	border-radius: var(--rz-radius-lg);
	overflow: hidden;
	isolation: isolate;
	box-shadow: 0 1px 2px rgba(17, 23, 38, 0.05), 0 18px 40px -24px rgba(17, 23, 38, 0.35);
	transition: transform 0.5s var(--rz-ease), box-shadow 0.5s var(--rz-ease);
}
.elementor-element-6e21c89 .elementor-inner-column:hover,
.elementor-element-0982306 .elementor-inner-column:hover {
	transform: translateY(-6px);
	box-shadow: 0 2px 4px rgba(17, 23, 38, 0.06), 0 30px 60px -26px rgba(17, 23, 38, 0.45);
}
.elementor-element-6e21c89 .elementor-inner-column > .elementor-widget-wrap,
.elementor-element-0982306 .elementor-inner-column > .elementor-widget-wrap {
	min-height: clamp(260px, 26vw, 360px);
	border-radius: inherit;
}

/* Photo tiles: a lighter wash on hover */
.elementor-element-4c609b3 > .elementor-widget-wrap,
.elementor-element-f1f9f9e > .elementor-widget-wrap,
.elementor-element-61f1ed1 > .elementor-widget-wrap {
	background-size: cover !important;
	background-position: center !important;
}
.elementor-element-4c609b3::after,
.elementor-element-f1f9f9e::after,
.elementor-element-61f1ed1::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 45%, rgba(17, 23, 38, 0.45));
	opacity: 0.7;
	transition: opacity 0.5s var(--rz-ease);
}
.elementor-element-4c609b3:hover::after,
.elementor-element-f1f9f9e:hover::after,
.elementor-element-61f1ed1:hover::after { opacity: 0.25; }

/* Text tiles: numbered, start-aligned, flip to navy on hover */
.elementor-element-2c09ca4 { counter-reset: wl 1; }
.elementor-element-0c5d3a1 { counter-reset: wl 2; }
.elementor-element-bd9770f { counter-reset: wl 3; }
.elementor-element-2c09ca4 > .elementor-widget-wrap,
.elementor-element-0c5d3a1 > .elementor-widget-wrap,
.elementor-element-bd9770f > .elementor-widget-wrap {
	position: relative;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end !important;
	align-content: stretch !important;
	padding: clamp(28px, 3vw, 44px) !important;
	padding-top: clamp(72px, 7vw, 96px) !important;
	background: #fff !important;
	transition: background-color 0.5s var(--rz-ease);
}
.elementor-element-2c09ca4 > .elementor-widget-wrap::before,
.elementor-element-0c5d3a1 > .elementor-widget-wrap::before,
.elementor-element-bd9770f > .elementor-widget-wrap::before {
	content: "0" counter(wl);
	position: absolute;
	top: clamp(26px, 2.8vw, 40px);
	inset-inline-start: clamp(28px, 3vw, 44px);
	font: 600 13px/1 'Instrument Sans', sans-serif;
	letter-spacing: 0.14em;
	color: var(--rz-accent-strong);
}
.elementor-element-2c09ca4 > .elementor-widget-wrap::after,
.elementor-element-0c5d3a1 > .elementor-widget-wrap::after,
.elementor-element-bd9770f > .elementor-widget-wrap::after {
	content: "";
	position: absolute;
	top: clamp(14px, 2vw, 27px);
	inset-inline-end: clamp(22px, 2.6vw, 36px);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid var(--rz-line);
	background: center / 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231a2234' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5'/%3E%3C/svg%3E");
	transition: transform 0.5s var(--rz-ease), background-color 0.5s var(--rz-ease), border-color 0.5s var(--rz-ease);
}
[dir="rtl"] .elementor-element-2c09ca4 > .elementor-widget-wrap::after,
[dir="rtl"] .elementor-element-0c5d3a1 > .elementor-widget-wrap::after,
[dir="rtl"] .elementor-element-bd9770f > .elementor-widget-wrap::after { transform: scaleX(-1); }
.elementor-element-2c09ca4:hover > .elementor-widget-wrap,
.elementor-element-0c5d3a1:hover > .elementor-widget-wrap,
.elementor-element-bd9770f:hover > .elementor-widget-wrap { background: var(--rz-navy) !important; }
.elementor-element-2c09ca4:hover > .elementor-widget-wrap::after,
.elementor-element-0c5d3a1:hover > .elementor-widget-wrap::after,
.elementor-element-bd9770f:hover > .elementor-widget-wrap::after {
	background-color: var(--rz-accent);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5'/%3E%3C/svg%3E");
	border-color: var(--rz-accent);
	transform: rotate(45deg);
}
[dir="rtl"] .elementor-element-2c09ca4:hover > .elementor-widget-wrap::after,
[dir="rtl"] .elementor-element-0c5d3a1:hover > .elementor-widget-wrap::after,
[dir="rtl"] .elementor-element-bd9770f:hover > .elementor-widget-wrap::after { transform: scaleX(-1) rotate(45deg); }

.elementor-element-2c09ca4 .elementor-widget,
.elementor-element-0c5d3a1 .elementor-widget,
.elementor-element-bd9770f .elementor-widget { width: 100%; margin-bottom: 0 !important; text-align: start !important; }
.elementor-element-2c09ca4 .elementor-heading-title,
.elementor-element-0c5d3a1 .elementor-heading-title,
.elementor-element-bd9770f .elementor-heading-title {
	text-align: start !important;
	font-size: clamp(20px, 1.9vw, 26px) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--rz-ink) !important;
	transition: color 0.5s var(--rz-ease);
}
.elementor-element-2c09ca4 .elementor-divider,
.elementor-element-0c5d3a1 .elementor-divider,
.elementor-element-bd9770f .elementor-divider { justify-content: flex-start; padding: 16px 0 !important; }
.elementor-element-2c09ca4 .elementor-divider-separator,
.elementor-element-0c5d3a1 .elementor-divider-separator,
.elementor-element-bd9770f .elementor-divider-separator {
	width: 36px !important;
	margin: 0 !important;
	border-top-color: var(--rz-accent) !important;
	border-radius: 3px;
	transition: width 0.6s var(--rz-ease);
}
.elementor-element-2c09ca4:hover .elementor-divider-separator,
.elementor-element-0c5d3a1:hover .elementor-divider-separator,
.elementor-element-bd9770f:hover .elementor-divider-separator { width: 84px !important; }
.elementor-element-2c09ca4 .elementor-widget-text-editor,
.elementor-element-0c5d3a1 .elementor-widget-text-editor,
.elementor-element-bd9770f .elementor-widget-text-editor {
	text-align: start !important;
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: var(--rz-muted) !important;
	transition: color 0.5s var(--rz-ease);
}
.elementor-element-2c09ca4 .elementor-widget-text-editor *,
.elementor-element-0c5d3a1 .elementor-widget-text-editor *,
.elementor-element-bd9770f .elementor-widget-text-editor * { color: inherit !important; text-align: inherit !important; }
.elementor-element-2c09ca4 .elementor-widget-text-editor p,
.elementor-element-0c5d3a1 .elementor-widget-text-editor p,
.elementor-element-bd9770f .elementor-widget-text-editor p { margin: 0; }
.elementor-element-2c09ca4 .elementor-widget-text-editor br,
.elementor-element-0c5d3a1 .elementor-widget-text-editor br,
.elementor-element-bd9770f .elementor-widget-text-editor br { display: none; }
.elementor-element-2c09ca4:hover .elementor-heading-title,
.elementor-element-0c5d3a1:hover .elementor-heading-title,
.elementor-element-bd9770f:hover .elementor-heading-title { color: #fff !important; }
.elementor-element-2c09ca4:hover .elementor-widget-text-editor,
.elementor-element-0c5d3a1:hover .elementor-widget-text-editor,
.elementor-element-bd9770f:hover .elementor-widget-text-editor { color: rgba(255, 255, 255, 0.72) !important; }

/* Tiles rise in one after another as the grid scrolls into view */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		.elementor-element-6e21c89 .elementor-inner-column,
		.elementor-element-0982306 .elementor-inner-column {
			animation: rz-tile-in linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 70%;
		}
		.elementor-element-6e21c89 .elementor-inner-column:nth-child(2),
		.elementor-element-0982306 .elementor-inner-column:nth-child(2) { animation-range: entry 8% entry 80%; }
		.elementor-element-6e21c89 .elementor-inner-column:nth-child(3),
		.elementor-element-0982306 .elementor-inner-column:nth-child(3) { animation-range: entry 16% entry 90%; }
	}
}
@keyframes rz-tile-in {
	from { opacity: 0; translate: 0 48px; scale: 0.97; }
	to { opacity: 1; translate: 0 0; scale: 1; }
}

@media (max-width: 767px) {
	.elementor-element-6e21c89 > .elementor-container > .elementor-row,
	.elementor-element-0982306 > .elementor-container > .elementor-row { flex-wrap: wrap; }
	.elementor-element-6e21c89 .elementor-inner-column,
	.elementor-element-0982306 .elementor-inner-column { flex: 1 1 100% !important; }
	.elementor-element-6e21c89 .elementor-inner-column > .elementor-widget-wrap,
	.elementor-element-0982306 .elementor-inner-column > .elementor-widget-wrap { min-height: 240px; }
}

/* ---------- Home: "Sectors coverage" over the plant photo ---------- */
.elementor-element-7bbfa9a {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-size: cover !important;
}
/* Navy wash with a warm glow so the photo reads as texture, not noise */
.elementor-element-7bbfa9a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 45% 30% at 50% 100%, rgba(238, 138, 31, 0.13), transparent 70%),
		linear-gradient(180deg, rgba(17, 23, 38, 0.86) 0%, rgba(17, 23, 38, 0.4) 50%, rgba(17, 23, 38, 0.9) 100%);
}
.elementor-element-7bbfa9a > .elementor-container { position: relative; z-index: 1; }
/* The photo parallax is Elementor's own background scrolling effect; keep its layer under the wash */
.elementor-element-7bbfa9a > .elementor-motion-effects-container { z-index: -1; }

.elementor-element-aa18e5b > .elementor-widget-wrap { display: flex; flex-direction: column; align-items: center; }
.elementor-element-aa18e5b > .elementor-widget-wrap > .elementor-element { width: 100% !important; }
.elementor-element-8de51de .elementor-motion-effects-element,
.elementor-element-65203fc .elementor-motion-effects-element,
.elementor-element-cb468ce .elementor-motion-effects-element {
	transform: translateY(calc(var(--translateY, 0px) * 0.22)) !important;
	transition: transform 0.25s linear !important;
}
/* Headings keep their Elementor sizes; only a short accent rule and calmer intro copy */
.elementor-element-8de51de .elementor-heading-title::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin: 18px auto 0;
	border-radius: 3px;
	background: var(--rz-accent);
}
.elementor-element-65203fc { margin-bottom: clamp(40px, 5vw, 64px) !important; }
.elementor-element-65203fc .elementor-heading-title {
	max-width: 60ch;
	margin-inline: auto;
	color: rgba(255, 255, 255, 0.78) !important;
	text-wrap: balance;
}

/* Glass cards */
.elementor-element-cb468ce .quickfinder { display: flex; flex-wrap: wrap; row-gap: 20px; }
.elementor-element-cb468ce .quickfinder-item { display: flex; float: none; }
.elementor-element-cb468ce .quickfinder-item-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
	/* between the original 60px/30px and the first redesign: a bit taller, a bit narrower */
	margin-inline: clamp(0px, 0.6vw, 10px);
	padding: clamp(56px, 5vw, 68px) clamp(22px, 2vw, 28px) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 24px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 50px -30px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	transition: transform 0.55s var(--rz-ease), border-color 0.55s var(--rz-ease), background-color 0.55s var(--rz-ease);
}
/* accent bar that sweeps in along the top edge */
.elementor-element-cb468ce .quickfinder-item-inner::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--rz-accent), transparent);
	transform: scaleX(0);
	transition: transform 0.7s var(--rz-ease);
}
/* soft glow rising from the bottom on hover */
.elementor-element-cb468ce .quickfinder-item-inner::after {
	content: "";
	position: absolute;
	inset: auto -20% -60% -20%;
	height: 80%;
	z-index: -1;
	background: radial-gradient(closest-side, rgba(238, 138, 31, 0.28), transparent);
	opacity: 0;
	transition: opacity 0.6s var(--rz-ease);
}
.elementor-element-cb468ce .quickfinder-item-inner:hover {
	transform: translateY(-8px);
	border-color: rgba(238, 138, 31, 0.45) !important;
}
.elementor-element-cb468ce .quickfinder-item-inner:hover::before { transform: scaleX(1); }
.elementor-element-cb468ce .quickfinder-item-inner:hover::after { opacity: 1; }

.elementor-element-cb468ce .gem-image img {
	width: 96px !important;
	height: 96px !important;
	object-fit: cover;
	border-radius: 50% !important;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.06), 0 0 0 7px rgba(255, 255, 255, 0.14);
	transition: transform 0.6s var(--rz-ease), box-shadow 0.6s var(--rz-ease);
}
.elementor-element-cb468ce .quickfinder-item-inner:hover .gem-image img {
	transform: scale(1.06);
	box-shadow: 0 0 0 6px rgba(238, 138, 31, 0.18), 0 0 0 7px rgba(238, 138, 31, 0.6);
}
.elementor-element-cb468ce .quickfinder-icon-container { margin-bottom: 26px !important; }
.elementor-element-cb468ce .quickfinder-title {
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.015em !important;
	text-transform: none !important;
	color: #fff !important;
	margin-bottom: 12px !important;
}
.elementor-element-cb468ce .quickfinder-description,
.elementor-element-cb468ce .quickfinder-description * {
	font-size: 14.5px !important;
	line-height: 1.7 !important;
	color: rgba(255, 255, 255, 0.66) !important;
}

/* ---------- Project single: spec card, framed gallery, key-fact cards (every project page shares this Elementor layout) ---------- */
body.single-rozhin_pf_item .block-content {
	background: radial-gradient(rgba(17, 23, 38, 0.07) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(180deg, var(--rz-surface) 0%, #fff 75%);
}
body.single-rozhin_pf_item main.elementor-top-section {
	padding-top: clamp(48px, 6vw, 88px) !important;
	padding-bottom: clamp(56px, 7vw, 100px) !important;
	background: transparent !important;
}
body.single-rozhin_pf_item main .elementor-inner-section {
	padding-bottom: clamp(28px, 3vw, 40px) !important;
}

/* Overview card */
body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child > .elementor-widget-wrap {
	position: relative;
	margin: 0 !important;
	padding: 34px 32px 30px !important;
	background: #fff !important;
	border: 1px solid var(--rz-line);
	border-radius: 24px;
	box-shadow: 0 30px 60px -34px rgba(17, 23, 38, 0.32);
	overflow: hidden;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child > .elementor-widget-wrap::before {
	content: '';
	position: absolute;
	inset: 0 0 auto;
	height: 4px;
	background: linear-gradient(90deg, var(--rz-accent), rgba(238, 138, 31, 0.15));
}
body.rtl.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child > .elementor-widget-wrap::before {
	background: linear-gradient(270deg, var(--rz-accent), rgba(238, 138, 31, 0.15));
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-heading {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 22px !important;
	border-bottom: 1px solid var(--rz-line);
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-heading > .elementor-widget-container,
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	text-align: start !important;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor > .elementor-widget-container {
	margin-top: 6px !important;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-heading .elementor-widget-container::before {
	content: 'Project overview';
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--rz-accent-strong);
}
body.rtl.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-heading .elementor-widget-container::before {
	content: 'معرفی پروژه';
	letter-spacing: 0;
	font-size: 13px;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-heading-title {
	padding: 0 !important;
	font-size: clamp(21px, 1.7vw, 25px) !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em;
	color: var(--rz-ink) !important;
	text-align: start !important;
	text-wrap: balance;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor {
	width: 100% !important;
	margin: 0 !important;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor p {
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px solid var(--rz-line);
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--rz-ink);
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor p strong {
	margin-inline-end: 4px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--rz-muted);
}
body.rtl.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor p strong {
	font-size: 14px;
	letter-spacing: 0;
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor p:last-child {
	margin-top: 18px;
	padding: 18px 20px;
	border: 0;
	border-radius: 16px;
	background: var(--rz-surface);
	font-size: 14.5px;
	line-height: 1.8;
	color: var(--rz-text);
}
body.single-rozhin_pf_item main .elementor-inner-section .elementor-widget-text-editor p:last-child strong {
	display: block;
	margin-bottom: 6px;
}

/* Gallery frame */
body.single-rozhin_pf_item .elementor-widget-rozhin-gallery-slider > .elementor-widget-container {
	padding: 14px !important;
	background: #fff !important;
	border: 1px solid var(--rz-line);
	border-radius: 24px;
	box-shadow: 0 30px 60px -34px rgba(17, 23, 38, 0.32);
}
body.single-rozhin_pf_item .elementor-widget-rozhin-gallery-slider .gem-gallery-preview-carousel-wrap {
	border-radius: 16px;
	overflow: hidden;
}
body.single-rozhin_pf_item .elementor-widget-rozhin-gallery-slider .gem-gallery-thumbs-carousel .gem-gallery-item {
	border-radius: 10px;
	overflow: hidden;
	opacity: 0.5;
	transition: opacity 0.25s;
}
body.single-rozhin_pf_item .elementor-widget-rozhin-gallery-slider .gem-gallery-thumbs-carousel .gem-gallery-item:hover,
body.single-rozhin_pf_item .elementor-widget-rozhin-gallery-slider .gem-gallery-thumbs-carousel .gem-gallery-item.active {
	opacity: 1;
}

/* Key facts under the gallery: icon above label and value, equal-height cards */
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders {
	margin-top: 24px;
}
/* a grid instead of Bootstrap's row so the outer cards line up with the gallery frame edges */
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0 !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders > .elementor-widget-container {
	padding: 0 !important;
	margin: 0 !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder::before,
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder::after {
	display: none;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-item {
	display: flex;
	float: none;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
@media (max-width: 767px) {
	body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder {
		grid-template-columns: minmax(0, 1fr);
		gap: 14px;
	}
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-item-inner {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 28px 20px !important;
	text-align: center !important;
	background: #fff !important;
	border: 1px solid var(--rz-line) !important;
	border-radius: 20px;
	box-shadow: 0 20px 44px -30px rgba(17, 23, 38, 0.3);
	transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-item-inner:hover {
	transform: translateY(-4px);
	border-color: rgba(238, 138, 31, 0.4) !important;
	box-shadow: 0 26px 50px -28px rgba(17, 23, 38, 0.38);
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-icon-container {
	flex: 0 0 auto;
	margin: 0 !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .connector-container {
	display: none;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper {
	display: block !important;
	width: 60px;
	height: 60px;
	margin: 0 !important;
	border-radius: 18px;
	background: var(--rz-accent-soft);
}
/* the theme draws each icon twice in clipped halves; show one copy, centred */
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .gem-icon,
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .gem-icon-inner,
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .padding-box-inner {
	position: static !important;
	display: grid !important;
	place-items: center;
	width: 60px !important;
	height: 60px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	transform: none !important;
	line-height: 1 !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .gem-icon-half-2,
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .icon-hover-bg {
	display: none !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .gem-icon-half-1,
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper .back-angle {
	display: contents !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper i {
	width: auto !important;
	height: auto !important;
	font-size: 26px !important;
	line-height: 1 !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .gem-qf-icon-image-wrapper svg {
	width: 26px !important;
	height: 26px !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-item-info-wrapper {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-title {
	margin: 0 0 4px !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em;
	text-transform: uppercase !important;
	color: var(--rz-muted) !important;
}
body.rtl.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-title {
	font-size: 13px !important;
	letter-spacing: 0;
}
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-description,
body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-description * {
	margin: 0 !important;
	font-size: 16.5px !important;
	line-height: 1.45 !important;
	font-weight: 600 !important;
	color: var(--rz-ink) !important;
}

/* Persian project pages still carry English text: lay out each line by its own script so "24 Months" doesn't flip to "Months 24" */
body.rtl.single-rozhin_pf_item main .elementor-heading-title,
body.rtl.single-rozhin_pf_item main .elementor-widget-text-editor p,
body.rtl.single-rozhin_pf_item main .quickfinder-title,
body.rtl.single-rozhin_pf_item main .quickfinder-description p {
	unicode-bidi: plaintext;
}
body.rtl.single-rozhin_pf_item main .elementor-inner-section .elementor-heading-title,
body.rtl.single-rozhin_pf_item main .elementor-widget-text-editor p {
	text-align: right !important;
}

@media (min-width: 1025px) {
	body.single-rozhin_pf_item main .elementor-inner-section > .elementor-container > .elementor-row {
		align-items: flex-start;
	}
	body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child {
		position: sticky;
		top: 96px;
		padding-inline-end: 14px;
	}
	body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:last-child > .elementor-widget-wrap {
		padding-inline: 14px 0 !important;
	}
}
@media (max-width: 1024px) {
	body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child {
		margin-bottom: 24px;
	}
	body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child > .elementor-widget-wrap {
		margin-inline: 20px !important;
	}
}
@media (max-width: 767px) {
	body.single-rozhin_pf_item main .elementor-inner-section .elementor-column:first-child > .elementor-widget-wrap {
		padding: 28px 22px 24px !important;
	}
	body.single-rozhin_pf_item main .elementor-widget-rozhin-quickfinders .quickfinder-item-inner {
		padding: 22px 20px !important;
	}
}