/* ==========================================================================
   HECH Liquid Glass — inner pages (everything except the home page)
   Elements are tagged by glass-inner.js from their Elementor colours:
     hag-g-card      cards with the orange glow        → white glass, orange accent line
     hag-g-navy      navy blocks                        → navy glass with a soft glow
     hag-g-navybtn   navy buttons                       → glossy navy
     hag-g-olive     olive bands / panels               → olive glass stage
     hag-g-olivebtn  olive buttons                      → glossy olive
     hag-g-orangebox orange boxes                       → glossy orange tiles
     hag-g-orangebtn orange buttons                     → glossy orange
     hag-g-lightbtn  light outlined buttons             → white glass pills
     hag-g-hero      photo hero at the top of a page    → rounded photo window
     hag-g-stage     full-width dark bands              → rounded navy stage
   ========================================================================== */
html body.hag-glass-ft:not(.hag-glass) {
	--gi-shadow: 0 18px 44px rgba(29, 38, 67, .10), 0 2px 6px rgba(29, 38, 67, .05);
	--gi-ease: cubic-bezier(.2, .8, .2, 1);
}
html body.hag-glass-ft:not(.hag-glass) .hag-g { transition: transform .35s var(--gi-ease), box-shadow .35s, filter .25s; }
html body.hag-glass-ft:not(.hag-glass) .hag-g.hag-r { border-radius: 24px !important; }
html body.hag-glass-ft:not(.hag-glass) .hag-g.hag-r-s { border-radius: 14px !important; }
/* Elementor draws background overlays on ::before — keep them inside the rounded shape */
html body.hag-glass-ft:not(.hag-glass) .hag-g::before,
html body.hag-glass-ft:not(.hag-glass) .hag-g > .elementor-background-overlay { border-radius: inherit; }

/* ---------------------------------------------------------------- cards */
html body.hag-glass-ft:not(.hag-glass) .hag-g-card {
	background:
		linear-gradient(90deg, rgba(255, 123, 0, 0), rgba(255, 123, 0, .9), rgba(255, 123, 0, 0)) top center / 56% 3px no-repeat,
		rgba(255, 255, 255, .8) !important;
	-webkit-backdrop-filter: blur(18px) saturate(170%);
	backdrop-filter: blur(18px) saturate(170%);
	border: 1px solid rgba(255, 255, 255, .95) !important;
	box-shadow: var(--gi-shadow), inset 0 1px 0 #fff !important;
}
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-card:hover { transform: translateY(-5px); box-shadow: 0 28px 56px rgba(29, 38, 67, .16), 0 0 0 1px rgba(255, 123, 0, .25), inset 0 1px 0 #fff !important; }
}

/* ---------------------------------------------------------------- navy */
html body.hag-glass-ft:not(.hag-glass) .hag-g-navy {
	background:
		radial-gradient(120% 90% at 100% 0%, rgba(131, 160, 49, .22), transparent 55%),
		radial-gradient(90% 80% at 0% 100%, rgba(255, 123, 0, .12), transparent 60%),
		linear-gradient(155deg, #2b3763, #1d2643) !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	box-shadow: 0 20px 44px rgba(29, 38, 67, .26), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-navy:hover { transform: translateY(-4px); box-shadow: 0 28px 56px rgba(29, 38, 67, .32), 0 0 0 1px rgba(163, 193, 76, .45), inset 0 1px 0 rgba(255, 255, 255, .2) !important; }
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-navybtn {
	background: linear-gradient(180deg, #36457d 0%, #1d2643 100%) !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	box-shadow: 0 10px 22px rgba(29, 38, 67, .25), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

/* ---------------------------------------------------------------- olive */
html body.hag-glass-ft:not(.hag-glass) .hag-g-olive {
	background:
		radial-gradient(70% 120% at 100% 0%, rgba(255, 255, 255, .22), transparent 60%),
		radial-gradient(60% 100% at 0% 100%, rgba(29, 38, 67, .18), transparent 60%),
		linear-gradient(140deg, #97b640 0%, #83a031 50%, #6d8827 100%) !important;
	border: 1px solid rgba(255, 255, 255, .32) !important;
	box-shadow: 0 24px 56px rgba(111, 138, 40, .28), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-olive.hag-r { border-radius: 28px !important; }
html body.hag-glass-ft:not(.hag-glass) .hag-g-olivebtn {
	background: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%) !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	box-shadow: 0 10px 22px rgba(111, 138, 40, .32), inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -2px 0 rgba(0, 0, 0, .08) !important;
}

/* ---------------------------------------------------------------- orange */
html body.hag-glass-ft:not(.hag-glass) .hag-g-orangebtn,
html body.hag-glass-ft:not(.hag-glass) .hag-g-orangebox {
	background: linear-gradient(180deg, #ff9a3c 0%, #ff7b00 55%, #ef6c00 100%) !important;
	border: 1px solid rgba(255, 255, 255, .35) !important;
	box-shadow: 0 12px 26px rgba(255, 123, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -2px 0 rgba(0, 0, 0, .08) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-orangebox {
	background:
		radial-gradient(90% 70% at 30% 0%, rgba(255, 255, 255, .28), transparent 60%),
		linear-gradient(160deg, #ff9a3c 0%, #ff7b00 50%, #ea6400 100%) !important;
	box-shadow: 0 22px 44px rgba(255, 123, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
}

/* ---------------------------------------------------------------- light buttons */
html body.hag-glass-ft:not(.hag-glass) .hag-g-lightbtn {
	background: rgba(255, 255, 255, .9) !important;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(131, 160, 49, .45) !important;
	box-shadow: 0 8px 18px rgba(29, 38, 67, .10), inset 0 1px 0 #fff !important;
}
/* same rounding as the buttons next to them (e.g. «جزئیات اجرایی» / «چک لیست») */
html body.hag-glass-ft:not(.hag-glass) .hag-g-lightbtn.hag-r-s { border-radius: 14px !important; }

/* all buttons lift a little under the pointer */
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-navybtn:hover,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-olivebtn:hover,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-orangebtn:hover,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-lightbtn:hover,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-orangebox:hover { transform: translateY(-2px); filter: brightness(1.04); }
}

/* ---------------------------------------------------------------- hero + dark bands */
html body.hag-glass-ft:not(.hag-glass) .hag-g-hero,
html body.hag-glass-ft:not(.hag-glass) .hag-g-stage {
	max-width: calc(100% - 24px) !important;
	margin-inline: auto !important;
	border-radius: 36px !important;
	box-shadow: 0 30px 70px rgba(29, 38, 67, .2) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-stage {
	background-image:
		radial-gradient(45% 70% at 92% 8%, rgba(131, 160, 49, .2), transparent 70%),
		radial-gradient(40% 70% at 6% 95%, rgba(255, 123, 0, .12), transparent 70%) !important;
}
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-hero,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-stage { max-width: calc(100% - 16px) !important; border-radius: 28px !important; }
	html body.hag-glass-ft:not(.hag-glass) .hag-g.hag-r { border-radius: 20px !important; }
}


/* ---------------------------------------------------------------- photo cards, tinted boxes */
html body.hag-glass-ft:not(.hag-glass) .hag-g-photo {
	border-color: rgba(255, 255, 255, .9) !important;
	box-shadow: 0 18px 40px rgba(29, 38, 67, .18) !important;
	overflow: hidden;
}
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-photo:hover { transform: translateY(-4px); box-shadow: 0 26px 52px rgba(29, 38, 67, .24) !important; }
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-orangetint {
	background: linear-gradient(135deg, rgba(255, 123, 0, .14), rgba(255, 123, 0, .06)) !important;
	border: 1px solid rgba(255, 123, 0, .28) !important;
	box-shadow: 0 12px 28px rgba(255, 123, 0, .10), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
}

/* ---------------------------------------------------------------- full-width colour bands */
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandorange,
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandolive {
	max-width: calc(100% - 24px) !important;
	margin-inline: auto !important;
	border-radius: 36px !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandorange {
	background:
		radial-gradient(45% 80% at 90% 0%, rgba(255, 255, 255, .22), transparent 70%),
		radial-gradient(40% 80% at 5% 100%, rgba(29, 38, 67, .16), transparent 70%),
		linear-gradient(160deg, #ff9a3c 0%, #ff7b00 50%, #ea6400 100%) !important;
	box-shadow: 0 30px 70px rgba(255, 123, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandolive {
	background:
		radial-gradient(45% 80% at 90% 0%, rgba(255, 255, 255, .22), transparent 70%),
		linear-gradient(140deg, #97b640 0%, #83a031 50%, #6d8827 100%) !important;
	box-shadow: 0 30px 70px rgba(111, 138, 40, .26), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-stage { background-color: #1d2643 !important; }
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-bandorange,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-bandolive { max-width: calc(100% - 16px) !important; border-radius: 28px !important; }
}


/* ---------------------------------------------------------------- accents, in-page bars */
html body.hag-glass-ft:not(.hag-glass) .hag-g-accent {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, .06)) !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	box-shadow: 0 10px 24px rgba(29, 38, 67, .16), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-bar {
	max-width: calc(100% - 24px) !important;
	margin-inline: auto !important;
	border-radius: 28px !important;
	background:
		radial-gradient(40% 120% at 92% 0%, rgba(131, 160, 49, .24), transparent 70%),
		radial-gradient(35% 120% at 5% 100%, rgba(255, 123, 0, .14), transparent 70%),
		linear-gradient(160deg, #26305a, #1d2643) !important;
	box-shadow: 0 20px 48px rgba(29, 38, 67, .2), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
html body.hag-glass-ft:not(.hag-glass) .hag-g-bartint {
	max-width: calc(100% - 24px) !important;
	margin-inline: auto !important;
	border-radius: 24px !important;
	background: linear-gradient(135deg, rgba(255, 123, 0, .16), rgba(255, 123, 0, .06)) !important;
	border: 1px solid rgba(255, 123, 0, .25) !important;
}
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-bar, html body.hag-glass-ft:not(.hag-glass) .hag-g-bartint { max-width: calc(100% - 16px) !important; border-radius: 22px !important; }
}

/* ==========================================================================
   Plugin components (blog lists, news, podcasts, experiences, search, comments)
   ========================================================================== */
/* post cards: blog archive, «دستورالعمل‌ها», news, experiences, related posts */
html body.hag-glass-ft:not(.hag-glass) .company-blog-post-item,
html body.hag-glass-ft:not(.hag-glass) .blog-item-holder,
html body.hag-glass-ft:not(.hag-glass) .elespare-posts-grid-post-items,
html body.hag-glass-ft:not(.hag-glass) .elespare-posts-trending-post-items,
html body.hag-glass-ft:not(.hag-glass) .pc-card,
html body.hag-glass-ft:not(.hag-glass) .company-faq-item {
	border: 1px solid rgba(255, 255, 255, .95) !important;
	border-radius: 22px !important;
	background: rgba(255, 255, 255, .84) !important;
	-webkit-backdrop-filter: blur(16px) saturate(170%);
	backdrop-filter: blur(16px) saturate(170%);
	box-shadow: 0 16px 38px rgba(29, 38, 67, .10), inset 0 1px 0 #fff !important;
	overflow: hidden;
	transition: transform .35s var(--gi-ease), box-shadow .35s;
}
html body.hag-glass-ft:not(.hag-glass) .company-faq-item { overflow: visible; }
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .company-blog-post-item:hover,
	html body.hag-glass-ft:not(.hag-glass) .blog-item-holder:hover,
	html body.hag-glass-ft:not(.hag-glass) .elespare-posts-grid-post-items:hover,
	html body.hag-glass-ft:not(.hag-glass) .pc-card:hover { transform: translateY(-5px); box-shadow: 0 26px 52px rgba(29, 38, 67, .16), 0 0 0 1px rgba(255, 123, 0, .25), inset 0 1px 0 #fff !important; }
}
html body.hag-glass-ft:not(.hag-glass) .company-blog-post-item img,
html body.hag-glass-ft:not(.hag-glass) .blog-item-holder img,
html body.hag-glass-ft:not(.hag-glass) .elespare-posts-grid-post-items img { border-radius: 16px; }
/* title underline was the old teal */
html body.hag-glass-ft:not(.hag-glass) .company-blog-post-title { border-color: rgba(131, 160, 49, .55) !important; }
html body.hag-glass-ft:not(.hag-glass) .anwp-pg-post-teaser__thumbnail { border-radius: 16px !important; border-color: rgba(255, 255, 255, .95) !important; box-shadow: 0 10px 24px rgba(29, 38, 67, .14); overflow: hidden; }
html body.hag-glass-ft:not(.hag-glass) .anwp-pg-read-more { border-radius: 12px !important; overflow: hidden; background: linear-gradient(180deg, #36457d, #1d2643) !important; }
html body.hag-glass-ft:not(.hag-glass) .anwp-pg-read-more a { color: #fff !important; }

/* accordions of Element Pack (start designing, summer landing) */
html body.hag-glass-ft:not(.hag-glass) .bdt-ep-accordion-item { margin-bottom: 10px; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 28px rgba(29, 38, 67, .14); }
html body.hag-glass-ft:not(.hag-glass) .bdt-ep-accordion-title {
	background: linear-gradient(160deg, #36457d, #1d2643) !important;
	border: 0 !important;
}
html body.hag-glass-ft:not(.hag-glass) .bdt-ep-accordion-content { background: rgba(255, 255, 255, .9) !important; }

/* search boxes */
html body.hag-glass-ft:not(.hag-glass) .asp_w.asp_m,
html body.hag-glass-ft:not(.hag-glass) .asp_w.asp_m .probox {
	border-radius: 99px !important;
	background: rgba(255, 255, 255, .9) !important;
	border: 1px solid rgba(29, 38, 67, .12) !important;
	box-shadow: 0 10px 26px rgba(29, 38, 67, .10), inset 0 1px 0 #fff !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-3afe525 > .elementor-widget-container,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-8ffb991 > .elementor-widget-container { border: 0 !important; border-radius: 99px !important; box-shadow: none !important; }

/* single article: hero box, comments */
html body.hag-glass-ft:not(.hag-glass) .blog-single-hero-box {
	border: 1px solid rgba(255, 255, 255, .95) !important;
	border-radius: 28px !important;
	background: rgba(255, 255, 255, .84) !important;
	box-shadow: 0 24px 56px rgba(29, 38, 67, .12), inset 0 1px 0 #fff !important;
	overflow: hidden;
}
html body.hag-glass-ft:not(.hag-glass) .blog-single-hero-box img { border-radius: 20px; }
html body.hag-glass-ft:not(.hag-glass) .field-box {
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .9) !important;
	border: 1px solid rgba(29, 38, 67, .12) !important;
	box-shadow: inset 0 1px 2px rgba(29, 38, 67, .05) !important;
}
html body.hag-glass-ft:not(.hag-glass) .field-box:focus-within { border-color: rgba(131, 160, 49, .8) !important; box-shadow: 0 0 0 4px rgba(131, 160, 49, .18) !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-location-single button.w-full,
html body.hag-glass-ft:not(.hag-glass) [data-elementor-type="single-post"] button.w-full {
	border-radius: 16px !important;
	background: linear-gradient(180deg, #ff9a3c 0%, #ff7b00 55%, #ef6c00 100%) !important;
	box-shadow: 0 12px 26px rgba(255, 123, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

/* project pages: testimonial (was black), its frame (was teal) */
html body.hag-glass-ft:not(.hag-glass) .company-testimonial-item {
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(131, 160, 49, .18), transparent 70%),
		radial-gradient(50% 80% at 0% 100%, rgba(255, 123, 0, .14), transparent 70%),
		linear-gradient(135deg, #1d2643, #252f55) !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 28px !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d { border-color: rgba(131, 160, 49, .35) !important; border-radius: 28px !important; }

/* portfolio archive: filter panel and sort tabs */
html body.hag-glass-ft:not(.hag-glass) #company-archive-side,
html body.hag-glass-ft:not(.hag-glass) .archive-sorting-box {
	border-radius: 22px !important;
	border-color: rgba(255, 255, 255, .95) !important;
	background: rgba(255, 255, 255, .86) !important;
	box-shadow: 0 16px 38px rgba(29, 38, 67, .10), inset 0 1px 0 #fff !important;
}
html body.hag-glass-ft:not(.hag-glass) #company-archive-side { padding: 16px !important; }
html body.hag-glass-ft:not(.hag-glass) .archive-sorting-box { padding: 8px 14px !important; }
html body.hag-glass-ft:not(.hag-glass) #archive-search-field { border-radius: 14px !important; background: #fff !important; border: 1px solid rgba(29, 38, 67, .1) !important; }
html body.hag-glass-ft:not(.hag-glass) .company-filter-header { border-radius: 12px !important; }
html body.hag-glass-ft:not(.hag-glass) a.pl-1.active {
	border-radius: 12px !important;
	background: linear-gradient(180deg, #ff9a3c 0%, #ff7b00 55%, #ef6c00 100%) !important;
	box-shadow: 0 8px 18px rgba(255, 123, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

/* multi-step form «مرحله بعد / قبل» (was grey) */
html body.hag-glass-ft:not(.hag-glass) .ff-btn-next,
html body.hag-glass-ft:not(.hag-glass) .ff-btn-prev {
	border-radius: 12px !important;
	border: 0 !important;
	background: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(111, 138, 40, .3), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}
html body.hag-glass-ft:not(.hag-glass) .ff-btn-prev { background: linear-gradient(180deg, #36457d, #1d2643) !important; box-shadow: 0 8px 18px rgba(29, 38, 67, .2) !important; }
html body.hag-glass-ft:not(.hag-glass) .ff-el-progress { border-radius: 99px; overflow: hidden; }
html body.hag-glass-ft:not(.hag-glass) .ff-el-progress-bar { background: linear-gradient(90deg, #83a031, #ff7b00) !important; }

/* ==========================================================================
   Components styled without tagging
   ========================================================================== */
/* form fields (Elementor forms, Fluent Forms, comments) */
html body.hag-glass-ft:not(.hag-glass) .elementor:not(.elementor-location-footer) .elementor-field-group .elementor-field:not(.elementor-select-wrapper),
html body.hag-glass-ft:not(.hag-glass) .elementor:not(.elementor-location-footer) .elementor-field-group select,
html body.hag-glass-ft:not(.hag-glass) .ff-el-form-control,
html body.hag-glass-ft:not(.hag-glass) .comment-form input:not([type=submit]):not([type=checkbox]),
html body.hag-glass-ft:not(.hag-glass) .comment-form textarea {
	border-radius: 14px !important;
	border: 1px solid rgba(29, 38, 67, .14) !important;
	background-color: rgba(255, 255, 255, .88) !important;
	box-shadow: inset 0 1px 2px rgba(29, 38, 67, .06) !important;
	transition: border-color .2s, box-shadow .2s !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor:not(.elementor-location-footer) .elementor-field-group .elementor-field:focus,
html body.hag-glass-ft:not(.hag-glass) .ff-el-form-control:focus,
html body.hag-glass-ft:not(.hag-glass) .comment-form input:focus,
html body.hag-glass-ft:not(.hag-glass) .comment-form textarea:focus {
	outline: none !important;
	border-color: rgba(131, 160, 49, .8) !important;
	box-shadow: 0 0 0 4px rgba(131, 160, 49, .18) !important;
}
html body.hag-glass-ft:not(.hag-glass) .comment-form input[type=submit],
html body.hag-glass-ft:not(.hag-glass) .ff-btn-submit {
	border-radius: 14px !important;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 60%) !important;
	box-shadow: 0 10px 22px rgba(29, 38, 67, .18), inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}

/* FAQ / accordions / toggles */
html body.hag-glass-ft:not(.hag-glass) .e-n-accordion-item,
html body.hag-glass-ft:not(.hag-glass) .elementor-accordion-item,
html body.hag-glass-ft:not(.hag-glass) .elementor-toggle-item {
	margin-bottom: 10px !important;
	border: 1px solid rgba(255, 255, 255, .95) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, .82) !important;
	box-shadow: 0 10px 26px rgba(29, 38, 67, .08), inset 0 1px 0 #fff !important;
	overflow: hidden;
}
html body.hag-glass-ft:not(.hag-glass) .e-n-accordion-item > .e-n-accordion-item-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-accordion .elementor-tab-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-toggle .elementor-tab-title { border: 0 !important; background: transparent !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-accordion .elementor-tab-content,
html body.hag-glass-ft:not(.hag-glass) .elementor-toggle .elementor-tab-content { border: 0 !important; border-top: 1px solid rgba(29, 38, 67, .06) !important; }

/* videos and embeds */
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-video .elementor-wrapper,
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-video .e-hosted-video,
html body.hag-glass-ft:not(.hag-glass) .elementor-custom-embed-image-overlay {
	border-radius: 22px !important;
	overflow: hidden;
	box-shadow: 0 18px 40px rgba(29, 38, 67, .16);
}

/* article body: images, tables */
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-theme-post-content img,
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-theme-post-featured-image img { border-radius: 20px; }
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-theme-post-content table {
	border-collapse: separate !important;
	border-spacing: 0;
	border: 1px solid rgba(29, 38, 67, .1) !important;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--gi-shadow);
}
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-theme-post-content table th { background: #1d2643 !important; color: #fff !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-theme-post-content table td { border-color: rgba(29, 38, 67, .08) !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-widget-theme-post-content table tr:nth-child(even) td { background: rgba(29, 38, 67, .03); }

@media (prefers-reduced-motion: reduce) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g { transition: none !important; }
}

/* the footer's newsletter field keeps its own glass look */
html body.hag-glass-ft:not(.hag-glass) .elementor-5696 .elementor-element.elementor-element-2b9a344.elementor-element-2b9a344 .elementor-field-group .elementor-field.elementor-field.elementor-field {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* cards and light buttons sitting on an orange/olive band: solid white, not tinted by the band */
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandorange .hag-g-card,
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandolive .hag-g-card,
html body.hag-glass-ft:not(.hag-glass) .hag-g-bandorange .hag-g-lightbtn {
	background: #fff !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: 0 14px 30px rgba(120, 50, 0, .22), inset 0 1px 0 #fff !important;
}

/* ==========================================================================
   Single project pages (template 5220): client testimonial + previous / next project
   ========================================================================== */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a56bd6d {
	border: 0 !important;
	border-radius: 36px !important;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(29, 38, 67, .22) !important;
	isolation: isolate;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a56bd6d .company-testimonials-carousel { border-radius: 30px; overflow: hidden; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item {
	position: relative;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	padding: 44px 48px 40px !important;
	text-align: center;
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(131, 160, 49, .22), transparent 70%),
		radial-gradient(50% 80% at 0% 100%, rgba(255, 123, 0, .16), transparent 70%),
		linear-gradient(145deg, rgba(38, 48, 88, .92), rgba(22, 30, 56, .95)) !important;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 30px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}
/* large quiet quote mark */
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item::before {
	content: "\201D";
	position: absolute;
	top: -34px;
	inset-inline-end: 40px;
	font: 700 220px/1 Georgia, "Times New Roman", serif;
	color: rgba(255, 255, 255, .06);
	pointer-events: none;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item > .flex { flex-direction: column; gap: 10px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-image img {
	width: 92px !important;
	height: 92px !important;
	border-radius: 50% !important;
	object-fit: cover;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .9), 0 0 0 9px rgba(131, 160, 49, .45), 0 14px 30px rgba(0, 0, 0, .35);
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-name { color: #fff !important; font-size: 18px !important; font-weight: 800 !important; margin-top: 8px; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-title { color: #c9dc8f !important; font-size: 13px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-content { max-width: 860px; margin-inline: auto; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-text {
	color: rgba(255, 255, 255, .9) !important;
	font-size: 16.5px !important;
	line-height: 2.2 !important;
	text-align: center !important;
}

/* previous / next project */
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .tp-post-nav { gap: 20px; flex-wrap: nowrap; }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .tp-col { flex: 1 1 0; max-width: none; padding: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link {
	display: flex !important;
	align-items: center;
	gap: 22px;
	min-height: 0 !important;
	height: auto !important;
	padding: 16px !important;
	border: 1px solid rgba(255, 255, 255, .95) !important;
	border-radius: 28px !important;
	background: rgba(255, 255, 255, .86) !important;
	-webkit-backdrop-filter: blur(16px) saturate(170%);
	backdrop-filter: blur(16px) saturate(170%);
	box-shadow: 0 18px 42px rgba(29, 38, 67, .12), inset 0 1px 0 #fff !important;
	overflow: hidden;
	transition: transform .4s var(--gi-ease), box-shadow .4s;
}
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link::before,
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link::after { display: none !important; }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-image { flex: none; width: 128px !important; height: 128px !important; border-radius: 22px; overflow: hidden; box-shadow: 0 10px 24px rgba(29, 38, 67, .2); }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-image img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; transition: transform .8s var(--gi-ease); }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"] { flex: 1 1 auto; text-align: start !important; }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"] b {
	display: inline-block;
	margin-bottom: 8px;
	padding: 4px 12px;
	border-radius: 99px;
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #5c7322 !important;
	background: rgba(131, 160, 49, .14);
	border: 1px solid rgba(131, 160, 49, .3);
}
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"] span,
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"] div { display: block; color: #1d2643 !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.6 !important; }
/* arrow chip */
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"]::after {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	margin-top: 10px;
	border-radius: 50%;
	background: #1d2643 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center / 18px no-repeat;
	box-shadow: 0 8px 18px rgba(29, 38, 67, .25);
	transition: background-color .3s, transform .4s var(--gi-ease);
}
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-prev [class*="-post-content"]::after { transform: scaleX(-1); } /* RTL: previous points right, next points left */
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link:hover { transform: translateY(-5px); box-shadow: 0 28px 56px rgba(29, 38, 67, .18), 0 0 0 1px rgba(255, 123, 0, .3), inset 0 1px 0 #fff !important; }
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link:hover .post-image img { transform: scale(1.08); }
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link:hover [class*="-post-content"]::after { background-color: #ff7b00; }
}
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item { padding: 34px 22px 30px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-text { font-size: 14.5px !important; line-height: 2.05 !important; }
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .tp-post-nav { flex-direction: column; gap: 12px; }
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-image { width: 92px !important; height: 92px !important; }
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"] span,
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation [class*="-post-content"] div { font-size: 16px !important; }
}

/* double background fix: inner box that fills a navy stage */
html body.hag-glass-ft:not(.hag-glass) .hag-g-flat { background: transparent !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* light buttons: the theme turns their text white on hover → go solid olive instead */
@media (hover: hover) {
	html body.hag-glass-ft:not(.hag-glass) .hag-g-lightbtn:hover {
		background: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%) !important;
		border-color: rgba(255, 255, 255, .35) !important;
		box-shadow: 0 10px 22px rgba(111, 138, 40, .32), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
	}
	html body.hag-glass-ft:not(.hag-glass) .hag-g-lightbtn:hover,
	html body.hag-glass-ft:not(.hag-glass) .hag-g-lightbtn:hover * { color: #fff !important; fill: #fff !important; }
}

/* ==========================================================================
   Blog archive (header 11325): the «مقالات» band sits below the floating navbar
   ========================================================================== */
html body.hag-glass-ft:not(.hag-glass) .elementor-11325 .elementor-element.elementor-element-4367cc0 { margin-top: 114px !important; min-height: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-11325 .elementor-element.elementor-element-4367cc0 > .e-con-inner { min-height: 0 !important; height: auto !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-11325 .elementor-element.elementor-element-d67a442 { min-height: 0 !important; height: auto !important; padding: 44px 24px 40px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-11325 .elementor-element.elementor-element-91a21f1 { margin-top: 0 !important; }
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-11325 .elementor-element.elementor-element-4367cc0 { margin-top: 80px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-11325 .elementor-element.elementor-element-d67a442 { padding: 30px 16px 28px !important; }
}

/* ==========================================================================
   Single blog post (template 5142): header card
   ========================================================================== */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0f0c60a {
	background: linear-gradient(140deg, #97b640 0%, #83a031 50%, #6d8827 100%) !important;
	border-radius: 24px !important;
	min-height: 0 !important;
	box-shadow: 0 16px 36px rgba(111, 138, 40, .24), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0f0c60a > .e-con-inner { padding-block: 14px !important; min-height: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-0f0c60a .elementor-widget-text-editor,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-0f0c60a .elementor-widget-text-editor * { color: #fff !important; margin: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-da3f6be * { font-size: 19px !important; font-weight: 800 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-26ef75b * { font-size: 13px !important; opacity: .9; }

html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-34d85b2.blog-single-hero-box {
	position: relative;
	padding: 18px !important;
	border: 0 !important;
	border-radius: 34px !important;
	background:
		radial-gradient(55% 80% at 100% 0%, rgba(131, 160, 49, .26), transparent 70%),
		radial-gradient(45% 80% at 0% 100%, rgba(255, 123, 0, .18), transparent 70%),
		linear-gradient(150deg, #28335e 0%, #1d2643 55%, #151c36 100%) !important;
	box-shadow: 0 30px 70px rgba(29, 38, 67, .28), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
	overflow: hidden;
	align-items: stretch !important;
}
/* the image: shown whole, a blurred copy of itself fills the frame */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cf1593f {
	position: relative;
	overflow: hidden;
	border-radius: 24px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .12) !important;
	isolation: isolate;
}
/* sharp, whole image on top of the blurred fill */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cf1593f::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: inherit !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	pointer-events: none;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cf1593f > * { position: relative; z-index: 1; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cf1593f::before {
	content: "";
	position: absolute;
	inset: -30px;
	z-index: -1;
	background-image: inherit !important;
	background-size: cover !important;
	background-position: center !important;
	filter: blur(26px) brightness(.8) saturate(1.2);
	opacity: 1 !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5625c2d { justify-content: center !important; gap: 18px !important; padding: 18px 26px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-d9eefb1 .elementor-heading-title { color: #fff !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1.6 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-bad1e3b { --divider-color: transparent; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-bad1e3b .elementor-divider { padding: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-bad1e3b .elementor-divider-separator { width: 64px !important; border-top: 4px solid #ff7b00 !important; border-radius: 4px; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-post-info { gap: 10px; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-icon-list-item {
	margin: 0 !important;
	padding: 7px 14px !important;
	border-radius: 99px;
	background: rgba(255, 255, 255, .1);
	border: 1px solid rgba(255, 255, 255, .16);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-icon-list-item::after { display: none !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-icon-list-text,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-icon-list-text *,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 time { color: rgba(255, 255, 255, .9) !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-icon-list-icon svg,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ef92bd2 .elementor-icon-list-icon i { fill: #ffb36b !important; color: #ffb36b !important; }
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-34d85b2.blog-single-hero-box { padding: 12px !important; border-radius: 26px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-cf1593f { min-height: 240px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-5625c2d { padding: 14px 8px 8px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element-d9eefb1 .elementor-heading-title { font-size: 24px !important; }
}

/* ==========================================================================
   Round 3 fixes
   ========================================================================== */
/* single post: the green «امیدوارم…» band as wide as the header card under it */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-0f0c60a { width: min(1300px, calc(100% - 20px)) !important; max-width: none !important; margin-inline: auto !important; }

/* ---------------------------------------------------------------- project page: client review */
/* title: navy pill on a soft gradient rule */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8fc6988 .elementor-divider-separator { border: 0 !important; height: 2px; background: linear-gradient(90deg, rgba(131, 160, 49, 0), rgba(131, 160, 49, .6) 30%, rgba(255, 123, 0, .6) 70%, rgba(255, 123, 0, 0)); }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-ed1e2ff {
	padding: 8px 22px !important;
	border-radius: 99px !important;
	background: linear-gradient(180deg, #36457d, #1d2643) !important;
	box-shadow: 0 12px 26px rgba(29, 38, 67, .25), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
	width: auto !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon-box-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon-box-title * { color: #fff !important; font-weight: 800 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon svg { fill: #c9dc8f !important; }

/* photo on one half, the quote on the other, in one rounded navy card */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a56bd6d {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 36px !important;
	overflow: hidden;
	background:
		radial-gradient(60% 90% at 100% 0%, rgba(131, 160, 49, .22), transparent 70%),
		radial-gradient(50% 80% at 50% 100%, rgba(255, 123, 0, .14), transparent 70%),
		linear-gradient(150deg, #28335e, #1d2643 60%, #161d38) !important;
	box-shadow: 0 34px 80px rgba(29, 38, 67, .3) !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2f240a2 {
	position: relative;
	min-height: 460px !important;
	padding: 0 0 0 46% !important;
	justify-content: center !important;
	background-size: 46% 100% !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}
/* seam: the photo melts into the navy */
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2f240a2::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 46%;
	background: linear-gradient(270deg, #1f2848 0%, rgba(31, 40, 72, .55) 18%, rgba(31, 40, 72, 0) 45%);
	pointer-events: none;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2f240a2::before { display: none !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-8e10733 { position: relative; z-index: 1; width: 100% !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonials-carousel { border-radius: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item {
	align-items: flex-start !important;
	text-align: start !important;
	padding: 56px 56px 50px 40px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item::before { top: 10px; inset-inline-end: auto; inset-inline-start: 28px; font-size: 200px; color: rgba(255, 123, 0, .22); }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item > .flex { flex-direction: row !important; align-items: center !important; gap: 16px !important; order: 2; margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .12); width: 100%; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-image img { width: 64px !important; height: 64px !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, .9), 0 0 0 7px rgba(131, 160, 49, .45), 0 10px 24px rgba(0, 0, 0, .35); }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-name { margin: 0 !important; font-size: 17px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-content { order: 1; max-width: none; margin: 0 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-text { text-align: start !important; font-size: 18px !important; line-height: 2.2 !important; font-weight: 500; color: #fff !important; }

@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2f240a2 { padding: 240px 0 0 !important; min-height: 0 !important; background-size: 100% 260px !important; background-position: top center !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-2f240a2::after { inset: 0 0 auto 0; width: 100%; height: 262px; background: linear-gradient(0deg, #1f2848 0%, rgba(31, 40, 72, 0) 55%); }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item { padding: 20px 22px 28px !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-text { font-size: 15px !important; line-height: 2.05 !important; }
	html body.hag-glass-ft:not(.hag-glass) .elementor-element.elementor-element-a56bd6d { border-radius: 28px !important; }
}

/* ---------------------------------------------------------------- landscape news: one 1300px column */
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-2ea2e441 > .elementor-container,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element.elementor-element-9e7049a,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element.elementor-element-9f908a5 {
	width: min(1300px, calc(100% - 24px)) !important;
	max-width: none !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-2ea2e441 .elementor-column > .elementor-widget-wrap,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element.elementor-element-1ddd239,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-beb503a > .e-con-inner { padding-inline: 0 !important; margin-inline: 0 !important; width: 100% !important; max-width: 100% !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element.elementor-element-9e7049a { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding-block: 36px 10px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-beb503a > .e-con-inner { width: min(1300px, calc(100% - 24px)) !important; margin-inline: auto !important; }
/* section titles: navy text with an orange-to-olive underline */
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-widget-title-section,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-9f908a5 { border: 0 !important; margin-bottom: 18px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-section-title,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-9f908a5 h2 {
	position: relative;
	display: inline-block !important;
	width: auto !important;
	padding: 0 0 12px !important;
	border: 0 !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	color: #1d2643 !important;
	background: none !important;
}
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-section-title::after,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-9f908a5 h2::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: 56px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, #ff7b00, #83a031);
}
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-widget-title-section::after,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-widget-title-section::before { display: none !important; }
/* showcase: rounded main story + glass list of important news */
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-1f86a9a7 img { border-radius: 24px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-1f86a9a7 .elespare-posts-banner-post-items,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-1f86a9a7 [class*="banner-main"],
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elementor-element-1f86a9a7 [class*="big-post"] { border-radius: 24px !important; overflow: hidden; box-shadow: 0 24px 56px rgba(29, 38, 67, .2); }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-posts-trending-post-items { margin-bottom: 12px !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-posts-trending-post-items img { border-radius: 14px !important; }
/* category chips on the images */
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 [class*="elespare-categories"] a,
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .elespare-cat-links a { border-radius: 99px !important; padding: 3px 10px !important; }
/* «ادامه مطلب» links were default blue */
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 a[class*="read-more"],
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .blog-item-holder a:not(:has(img)) { color: #c85a00 !important; font-weight: 700; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 .blog-item-holder { height: 100%; }

/* ---------------------------------------------------------------- contact page: social icons like the footer */
html body.hag-glass-ft:not(.hag-glass) .hag-social .elementor-social-icons-wrapper { gap: 12px !important; justify-content: flex-start; }
html body.hag-glass-ft:not(.hag-glass) .hag-social .elementor-social-icon {
	display: grid !important;
	place-items: center;
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
	border-radius: 16px !important;
	background: linear-gradient(160deg, #36457d, #1d2643) !important;
	border: 1px solid rgba(255, 255, 255, .16);
	box-shadow: 0 12px 24px rgba(29, 38, 67, .22), inset 0 1px 0 rgba(255, 255, 255, .2);
	transition: background .25s, transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .25s;
}
html body.hag-glass-ft:not(.hag-glass) .hag-social .elementor-social-icon svg,
html body.hag-glass-ft:not(.hag-glass) .hag-social .elementor-social-icon i { width: 22px !important; height: 22px !important; font-size: 22px !important; fill: #fff !important; color: #fff !important; }
html body.hag-glass-ft:not(.hag-glass) .hag-social .elementor-social-icon:hover { background: linear-gradient(180deg, #a3c14c 0%, #83a031 52%, #6d8827 100%) !important; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(111, 138, 40, .4), inset 0 1px 0 rgba(255, 255, 255, .45); }

/* project review: the theme fixes the carousel at 300px, which clipped longer quotes */
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonials-carousel,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .swiper-wrapper,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .swiper-slide { height: auto !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .swiper-wrapper { align-items: stretch; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item { height: 100% !important; min-height: 460px; justify-content: center !important; }
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .elementor-element-a56bd6d .company-testimonial-item { min-height: 0; }
}
/* news list: titles navy, only «ادامه مطلب» orange */
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 :is(h2, h3, h4) a { color: #1d2643 !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-17296 :is(h2, h3, h4) a:hover { color: #c85a00 !important; }

/* prev / next arrows: explicit per card (RTL: «قبلی» points right, «بعدی» points left) */
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-prev [class*="-post-content"]::after {
	transform: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") !important;
}
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-next [class*="-post-content"]::after {
	transform: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") !important;
}

/* ---------------------------------------------------------------- project page: previous / next (simple white cards) */
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link { min-height: 150px !important; padding: 12px !important; gap: 20px; }
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-image {
	width: 200px !important;
	height: 136px !important;
	border-radius: 20px;
	box-shadow: 0 10px 24px rgba(29, 38, 67, .18);
	background: #eef1f6;
}
html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-image img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }
@media (max-width: 767px) {
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation .post-image { width: 120px !important; height: 100px !important; border-radius: 16px; }
	html body.hag-glass-ft:not(.hag-glass) .tp-post-navigation a.post_nav_link { gap: 14px; min-height: 0 !important; }
}
/* «نظرات این پروژه» icon: white */
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon svg,
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon svg * { color: #fff !important; fill: #fff !important; }
html body.hag-glass-ft:not(.hag-glass) .elementor-element-ed1e2ff .elementor-icon svg [stroke]:not([stroke="none"]) { stroke: #fff !important; }