/* Start custom CSS *//* Service page template CSS migrated into Elementor Custom CSS. */
.mehregan-service-page-hero {
  background: radial-gradient(circle at 18% 18%, rgba(245, 130, 32, .18), transparent 34%), linear-gradient(135deg, #111719, #070909 72%) !important;
  color: #fff !important;
  padding: 74px 26px 82px !important;
  direction: rtl;
}

.mehregan-service-page-hero > .e-con-inner {
  max-width: 1280px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .86fr) !important;
  align-items: center !important;
  gap: 56px !important;
}

.mehregan-service-hero-copy {
  gap: 18px !important;
  text-align: right !important;
}

.mehregan-service-hero-copy h1 {
  color: #fff !important;
  font-size: clamp(42px, 4.1vw, 68px) !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
}

.mehregan-service-hero-copy .elementor-widget-text-editor {
  max-width: 680px;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 18px !important;
  line-height: 2.05 !important;
}

.mehregan-service-actions {
  gap: 14px !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
}

.mehregan-service-hero-image img {
  width: 100% !important;
  aspect-ratio: 16 / 11 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .36) !important;
}

.mehregan-service-section {
  padding: 84px 26px !important;
  direction: rtl;
}

.mehregan-service-section > .e-con-inner {
  max-width: 1280px !important;
}

.mehregan-service-section h2 {
  color: #101416 !important;
  font-size: clamp(31px, 2.7vw, 45px) !important;
  line-height: 1.35 !important;
  text-align: right !important;
  margin-bottom: 26px !important;
}

.mehregan-service-card-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.mehregan-service-use-card {
  min-height: 230px !important;
  padding: 30px 24px !important;
  border: 1px solid rgba(16, 20, 22, .09) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(13, 17, 19, .07) !important;
}

.mehregan-service-use-card .elementor-icon {
  color: #f58220 !important;
  font-size: 34px !important;
}

.mehregan-service-use-card .elementor-icon-box-title {
  color: #101416 !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
}

.mehregan-service-use-card .elementor-icon-box-description {
  color: #626c72 !important;
  font-size: 15.5px !important;
  line-height: 2 !important;
}

.mehregan-service-capabilities {
  background: #f5f1eb !important;
}

.mehregan-service-cap-list .elementor-icon-list-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 28px !important;
}

.mehregan-service-cap-list .elementor-icon-list-item {
  align-items: flex-start !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, .76) !important;
  border-radius: 8px !important;
}

.mehregan-service-cap-list .elementor-icon-list-icon {
  color: #f58220 !important;
  padding-top: 5px !important;
}

.mehregan-service-cap-list .elementor-icon-list-text {
  color: #20282b !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

.mehregan-service-project-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

.mehregan-service-project-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 340px !important;
  border-radius: 8px !important;
  isolation: isolate !important;
  box-shadow: 0 22px 55px rgba(13, 17, 19, .14) !important;
}

.mehregan-service-project-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(7, 9, 9, .92), rgba(7, 9, 9, .34), rgba(7, 9, 9, .02));
  pointer-events: none;
}

.mehregan-service-project-image,
.mehregan-service-project-image .elementor-widget-container,
.mehregan-service-project-image a {
  position: absolute !important;
  inset: 0 !important;
}

.mehregan-service-project-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .45s ease, filter .45s ease !important;
}

.mehregan-service-project-card:hover img {
  transform: scale(1.055);
  filter: contrast(1.04) saturate(1.04);
}

.mehregan-service-project-category,
.mehregan-service-project-title {
  position: absolute !important;
  z-index: 3 !important;
  pointer-events: none;
}

.mehregan-service-project-category {
  top: 20px !important;
  right: 22px !important;
}

.mehregan-service-project-category .elementor-heading-title {
  color: #f58220 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.mehregan-service-project-title {
  right: 24px !important;
  bottom: 22px !important;
  left: 24px !important;
}

.mehregan-service-project-title h3 {
  color: #fff !important;
  font-size: clamp(21px, 1.75vw, 28px) !important;
  line-height: 1.45 !important;
}

.mehregan-service-process {
  background: #111719 !important;
}

.mehregan-service-process h2 {
  color: #fff !important;
}

.mehregan-service-process-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.mehregan-service-process-card {
  min-height: 230px !important;
  padding: 24px 18px !important;
  background: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 8px !important;
}

.mehregan-service-process-card span {
  color: #f58220 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.mehregan-service-process-card h3 {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
}

.mehregan-service-process-card .elementor-widget-text-editor {
  color: rgba(255, 255, 255, .68) !important;
  font-size: 14.5px !important;
  line-height: 1.95 !important;
}

.mehregan-service-accordion .elementor-accordion-item {
  border: 1px solid rgba(16, 20, 22, .12) !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}

.mehregan-service-accordion .elementor-tab-title {
  color: #111719 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.7 !important;
}

.mehregan-service-accordion .elementor-tab-content {
  color: #626c72 !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

.mehregan-service-cta {
  padding: 74px 26px !important;
  background: #f5f1eb !important;
  direction: rtl;
}

.mehregan-service-cta > .e-con-inner {
  max-width: 1280px !important;
  display: grid !important;
  grid-template-columns: .8fr 1fr !important;
  align-items: center !important;
  gap: 52px !important;
}

.mehregan-service-cta img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.mehregan-service-cta h2 {
  color: #101416 !important;
  font-size: clamp(28px, 2.67vw, 45px) !important;
  line-height: 1.35 !important;
}

.mehregan-service-cta .elementor-widget-text-editor {
  color: #515b60 !important;
  font-size: 18px !important;
  line-height: 2.05 !important;
}

@media (max-width: 1100px) {
  .mehregan-service-page-hero > .e-con-inner,
  .mehregan-service-cta > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  .mehregan-service-card-grid > .e-con-inner,
  .mehregan-service-project-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mehregan-service-process-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .mehregan-service-page-hero,
  .mehregan-service-section,
  .mehregan-service-cta {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .mehregan-service-card-grid > .e-con-inner,
  .mehregan-service-project-grid > .e-con-inner,
  .mehregan-service-process-grid > .e-con-inner,
  .mehregan-service-cap-list .elementor-icon-list-items {
    grid-template-columns: 1fr !important;
  }

  .mehregan-service-project-card {
    min-height: 290px !important;
  }
}

.mehregan-elementor-header .elementor-nav-menu--main .elementor-nav-menu ul {
  min-width: 260px !important;
  padding: 12px !important;
  background: #111719 !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 44px rgba(0, 0, 0, .26) !important;
}

.mehregan-elementor-header .elementor-nav-menu--main .elementor-nav-menu ul a {
  justify-content: flex-end !important;
  padding: 12px 14px !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  border-radius: 6px !important;
}

.mehregan-elementor-header .elementor-nav-menu--main .elementor-nav-menu ul a:hover,
.mehregan-elementor-header .elementor-nav-menu--main .elementor-nav-menu ul a.elementor-item-active {
  color: #fff !important;
  background: rgba(245, 130, 32, .14) !important;
}

.mehregan-service-page-hero.is-oilgas-service {
  background: radial-gradient(circle at 14% 20%, rgba(245, 130, 32, .22), transparent 30%), linear-gradient(135deg, #070909, #0d1214 58%, #050606) !important;
}

.mehregan-service-page-hero.is-architectural-service {
  background: radial-gradient(circle at 18% 18%, rgba(245, 130, 32, .16), transparent 32%), linear-gradient(135deg, #171412, #25211d 62%, #090807) !important;
}

.mehregan-service-page-hero.is-technical-service,
.mehregan-service-page-hero.is-fabrication-service {
  background: radial-gradient(circle at 20% 16%, rgba(245, 130, 32, .16), transparent 28%), linear-gradient(135deg, #101416, #171c1d 52%, #070909) !important;
}

.mehregan-service-page-hero.is-exhibition-service {
  background: radial-gradient(circle at 16% 18%, rgba(245, 130, 32, .24), transparent 33%), linear-gradient(135deg, #111719, #1c1814 58%, #070909) !important;
}

.mehregan-service-use-cases.is-architectural-service,
.mehregan-service-capabilities.is-architectural-service {
  background: #f7f2ea !important;
}

.mehregan-service-use-cases.is-oilgas-service,
.mehregan-service-capabilities.is-oilgas-service {
  background: #eef0ef !important;
}

.mehregan-service-use-cases.is-technical-service,
.mehregan-service-use-cases.is-fabrication-service {
  background: #f6f6f3 !important;
}

.mehregan-service-page-hero.is-technical-service .mehregan-service-hero-image img,
.mehregan-service-page-hero.is-fabrication-service .mehregan-service-hero-image img {
  aspect-ratio: 4 / 3 !important;
}

.mehregan-service-page-hero,
.mehregan-service-section,
.mehregan-service-cta {
  scroll-margin-top: 132px !important;
}

.mehregan-service-cta {
  position: relative !important;
  z-index: 1 !important;
  padding-top: 110px !important;
}

.mehregan-service-page-hero .is-primary .elementor-button,
.mehregan-service-cta .is-primary .elementor-button,
.mehregan-service-portfolio .is-primary .elementor-button {
  background: #f58220 !important;
  border: 1px solid #f58220 !important;
  color: #111614 !important;
  box-shadow: 0 16px 34px rgba(245, 130, 32, .22) !important;
}

.mehregan-service-page-hero .is-primary .elementor-button:hover,
.mehregan-service-cta .is-primary .elementor-button:hover,
.mehregan-service-portfolio .is-primary .elementor-button:hover {
  background: #ff9a3b !important;
  border-color: #ff9a3b !important;
  color: #080908 !important;
}

.mehregan-service-page-hero .is-secondary .elementor-button,
.mehregan-service-portfolio .is-secondary .elementor-button {
  background: transparent !important;
  border: 1px solid currentColor !important;
  color: currentColor !important;
  box-shadow: none !important;
}

.mehregan-service-page-hero .is-secondary .elementor-button:hover,
.mehregan-service-portfolio .is-secondary .elementor-button:hover {
  background: rgba(245, 130, 32, .12) !important;
  border-color: #f58220 !important;
  color: #f58220 !important;
}

@media (max-width: 760px) {
  .mehregan-service-cta {
    padding-top: 82px !important;
  }
}


/* Service page Direction 5 refinements migrated into Elementor Custom CSS. */
.mehregan-service-hero-features {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
}

.mehregan-service-hero-features > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

.mehregan-service-hero-feature {
  padding: 0 20px !important;
  border-left: 1px solid rgba(255, 255, 255, .13) !important;
}

.mehregan-service-hero-feature:first-child {
  border-left: 0 !important;
}

.mehregan-service-hero-feature .elementor-icon {
  color: #f58220 !important;
  fill: #f58220 !important;
  font-size: 30px !important;
}

.mehregan-service-hero-feature .elementor-icon-box-title,
.mehregan-service-hero-feature .elementor-icon-box-title a {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  font-weight: 850 !important;
}

.mehregan-service-hero-feature .elementor-icon-box-description {
  color: rgba(255, 255, 255, .68) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

.mehregan-service-hero-services {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 20px !important;
}

.mehregan-service-hero-services > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

.mehregan-service-hero-service-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 170px !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .035) !important;
  box-shadow: 0 24px 44px rgba(0, 0, 0, .22) !important;
}

.mehregan-service-hero-service-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, .04) 20%, rgba(0, 0, 0, .28) 58%, rgba(0, 0, 0, .86) 100%) !important;
  pointer-events: none !important;
}

.mehregan-service-hero-service-card .elementor-widget-image,
.mehregan-service-hero-service-card .elementor-widget-image .elementor-widget-container,
.mehregan-service-hero-service-card .elementor-widget-image a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

.mehregan-service-hero-service-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: brightness(.86) saturate(1.02) !important;
  transform: scale(1) !important;
  transition: transform .5s ease, filter .5s ease !important;
}

.mehregan-service-hero-service-card:hover img {
  filter: brightness(1.02) saturate(1.08) !important;
  transform: scale(1.05) !important;
}

.mehregan-service-hero-service-card .elementor-widget-heading,
.mehregan-service-hero-service-card .elementor-widget-text-editor {
  position: relative !important;
  z-index: 2 !important;
  margin-right: 18px !important;
  margin-left: 18px !important;
}

.mehregan-service-hero-service-card .elementor-widget-heading {
  margin-top: auto !important;
  padding-top: 86px !important;
  margin-bottom: 2px !important;
}

.mehregan-service-hero-service-card h3,
.mehregan-service-hero-service-card h3 a {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
  text-align: right !important;
}

.mehregan-service-hero-service-card .elementor-widget-text-editor {
  color: rgba(255, 255, 255, .76) !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}

.mehregan-service-hero-service-card .elementor-widget-text-editor::after {
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 2px !important;
  margin-top: 8px !important;
  background: #f58220 !important;
  border-radius: 999px !important;
}

.mehregan-service-page-hero.is-architectural-service {
  background:
    radial-gradient(circle at 70% 20%, rgba(245, 130, 32, .13), transparent 32%),
    linear-gradient(180deg, #090807 0%, #181514 58%, #050606 100%) !important;
}

.mehregan-service-page-hero.is-oilgas-service,
.mehregan-service-page-hero.is-industrial-service {
  background:
    radial-gradient(circle at 72% 22%, rgba(245, 130, 32, .16), transparent 31%),
    linear-gradient(180deg, #030404 0%, #0c1112 58%, #050606 100%) !important;
}

.mehregan-service-page-hero.is-exhibition-service {
  background:
    radial-gradient(circle at 70% 20%, rgba(245, 130, 32, .18), transparent 32%),
    linear-gradient(180deg, #080807 0%, #15110f 58%, #050606 100%) !important;
}

@media (max-width: 1100px) {
  .mehregan-service-page-hero > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  .mehregan-service-hero-copy {
    max-width: 780px !important;
  }

  .mehregan-service-hero-image img {
    height: clamp(330px, 54vw, 520px) !important;
  }

  .mehregan-service-hero-features > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .mehregan-service-hero-feature {
    border-left: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .035) !important;
  }

  .mehregan-service-hero-services > .e-con-inner {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .mehregan-service-page-hero {
    padding: 48px 18px 34px !important;
  }

  .mehregan-service-hero-bg-word {
    display: none !important;
  }

  .mehregan-service-hero-copy h1 {
    font-size: clamp(34px, 9.5vw, 45px) !important;
    line-height: 1.22 !important;
  }

  .mehregan-service-actions > .e-con-inner {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .mehregan-service-page-hero .elementor-button {
    width: 100% !important;
  }

  .mehregan-service-hero-image img {
    height: clamp(250px, 70vw, 360px) !important;
  }

  .mehregan-service-hero-features > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mehregan-service-hero-feature {
    border-left: 0 !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .035) !important;
  }

  .mehregan-service-hero-services > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  .mehregan-service-hero-service-card {
    min-height: 210px !important;
  }
}

/* Service-page selected works: match the dark editorial homepage portfolio style. */
.mehregan-service-portfolio {
  position: relative !important;
  overflow: hidden !important;
  padding: 104px 24px 112px !important;
  background:
    radial-gradient(circle at 72% 12%, rgba(245, 130, 32, .12), transparent 30%),
    linear-gradient(180deg, #070808 0%, #101415 58%, #050606 100%) !important;
  color: #fff !important;
  isolation: isolate !important;
}

.mehregan-service-portfolio::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, .035) 1px, transparent 1px) !important;
  background-size: 33.33% 100%, 100% 290px !important;
  opacity: .32 !important;
  pointer-events: none !important;
}

.mehregan-service-portfolio > .e-con-inner {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, 1360px) !important;
  max-width: 1360px !important;
  gap: 0 !important;
}

.mehregan-service-portfolio-kicker,
.mehregan-service-portfolio-title,
.mehregan-service-portfolio-bg-word {
  text-align: center !important;
}

.mehregan-service-portfolio-kicker .elementor-heading-title {
  color: #f58220 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.mehregan-service-portfolio-title .elementor-heading-title {
  color: #fff !important;
  font-size: clamp(42px, 4.4vw, 70px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.mehregan-service-portfolio-bg-word {
  margin-top: -18px !important;
  margin-bottom: 58px !important;
  pointer-events: none !important;
}

.mehregan-service-portfolio-bg-word .elementor-heading-title {
  color: rgba(255, 255, 255, .055) !important;
  font-size: clamp(70px, 12vw, 165px) !important;
  line-height: .82 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.mehregan-service-portfolio .mehregan-service-project-grid {
  width: 100% !important;
}

.mehregan-service-portfolio .mehregan-service-project-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 44px 30px !important;
  width: 100% !important;
}

.mehregan-service-portfolio .mehregan-service-project-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
  padding: 22px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mehregan-service-portfolio .mehregan-service-project-card::after {
  display: none !important;
}

.mehregan-service-portfolio .mehregan-service-project-category,
.mehregan-service-portfolio .mehregan-service-project-title {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  pointer-events: auto !important;
  text-align: right !important;
}

.mehregan-service-portfolio .mehregan-service-project-category {
  order: 1 !important;
  margin-bottom: 8px !important;
}

.mehregan-service-portfolio .mehregan-service-project-category .elementor-heading-title {
  color: #f58220 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 850 !important;
}

.mehregan-service-portfolio .mehregan-service-project-title {
  order: 2 !important;
  min-height: 72px !important;
  margin-bottom: 18px !important;
}

.mehregan-service-portfolio .mehregan-service-project-title h3,
.mehregan-service-portfolio .mehregan-service-project-title h3 a {
  color: #fff !important;
  font-size: clamp(22px, 1.7vw, 28px) !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.mehregan-service-portfolio .mehregan-service-project-image {
  order: 3 !important;
}

.mehregan-service-portfolio .mehregan-service-project-image,
.mehregan-service-portfolio .mehregan-service-project-image .elementor-widget-container,
.mehregan-service-portfolio .mehregan-service-project-image a {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

.mehregan-service-portfolio .mehregan-service-project-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  min-height: 260px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  filter: brightness(.78) contrast(1.06) saturate(.98) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34) !important;
  transition: transform .55s ease, filter .55s ease !important;
}

.mehregan-service-portfolio .mehregan-service-project-card:hover img {
  transform: scale(1.045) !important;
  filter: brightness(1) contrast(1.08) saturate(1.04) !important;
}

.mehregan-service-portfolio .is-secondary {
  align-self: center !important;
  margin-top: 60px !important;
}

.mehregan-service-portfolio .is-secondary .elementor-button {
  min-height: 52px !important;
  padding: 15px 28px !important;
  border: 1px solid rgba(245, 130, 32, .86) !important;
  border-radius: 999px !important;
  background: #f58220 !important;
  color: #111719 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  box-shadow: 0 18px 44px rgba(245, 130, 32, .22) !important;
}

.mehregan-service-portfolio .is-secondary .elementor-button:hover {
  background: #ff9b32 !important;
  border-color: #ff9b32 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1100px) {
  .mehregan-service-portfolio {
    padding: 86px 22px 94px !important;
  }

  .mehregan-service-portfolio .mehregan-service-project-grid > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 24px !important;
  }
}

@media (max-width: 760px) {
  .mehregan-service-portfolio {
    padding: 66px 18px 74px !important;
  }

  .mehregan-service-portfolio-bg-word {
    margin-bottom: 34px !important;
  }

  .mehregan-service-portfolio-bg-word .elementor-heading-title {
    font-size: clamp(58px, 22vw, 92px) !important;
  }

  .mehregan-service-portfolio .mehregan-service-project-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .mehregan-service-portfolio .mehregan-service-project-title {
    min-height: 0 !important;
  }

  .mehregan-service-portfolio .mehregan-service-project-image img {
    min-height: 220px !important;
  }
}

/* Service page mobile header dropdown viewport fix. */
@media (max-width: 1024px) {
  .mehregan-elementor-header .elementor-element-7c51d3e .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
  }

  .mehregan-elementor-header .elementor-element-7c51d3e .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu,
  .mehregan-elementor-header .elementor-element-7c51d3e .elementor-nav-menu--dropdown.elementor-nav-menu__container li,
  .mehregan-elementor-header .elementor-element-7c51d3e .elementor-nav-menu--dropdown.elementor-nav-menu__container a {
    width: 100% !important;
    max-width: 100% !important;
  }
}/* End custom CSS */