﻿/* Final Zelor page layout overrides loaded after Elementor page CSS. */
:root {
  --zelor-brand: #f1eb1c;
  --zelor-ink: #0b0b0b;
  --zelor-panel: #151515;
}

#magic-cursor #ball {
  background-color: var(--zelor-brand) !important;
  border-color: var(--zelor-brand) !important;
}

#magic-cursor.cursor-white-bg #ball {
  background-color: var(--zelor-brand) !important;
}

#preloader {
  background: var(--zelor-brand) !important;
  background-color: var(--zelor-brand) !important;
}

.preloader span {
  background: var(--zelor-ink) !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445,
.elementor-931 .elementor-element.elementor-element-6b81385,
.elementor-931 .elementor-element.elementor-element-109e377,
.elementor-931 .elementor-element.elementor-element-5199080 {
  --content-width: 1680px !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 > .e-con-inner,
.elementor-931 .elementor-element.elementor-element-6b81385 > .e-con-inner,
.elementor-931 .elementor-element.elementor-element-109e377 > .e-con-inner,
.elementor-931 .elementor-element.elementor-element-5199080 > .e-con-inner,
.elementor-931 [data-id="2e8a587"] > .e-con-inner {
  display: flex !important;
  align-content: var(--align-content) !important;
  align-items: var(--align-items) !important;
  align-self: auto !important;
  flex-basis: auto !important;
  flex-direction: var(--flex-direction) !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-wrap: var(--flex-wrap) !important;
  gap: var(--row-gap) var(--column-gap) !important;
  justify-content: var(--justify-content) !important;
  width: 100% !important;
  max-width: var(--content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.elementor-931 [data-id="2e8a587"] > .e-con-inner {
  width: min(1680px, calc(100% - 48px)) !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-29533 .elementor-element.elementor-element-7ede0d3 {
  --padding-left: 15px !important;
  --padding-right: 15px !important;
}

.elementor-931 {
  --zelor-section-y: 96px;
  --zelor-heading-gap: 56px;
  --zelor-item-gap: 72px;
}

.elementor-931 .elementor-element.elementor-element-42c1d51,
.elementor-931 .elementor-element.elementor-element-12c72c4,
.elementor-931 .elementor-element.elementor-element-116c1fc,
.elementor-931 .elementor-element.elementor-element-68e759b,
.elementor-931 .elementor-element.elementor-element-bb1a74b,
.elementor-931 .elementor-element.elementor-element-6528d8c,
.elementor-931 .elementor-element.elementor-element-bda2445,
.elementor-931 .elementor-element.elementor-element-6b81385,
.elementor-931 .elementor-element.elementor-element-109e377,
.elementor-931 .elementor-element.elementor-element-f9f5a1b,
.elementor-931 .elementor-element.elementor-element-2e8a587 {
  --margin-top: 0px !important;
  --margin-bottom: 0px !important;
  --padding-top: var(--zelor-section-y) !important;
  --padding-left: 15px !important;
  --padding-right: 15px !important;
  padding-bottom: var(--zelor-section-y) !important;
}

.elementor-931 .elementor-element.elementor-element-42c1d51 {
  /* --padding-top: var(--zelor-section-y) !important; */
  /* padding-top: var(--zelor-section-y) !important; */
}

.elementor-931 .elementor-element.elementor-element-bb1a74b {
  --padding-top: 78px !important;
  --padding-bottom: 78px !important;
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.elementor-931 .elementor-element.elementor-element-d53660a,
.elementor-931 .elementor-element.elementor-element-14df8c0,
.elementor-931 .elementor-element.elementor-element-2b5f3ae,
.elementor-931 .elementor-element.elementor-element-932ff01 {
  --margin-bottom: var(--zelor-heading-gap) !important;
}

.elementor-931 .elementor-element.elementor-element-0db486a > .elementor-widget-container,
.elementor-931 .elementor-element.elementor-element-fc6ad78 > .elementor-widget-container {
  margin-bottom: var(--zelor-heading-gap) !important;
}

.elementor-931 .design-project-item.mb-120 {
  margin-bottom: var(--zelor-item-gap) !important;
}

.elementor-931 .design-project-item-wrap .design-project-item:last-child {
  margin-bottom: 0 !important;
}

.elementor-931 .zelor-project-grid-area {
  width: 100% !important;
}

.elementor-931 .zelor-project-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
}

.elementor-931 .zelor-project-card {
  position: relative !important;
  display: block !important;
  aspect-ratio: 1.48 / 1 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #151515 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s cubic-bezier(.2, .8, .2, 1), border-color 0.35s ease !important;
}

.elementor-931 .zelor-project-card::after {
  position: absolute !important;
  inset: 0 !important;
  content: "" !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0.42) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

.elementor-931 .zelor-project-card img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  transform: scale(1.01) !important;
  transition: transform 0.65s cubic-bezier(.2, .8, .2, 1), filter 0.65s cubic-bezier(.2, .8, .2, 1) !important;
}

.elementor-931 .zelor-project-card .tp--hover-img,
.elementor-931 .zelor-project-card .tp--hover-img canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: inherit !important;
}

.elementor-931 .zelor-project-card .tp--hover-img canvas {
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.elementor-931 .zelor-project-card:hover::after,
.elementor-931 .zelor-project-card:focus-visible::after {
  opacity: 1 !important;
}

.elementor-931 .zelor-project-card:hover,
.elementor-931 .zelor-project-card:focus-visible {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: none !important;
}

.elementor-931 .zelor-project-card:hover img,
.elementor-931 .zelor-project-card:focus-visible img {
  transform: scale(1.045) !important;
  filter: saturate(1.03) contrast(1.02) brightness(1.03) !important;
}

.elementor-931 .zelor-project-grid-footer {
  display: flex !important;
  justify-content: center !important;
  margin-top: clamp(30px, 4vw, 58px) !important;
}

.elementor-931 .design-award-content[href] {
  color: inherit !important;
  text-decoration: none !important;
}

.elementor-931 .design-award-content[href]:hover,
.elementor-931 .design-award-content[href]:focus-visible {
  color: inherit !important;
  text-decoration: none !important;
}

.elementor-931 .design-testimonial-active .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media (min-width: 768px) {
  body.elementor-page-931 .design-hero-ptb,
  body.elementor-page-931 .elementor-931 .design-hero-ptb {
    padding-top: 224px !important;
  }
}

@media (min-width: 768px) {
  body.elementor-page-931:not(.home) .design-hero-ptb,
  body.elementor-page-931:not(.home) .elementor-931 .design-hero-ptb {
    padding-top: 224px !important;
  }
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-931 .elementor-element.elementor-element-d313158 .tp-testimonial-title-box {
  margin-bottom: var(--zelor-heading-gap) !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline {
  color: #ffffff !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  font-size: clamp(92px, 11vw, 180px) !important;
  line-height: 0.82 !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.design-service-accordion .accordion-buttons .tp-el-subtitle {
  color: #f1eb1c !important;
  -webkit-text-fill-color: #f1eb1c !important;
}

.elementor-931 .design-service-accordion .accordion-buttons .design-service-img {
  width: 160px !important;
  height: 120px !important;
  min-width: 160px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
  flex-shrink: 0 !important;
}

.zelor-hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: clamp(18px, 2vw, 28px) !important;
  color: var(--zelor-brand) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.zelor-hero-kicker::before {
  content: "" !important;
  width: 52px !important;
  height: 1px !important;
  background: currentColor !important;
  opacity: 0.9 !important;
}

.zelor-hero-proof {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.zelor-hero-proof span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.zelor-liquid-btn {
  position: relative !important;
  z-index: 0 !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-color: rgba(241, 235, 28, 0.55) !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transition: border-color 0.7s ease, color 0.7s ease, -webkit-text-fill-color 0.7s ease, transform 0.7s ease, box-shadow 0.7s ease !important;
}

.zelor-liquid-btn::before {
  position: absolute !important;
  inset: 0 !important;
  content: "" !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(120% 80% at 10% 120%, rgba(255, 255, 255, 0.42) 0 16%, transparent 17%),
    radial-gradient(110% 85% at 48% 120%, rgba(255, 255, 255, 0.26) 0 18%, transparent 19%),
    radial-gradient(120% 90% at 92% 120%, rgba(255, 255, 255, 0.18) 0 17%, transparent 18%),
    #f1eb1c !important;
  clip-path: circle(0% at 50% 100%) !important;
  transform: translateY(18%) scale(1.08) !important;
  transition: clip-path 1.25s cubic-bezier(.18, .78, .18, 1), transform 1.25s cubic-bezier(.18, .78, .18, 1) !important;
}

.zelor-liquid-btn > *,
.zelor-liquid-btn span {
  position: relative !important;
  z-index: 1 !important;
  transition: color 0.7s ease, -webkit-text-fill-color 0.7s ease !important;
}

.zelor-liquid-btn:hover,
.zelor-liquid-btn:focus {
  background: transparent !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-color: #f1eb1c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 45px rgba(241, 235, 28, 0.16) !important;
}

.zelor-liquid-btn:hover > *,
.zelor-liquid-btn:focus > *,
.zelor-liquid-btn:hover span,
.zelor-liquid-btn:focus span,
.zelor-liquid-btn:hover .elementor-button-text,
.zelor-liquid-btn:focus .elementor-button-text {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

.zelor-liquid-btn:hover::before,
.zelor-liquid-btn:focus::before {
  clip-path: circle(145% at 50% 100%) !important;
  transform: translateY(0) scale(1) !important;
}

body.zelor-about-new .design-hero-content .zelor-liquid-btn,
body.zelor-about-new .design-hero-content .zelor-liquid-btn span {
  transition-duration: 0.7s !important;
}

body.zelor-about-new .design-hero-content .zelor-liquid-btn::before {
  transition-duration: 1.25s !important;
}

.tp-contact-form-btn .zelor-contact-submit-btn {
  width: 100% !important;
  min-height: 62px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(241, 235, 28, 0.55) !important;
  border-radius: 999px !important;
  padding: 18px 34px !important;
  font-family: var(--tp-ff-body, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.tp-contact-form-btn .zelor-contact-submit-btn .elementor-button-text {
  display: inline-block !important;
  overflow: visible !important;
  line-height: 1 !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline span,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline span > div {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline .tp_text_invert_2 .tp-reveal-line {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(to right, #ffffff 50%, rgba(255,255,255,0.22) 50%) !important;
  background-size: 200% 100% !important;
  background-position: 100%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.elementor-931 .elementor-element.elementor-element-bb1a74b .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-bb1a74b .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-bb1a74b .tp_text_invert_2 .tp-reveal-line,
.elementor-931 .elementor-element.elementor-element-116c1fc .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-116c1fc .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-116c1fc .tp_text_invert_2 .tp-reveal-line,
.elementor-931 .elementor-element.elementor-element-5637114 .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-5637114 .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-5637114 .tp_text_invert_2 .tp-reveal-line,
.elementor-931 .elementor-element.elementor-element-d313158 .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-d313158 .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-d313158 .tp_text_invert_2 .tp-reveal-line,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp_text_invert_2 .tp-reveal-line,
.elementor-931 .elementor-element.elementor-element-109e377 .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-109e377 .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-109e377 .tp_text_invert_2 .tp-reveal-line {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(to right, #ffffff 50%, rgba(255,255,255,0.18) 50%) !important;
  background-size: 200% 100% !important;
  background-position: 100%;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp-section-title-dirtyline,
.elementor-931 .elementor-element.elementor-element-5637114 .tp-section-title-dirtyline {
  color: #ffffff !important;
  font-family: var(--tp-ff-dirtyline) !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

.elementor-931 .elementor-element.elementor-element-9e89126 .tp-section-title-dirtyline,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp-section-title-dirtyline span,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp-section-title-dirtyline span > div {
  color: #ffffff !important;
}

.elementor-931 .elementor-element.elementor-element-9e89126 .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-9e89126 .tp_text_invert_2 .tp-reveal-line {
  background-image: linear-gradient(to right, #ffffff 50%, rgba(255,255,255,0.18) 50%) !important;
}

.elementor-931 .elementor-element.elementor-element-2e8a587 {
  overflow: visible !important;
  padding-bottom: clamp(56px, 7vw, 108px) !important;
}

.elementor-931 .elementor-element.elementor-element-a42e495,
.elementor-931 .elementor-element.elementor-element-20c93ec,
.elementor-931 .elementor-element.elementor-element-9e89126 .design-project-title-box {
  overflow: visible !important;
}

.elementor-931 .elementor-element.elementor-element-9e89126 .tp-section-title-dirtyline {
  line-height: 0.88 !important;
  padding-bottom: 0.08em !important;
}

.elementor-931 .elementor-element.elementor-element-9e89126 .tp-el-desc {
  line-height: 1.18 !important;
  margin-bottom: 12px !important;
  max-width: 24ch !important;
}

@media (min-width: 1401px) and (max-width: 1700px) {
  .elementor-931 .elementor-element.elementor-element-f438ed8 .tp-el-title {
    font-size: clamp(300px, 19vw, 330px) !important;
  }

  .elementor-931 [data-id="2e8a587"] > .e-con-inner {
    width: min(1680px, calc(100% - 48px)) !important;
  }

  .elementor-931 [data-id="2e8a587"] .tp-section-title-dirtyline {
    font-size: clamp(132px, 10vw, 160px) !important;
  }
}

body.zelor-about-new .design-hero-area {
  position: relative !important;
  isolation: isolate !important;
  background-color: #0e0e0e !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) !important;
  background-size: 92px 92px !important;
  background-position: center top !important;
}

body.zelor-work-new .elementor-element-6d1b715::before,
body.zelor-work-new .elementor-element-6d1b715::after,
body.zelor-contact-new .elementor-element-a96aca0::before,
body.zelor-contact-new .elementor-element-a96aca0::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: blur(18px) !important;
}

body.zelor-work-new .elementor-element-6d1b715::before,
body.zelor-contact-new .elementor-element-a96aca0::before {
  top: 72px !important;
  left: -120px !important;
  width: clamp(220px, 28vw, 420px) !important;
  height: clamp(220px, 28vw, 420px) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(241, 235, 28, 0.18) 0%, rgba(241, 235, 28, 0.06) 34%, rgba(241, 235, 28, 0) 72%) !important;
}

body.zelor-work-new .elementor-element-6d1b715::after,
body.zelor-contact-new .elementor-element-a96aca0::after {
  right: -120px !important;
  bottom: -100px !important;
  width: clamp(260px, 30vw, 460px) !important;
  height: clamp(260px, 30vw, 460px) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(241, 235, 28, 0.12) 0%, rgba(241, 235, 28, 0.04) 36%, rgba(241, 235, 28, 0) 74%) !important;
}

body.zelor-about-new .design-hero-area::before,
body.zelor-about-new .design-hero-area::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  filter: none !important;
}

body.zelor-about-new .design-hero-area::before {
  inset: 0 !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(14, 14, 14, 0.18) 50%, transparent 100%),
    repeating-linear-gradient(135deg, rgba(241, 235, 28, 0.09) 0 1px, transparent 1px 18px) !important;
  opacity: 0.12 !important;
}

body.zelor-about-new .design-hero-area::after {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

body.zelor-about-new .design-hero-wrap,
body.zelor-about-new .design-hero-content-wrap,
body.zelor-about-new .design-hero-info-wrap,
body.zelor-work-new .elementor-element-7388844,
body.zelor-contact-new .elementor-element-755082b {
  position: relative !important;
  z-index: 1 !important;
}

body.zelor-about-new .design-hero-ptb {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  min-height: min(820px, calc(100vh - 20px)) !important;
  padding-top: clamp(132px, 15vh, 184px) !important;
  padding-bottom: clamp(72px, 9vh, 118px) !important;
}

body.zelor-about-new .design-hero-wrap,
body.zelor-about-new .design-hero-content-wrap {
  width: min(1180px, calc(100% - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.zelor-about-new .zelor-about-hero-copy {
  width: 100% !important;
  margin: 0 !important;
}

body.zelor-about-new .zelor-about-hero-copy h1 {
  max-width: 8.6ch !important;
  margin: 0 !important;
  font-size: clamp(82px, 8.8vw, 168px) !important;
  line-height: 0.82 !important;
  text-wrap: balance !important;
}

body.zelor-about-new .zelor-hero-kicker {
  margin-bottom: 18px !important;
}

body.zelor-about-new .design-hero-content-wrap {
  margin-top: clamp(28px, 4.8vh, 46px) !important;
}

body.zelor-about-new .design-hero-content-wrap .container,
body.zelor-about-new .design-hero-content-wrap .container-1230 {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.zelor-about-new .design-hero-content-wrap .row {
  justify-content: flex-end !important;
}

body.zelor-about-new .design-hero-content-wrap .offset-xl-7,
body.zelor-about-new .design-hero-content-wrap .offset-lg-6 {
  margin-left: 0 !important;
}

body.zelor-about-new .design-hero-content-wrap .col-xl-5,
body.zelor-about-new .design-hero-content-wrap .col-lg-6 {
  width: min(100%, 520px) !important;
  flex: 0 0 min(100%, 520px) !important;
  max-width: 520px !important;
}

body.zelor-about-new .design-hero-content {
  max-width: 520px !important;
}

body.zelor-about-new .design-hero-content p {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 22px !important;
  line-height: 1.36 !important;
  margin-bottom: 26px !important;
}

body.zelor-work-new,
body.zelor-contact-new {
  background: #0e0e0e !important;
  color: #fff !important;
}

body.zelor-work-new #smooth-wrapper,
body.zelor-work-new #smooth-content,
body.zelor-contact-new #smooth-wrapper,
body.zelor-contact-new #smooth-content {
  background: #0e0e0e !important;
}

body.zelor-work-new .elementor-element-6d1b715 {
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(156px, 14vw, 224px) !important;
  padding-bottom: clamp(64px, 8vw, 108px) !important;
}

body.zelor-work-new .elementor-element-7388844 {
  width: min(1240px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
}

body.zelor-work-new .elementor-element-97faaf1,
body.zelor-work-new .elementor-element-47a0b71,
body.zelor-work-new .elementor-element-c07607e {
  display: none !important;
}

body.zelor-work-new .elementor-element-091f4e1,
body.zelor-work-new .elementor-element-db8b001 {
  display: block !important;
}

body.zelor-work-new .elementor-element-d8fa7ef {
  width: 100% !important;
  max-width: 100% !important;
}

body.zelor-work-new .des-project-title-box {
  max-width: 1180px !important;
}

body.zelor-work-new .des-project-title-box h2 {
  max-width: 8.6ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: var(--tp-ff-dirtyline) !important;
  font-size: clamp(76px, 11vw, 176px) !important;
  font-weight: 400 !important;
  line-height: 0.82 !important;
  text-transform: none !important;
  text-wrap: balance !important;
}

body.zelor-work-new .des-project-title-box h3 {
  max-width: 540px !important;
  margin: 30px 0 0 auto !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: clamp(19px, 1.7vw, 25px) !important;
  line-height: 1.46 !important;
  font-weight: 500 !important;
}

body.zelor-work-new .elementor-element-03adb9f {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

body.zelor-work-new .elementor-element-03adb9f .tp-btn-red-border {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

body.zelor-work-new .elementor-element-03adb9f .tp-btn-red-border:hover,
body.zelor-work-new .elementor-element-03adb9f .tp-btn-red-border:focus-visible {
  border-color: rgba(241, 235, 28, 0.45) !important;
  background: rgba(241, 235, 28, 0.08) !important;
  color: #ffffff !important;
}

body.zelor-contact-new .elementor-element-a96aca0 {
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(150px, 14vw, 210px) !important;
  padding-bottom: clamp(72px, 8vw, 118px) !important;
}

body.zelor-contact-new .elementor-element-b0f007e,
body.zelor-contact-new .elementor-element-f5f00c1,
body.zelor-contact-new .tp-el-thumb-wrap.tp-el-section.tp-img {
  display: none !important;
}

body.zelor-contact-new .elementor-element-755082b {
  width: min(1200px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
}

body.zelor-contact-new .elementor-element-755082b > .e-con-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 420px) !important;
  gap: clamp(36px, 6vw, 96px) !important;
  align-items: end !important;
}

body.zelor-contact-new .ar-about-us-4-title-box {
  margin-bottom: 24px !important;
}

body.zelor-contact-new .tp-section-subtitle.pre.tp-el-subtitle {
  color: var(--zelor-brand) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

body.zelor-contact-new .ar-about-us-4-icon svg,
body.zelor-contact-new .ar-about-us-4-icon path {
  stroke: var(--zelor-brand) !important;
}

body.zelor-contact-new .pp-service-details-heading {
  padding-bottom: 0 !important;
  margin-bottom: 24px !important;
}

body.zelor-contact-new .pp-service-details-title {
  max-width: 8.4ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: var(--tp-ff-dirtyline) !important;
  font-size: clamp(74px, 10vw, 164px) !important;
  font-weight: 400 !important;
  line-height: 0.82 !important;
  text-transform: none !important;
  text-wrap: balance !important;
}

body.zelor-contact-new .elementor-element-6315c4c .tp-el-content {
  max-width: 560px !important;
}

body.zelor-contact-new .elementor-element-6315c4c .tp-el-content p {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: clamp(19px, 1.7vw, 24px) !important;
  line-height: 1.44 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

body.zelor-contact-new .elementor-element-6315c4c .zelor-hero-proof {
  justify-content: flex-start !important;
}

body.zelor-contact-new .elementor-element-755082b > .e-con-inner::after {
  content: "Tell us what you are building, what needs to change, and where you want the brand to go next." !important;
  display: block !important;
  align-self: end !important;
  padding: 28px 28px 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: clamp(18px, 1.6vw, 23px) !important;
  line-height: 1.45 !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22) !important;
}

@media (max-width: 991px) {
  body.zelor-work-new .des-project-title-box h3 {
    margin-left: 0 !important;
  }

  body.zelor-contact-new .elementor-element-755082b > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  body.zelor-contact-new .elementor-element-755082b > .e-con-inner::after {
    max-width: 520px !important;
  }
}

@media (max-width: 767px) {
  .zelor-hero-proof {
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .zelor-hero-proof span {
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  body.zelor-about-new .design-hero-content p,
  body.zelor-work-new .des-project-title-box h3,
  body.zelor-contact-new .elementor-element-6315c4c .tp-el-content p,
  body.zelor-contact-new .elementor-element-755082b > .e-con-inner::after {
    font-size: 18px !important;
  }

  body.zelor-work-new .elementor-element-6d1b715,
  body.zelor-contact-new .elementor-element-a96aca0 {
    padding-top: 126px !important;
  }
}

.elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading {
  font-size: clamp(92px, 11vw, 180px) !important;
  line-height: 0.82 !important;
  margin: 0 !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading {
  color: #ffffff !important;
  font-family: var(--tp-ff-dirtyline) !important;
  font-weight: 400 !important;
  font-size: clamp(74px, 6.8vw, 118px) !important;
  line-height: 0.82 !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading .tp_text_invert_2,
.elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading .tp_text_invert_2 > div,
.elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading .tp_text_invert_2 .tp-reveal-line {
  background-image: linear-gradient(to right, #ffffff 50%, rgba(255,255,255,0.18) 50%) !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading span,
.elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading span > div {
  display: block !important;
  white-space: nowrap !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area > .row {
  column-gap: 42px !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area > .row > .col-lg-6:first-child {
  width: calc(48% - 21px) !important;
  max-width: calc(48% - 21px) !important;
  flex: 0 0 calc(48% - 21px) !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area > .row > .col-lg-6:last-child {
  width: calc(52% - 21px) !important;
  max-width: calc(52% - 21px) !important;
  flex: 0 0 calc(52% - 21px) !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-title-box {
  max-width: 100% !important;
  overflow: visible !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-section-subtitle.pre::before,
.elementor-931 .elementor-element.elementor-element-109e377 .tp-section-subtitle-shape::before,
.elementor-931 .elementor-element.elementor-element-109e377 .tp-section-subtitle-shape::after,
.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-number span {
  background: #f1eb1c !important;
  background-color: #f1eb1c !important;
}

.elementor-931 .elementor-element.elementor-element-109e377 .tp-work-number i {
  color: #0e0e0e !important;
}

.elementor-931 .design-hero-social a:not(:last-child)::after {
  background-color: #f1eb1c !important;
}

.elementor-931 .design-hero-social a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.elementor-931 .zelor-hero-social-icons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.elementor-931 .zelor-hero-social-icons a {
  width: 38px !important;
  height: 38px !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(241, 235, 28, 0.42) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.035) !important;
  transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, transform 0.35s ease !important;
}

.elementor-931 .zelor-hero-social-icons a:not(:last-child)::after {
  display: none !important;
}

.elementor-931 .zelor-hero-social-icons a:hover,
.elementor-931 .zelor-hero-social-icons a:focus-visible {
  color: #0e0e0e !important;
  background: #f1eb1c !important;
  border-color: #f1eb1c !important;
  transform: translateY(-2px) !important;
}

.elementor-931 .design-hero-social .zelor-social-link-icon {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.elementor-931 > [data-id="6b81385"].zelor-pricing-clean {
  margin: 78px auto 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-head {
  margin-bottom: 52px !important;
}

.elementor-931 .zelor-pricing-intro-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-clean .tp-el-desc,
.elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-head .tp-el-desc {
  margin-top: 26px !important;
  margin-bottom: 0 !important;
}

.elementor-931 .zelor-pricing-controls {
  display: none !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

.elementor-931 .zelor-pricing-control {
  width: 50px !important;
  height: 50px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid rgba(241, 235, 28, 0.78) !important;
  border-radius: 999px !important;
  background: rgba(241, 235, 28, 0.08) !important;
  color: #f1eb1c !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease !important;
}

.elementor-931 .zelor-pricing-control:hover,
.elementor-931 .zelor-pricing-control:focus-visible {
  background: #f1eb1c !important;
  color: #0e0e0e !important;
  border-color: #f1eb1c !important;
}

.elementor-931 .zelor-pricing-control:disabled {
  opacity: 0.38 !important;
  cursor: default !important;
}

.elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid {
  gap: 28px !important;
}

.elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card {
  padding: 38px !important;
}

.elementor-931 .elementor-element.elementor-element-6b81385 .zelor-plan-desc {
  margin-top: 8px !important;
  margin-bottom: 28px !important;
}

.zelor-footer-logo-block {
  display: flex !important;
  align-items: center !important;
}

.zelor-footer-logo-img {
  width: 160px !important;
  max-width: 160px !important;
  height: auto !important;
  display: block !important;
}

.zelor-footer-copyright {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.design-choose-item span {
  font-size: 100px !important;
  margin-bottom: 78px !important;
}

.zelor-site-header-area {
  padding-left: clamp(18px, 1.7vw, 30px) !important;
  padding-right: clamp(18px, 1.7vw, 30px) !important;
}

.tp-offcanvas-2-bg.left-box,
.tp-offcanvas-2-bg.right-box {
  -webkit-transition: transform 0.58s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.58s cubic-bezier(0.77, 0, 0.175, 1) !important;
  -moz-transition: transform 0.58s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.58s cubic-bezier(0.77, 0, 0.175, 1) !important;
  -ms-transition: transform 0.58s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.58s cubic-bezier(0.77, 0, 0.175, 1) !important;
  -o-transition: transform 0.58s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.58s cubic-bezier(0.77, 0, 0.175, 1) !important;
  transition: transform 0.58s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.58s cubic-bezier(0.77, 0, 0.175, 1) !important;
}

.tp-offcanvas-2-bg.is-left,
.tp-offcanvas-2-bg.is-right {
  transition-delay: 0.22s !important;
}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-left,
.tp-offcanvas-2-area.opened .tp-offcanvas-2-bg.is-right {
  transition-delay: 0s !important;
}

.tp-offcanvas-2-left,
.tp-offcanvas-2-right {
  transition: opacity 0.22s ease, visibility 0.22s ease !important;
  transition-delay: 0.36s !important;
}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-left,
.tp-offcanvas-2-area.opened .tp-offcanvas-2-right {
  transition-delay: 0.38s !important;
}

.tp-offcanvas-2-area.opened .tp-offcanvas-2-close {
  transition-delay: 0.42s !important;
}

@media (min-width: 993px) and (max-width: 1200px) {
  .tp-offcanvas-2-wrapper .right-box {
    padding: 50px 100px 50px 50px !important;
  }
}

@media (max-width: 992px) {
  .tp-offcanvas-2-wrapper .right-box {
    padding: 50px 100px 50px 50px !important;
  }

  .elementor-931 .design-hero-slide-text span {
    font-size: 120px !important;
  }

  .elementor-931 .design-hero-ptb {
    padding-top: 180px !important;
  }
}

@media (max-width: 768px) {
  .tp-header-logo img,
  .tp-offcanvas-logo img,
  .tpcore-offcanvas-logo-black img {
    width: 60px !important;
    max-width: 60px !important;
    height: auto !important;
  }

  .elementor-931 .design-hero-wrap {
    margin-bottom: 20px !important;
  }

  .elementor-931 .design-hero-content-wrap.mb-110,
  .elementor-931 .design-hero-content-wrap {
    margin-bottom: 55px !important;
  }

  .tp-offcanvas-2-wrapper .right-box {
    padding: 40px 24px 40px 24px !important;
  }

  .elementor-931 .tp-banner-img img,
  .tp-banner-img img {
    margin-top: 0 !important;
  }

  .elementor-931 .design-hero-slide-text span {
    font-size: 80px !important;
  }

  .elementor-931 .design-hero-ptb {
    padding-top: 120px !important;
  }

  .elementor-931 .design-service-accordion .accordion-buttons .design-service-img {
    width: 120px !important;
    height: 92px !important;
    min-width: 120px !important;
  }

  .elementor-931 .design-service-accordion .accordion-buttons i,
  .design-service-accordion .accordion-buttons i {
    font-size: 36px !important;
  }

  .elementor-931 .elementor-element.elementor-element-0db486a .tp-el-title {
    font-size: 80px !important;
  }

  .tp-section-title-dirtyline {
    font-size: 80px !important;
  }

  .elementor-931 .elementor-element.elementor-element-42c1d51 > .e-con-inner {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }

  .elementor-931 .elementor-element.elementor-element-d53660a {
    --flex-direction: column !important;
    --align-items: flex-start !important;
    --gap: 24px 0px !important;
    --row-gap: 24px !important;
    --column-gap: 0px !important;
    --margin-bottom: 42px !important;
  }

  .elementor-931 .elementor-element.elementor-element-cbc95c5,
  .elementor-931 .elementor-element.elementor-element-56ccfa9 {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-931 .elementor-element.elementor-element-56ccfa9 {
    --justify-content: flex-start !important;
    --align-items: flex-start !important;
    align-self: flex-start !important;
  }

  .elementor-931 .elementor-element.elementor-element-4d48c59 .tp-section-title-dirtyline {
    max-width: 100% !important;
    text-align: left !important;
    line-height: 0.86 !important;
  }

  .elementor-931 .elementor-element.elementor-element-a205bd0 {
    align-self: flex-start !important;
    margin-top: 0 !important;
  }

  .elementor-931 .elementor-element.elementor-element-a205bd0 .elementor-button,
  .elementor-931 .elementor-element.elementor-element-a205bd0 .tp-btn-sky-border {
    min-width: 172px !important;
    min-height: 0 !important;
    padding: 15px 24px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area > .row {
    display: block !important;
    column-gap: 0 !important;
  }

  .elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area > .row > .col-lg-6:first-child,
  .elementor-931 .elementor-element.elementor-element-109e377 .tp-work-area > .row > .col-lg-6:last-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-931 .elementor-element.elementor-element-109e377 .tp-work-title-box {
    margin-bottom: 34px !important;
  }

  .elementor-931 .elementor-element.elementor-element-109e377 .zelor-process-heading {
    font-size: clamp(70px, 14vw, 90px) !important;
    white-space: normal !important;
  }

  .elementor-931 .design-award-item,
  .design-award-item {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elementor-931 > [data-id="f9f5a1b"] .accordion-buttons,
  .elementor-931 [data-id="f9f5a1b"] .accordion-buttons {
    font-size: 20px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid {
    gap: 18px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card {
    flex-basis: 100% !important;
  }
}

.zelor-float-stack {
  position: fixed !important;
  right: clamp(18px, 2.5vw, 34px) !important;
  bottom: clamp(20px, 3vw, 38px) !important;
  z-index: 9992 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 12px !important;
}

.zelor-float-btn {
  position: relative !important;
  inset: auto !important;
  width: 58px !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 5px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: width 0.32s ease, transform 0.28s ease, box-shadow 0.28s ease !important;
}

.zelor-float-btn:hover,
.zelor-float-btn:focus-visible {
  width: 178px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  transform: translateY(-4px) !important;
  box-shadow: none !important;
}

.zelor-float-btn-icon {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.14) !important;
}

.zelor-float-btn-icon svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

.zelor-float-btn-label {
  display: inline-block !important;
  max-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  transform: translateX(16px) !important;
  font-family: var(--tp-ff-body, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  transform-origin: right center !important;
  transition: max-width 0.32s ease, opacity 0.22s ease, transform 0.32s ease !important;
}

.zelor-float-btn:hover .zelor-float-btn-label,
.zelor-float-btn:focus-visible .zelor-float-btn-label {
  max-width: 110px !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.zelor-float-btn-call {
  background: var(--zelor-brand) !important;
  color: var(--zelor-ink) !important;
  border-color: rgba(241, 235, 28, 0.58) !important;
}

.zelor-float-btn-whatsapp {
  background: #25D366 !important;
  color: #ffffff !important;
  border-color: rgba(37, 211, 102, 0.42) !important;
}

body:has(.tp-offcanvas-area.opened) .zelor-float-btn,
body:has(.tp-offcanvas-2-area.opened) .zelor-float-btn,
body:has(.body-overlay.opened) .zelor-float-btn {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.zelor-calendly-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9998 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(18px, 3.2vw, 44px) !important;
  pointer-events: none !important;
  visibility: hidden !important;
  perspective: 1400px !important;
}

.zelor-calendly-modal.is-open {
  pointer-events: auto !important;
  visibility: visible !important;
}

.zelor-calendly-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(241, 235, 28, 0.16), transparent 26%),
    radial-gradient(circle at 82% 84%, rgba(255, 255, 255, 0.09), transparent 28%),
    rgba(0, 0, 0, 0.82) !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
}

.zelor-calendly-dialog {
  position: relative !important;
  width: min(1180px, calc(100vw - 48px)) !important;
  height: min(780px, calc(100vh - 48px)) !important;
  min-height: 610px !important;
  display: grid !important;
  grid-template-rows: 74px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)),
    #090909 !important;
  box-shadow:
    0 38px 120px rgba(0, 0, 0, 0.66),
    0 0 0 1px rgba(241, 235, 28, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  isolation: isolate !important;
}

.zelor-calendly-dialog::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  z-index: -1 !important;
  border: 1px solid rgba(241, 235, 28, 0.15) !important;
  border-radius: 14px !important;
  pointer-events: none !important;
}

.zelor-calendly-dialog::after {
  content: "" !important;
  position: absolute !important;
  left: -22% !important;
  top: -42% !important;
  width: 68% !important;
  height: 95% !important;
  z-index: -2 !important;
  background: linear-gradient(115deg, transparent, rgba(241, 235, 28, 0.2), transparent) !important;
  transform: rotate(16deg) !important;
  animation: zelorModalBeam 4.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

.zelor-calendly-orbit {
  position: absolute !important;
  right: -120px !important;
  top: -150px !important;
  width: 360px !important;
  height: 360px !important;
  z-index: -1 !important;
  border: 1px solid rgba(241, 235, 28, 0.24) !important;
  border-radius: 50% !important;
  opacity: 0.72 !important;
  pointer-events: none !important;
}

.zelor-calendly-orbit::before,
.zelor-calendly-orbit::after {
  content: "" !important;
  position: absolute !important;
  inset: 54px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
}

.zelor-calendly-orbit::after {
  inset: 112px !important;
  background: var(--zelor-brand) !important;
  border: 0 !important;
  box-shadow: 0 0 42px rgba(241, 235, 28, 0.38) !important;
}

.zelor-calendly-topbar {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  padding: 16px 86px 14px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent),
    rgba(10, 10, 10, 0.88) !important;
}

.zelor-calendly-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  color: #ffffff !important;
  font-family: var(--tp-ff-heading, var(--tp-ff-body, sans-serif)) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.zelor-calendly-brand img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
}

.zelor-calendly-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--tp-ff-body, sans-serif) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.zelor-calendly-meta span {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--zelor-brand) !important;
  box-shadow: 0 0 20px rgba(241, 235, 28, 0.78) !important;
}

.zelor-calendly-meta strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.zelor-calendly-frame-wrap {
  position: relative !important;
  width: calc(100% - 28px) !important;
  height: calc(100% - 14px) !important;
  align-self: start !important;
  justify-self: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.38) !important;
}

.zelor-calendly-frame {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #ffffff !important;
}

@keyframes zelorModalBeam {
  0%, 100% {
    transform: translateX(0) rotate(16deg);
    opacity: 0.42;
  }

  50% {
    transform: translateX(64%) rotate(16deg);
    opacity: 0.72;
  }
}

.zelor-calendly-close {
  position: absolute !important;
  top: 15px !important;
  right: 20px !important;
  z-index: 4 !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(241, 235, 28, 0.34) !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.72) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: transform 0.24s ease, background-color 0.24s ease, color 0.24s ease !important;
}

.zelor-calendly-close:hover {
  transform: rotate(90deg) scale(1.04) !important;
  background: var(--zelor-brand) !important;
  color: var(--zelor-ink) !important;
}

.zelor-calendly-close span {
  position: absolute !important;
  width: 18px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: currentColor !important;
}

.zelor-calendly-close span:first-child {
  transform: rotate(45deg) !important;
}

.zelor-calendly-close span:last-child {
  transform: rotate(-45deg) !important;
}

body.zelor-modal-open {
  overflow: hidden !important;
}

body.zelor-modal-open #magic-cursor,
body.zelor-modal-open #ball,
body.zelor-modal-open .zelor-float-stack {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.elementor-4244 .elementor-element.elementor-element-d0b207c {
  margin: 0 auto 0 !important;
  display: flex !important;
  justify-content: center !important;
  width: calc(100% - 24px) !important;
  max-width: 1550px !important;
}

.elementor-4244 .elementor-element.elementor-element-d0b207c img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.elementor-4244 .elementor-element.elementor-element-b10a332 .elementor-element.elementor-element-d0b207c {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.elementor-4244 .elementor-element.elementor-element-b10a332 .elementor-element.elementor-element-d0b207c .elementor-widget-container {
  width: 100% !important;
}

@media (min-width: 993px) and (max-width: 1200px) {
  .elementor-4244 .elementor-element.elementor-element-ef28a90 {
    --padding-left: 0px !important;
  }
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-testimonial-title-wrap,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-testimonial-title-box {
  width: 100% !important;
  max-width: none !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-slider-wrap {
  max-width: 520px !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445,
.elementor-931 .elementor-element.elementor-element-bda2445 > .e-con-inner,
.elementor-931 .elementor-element.elementor-element-bda2445 .elementor-widget-container,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-testimonial-area,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-el-section {
  border-radius: 0 !important;
  overflow: visible !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb > a,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb img {
  border-radius: 24px !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb,
.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb > a {
  display: block !important;
  overflow: hidden !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb::after {
  border-radius: 24px !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-team-item-thumb img {
  display: block !important;
  width: 100% !important;
  height: 620px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

[data-id="bda2445"].elementor-element,
[data-id="bda2445"].elementor-element > .e-con-inner,
[data-id="bda2445"] .elementor-widget-container,
[data-id="bda2445"] .tp-testimonial-area,
[data-id="bda2445"] .tp-el-section {
  border-radius: 0 !important;
}

[data-id="bda2445"] .tp-team-item,
[data-id="bda2445"] .tp-team-item-thumb,
[data-id="bda2445"] .tp-team-item-thumb > a,
[data-id="bda2445"] .tp-team-item-thumb img {
  border-radius: 0 !important;
}

[data-id="bda2445"] .tp-team-item-thumb,
[data-id="bda2445"] .tp-team-item-thumb > a {
  display: block !important;
}

[data-id="bda2445"] .tp-team-item-thumb::after {
  display: none !important;
  content: none !important;
}

[data-id="bda2445"] .tp-team-item-thumb img {
  display: block !important;
  width: 100% !important;
}

@media (max-width: 1400px) and (min-width: 576px) {
  .elementor-931 {
    --zelor-section-y: 78px;
    --zelor-heading-gap: 48px;
    --zelor-item-gap: 60px;
  }

  .elementor-931 .elementor-element.elementor-element-bda2445,
  .elementor-931 .elementor-element.elementor-element-6b81385,
  .elementor-931 .elementor-element.elementor-element-109e377,
  .elementor-931 .elementor-element.elementor-element-5199080 {
    --content-width: 1140px !important;
  }
}

@media (min-width: 993px) and (max-width: 1400px) {
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading {
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(78px, 6.2vw, 88px) !important;
    line-height: 0.86 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2,
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2 > div,
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2 .tp-reveal-line {
    display: inline !important;
    white-space: normal !important;
  }

  .elementor-931 .design-service-accordion .accordion-buttons i {
    font-size: 56px !important;
    line-height: 0.95 !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid {
    gap: 24px !important;
    align-items: stretch !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card {
    padding: 28px !important;
    min-width: 0 !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card h3 {
    font-size: 66px !important;
    line-height: 0.9 !important;
    margin-bottom: 14px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-price-term {
    font-size: 21px !important;
    line-height: 1.32 !important;
    margin-bottom: 24px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-plan-desc,
  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card > p:not(.zelor-price-term) {
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card ul {
    margin-bottom: 22px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card ul p,
  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card li {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card .tp-btn-sky-border {
    min-height: 48px !important;
    padding: 13px 22px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 992px) {
  .tp-section-title-dirtyline {
    font-size: 100px !important;
  }

  .elementor-931 .elementor-element.elementor-element-0db486a .tp-el-title {
    font-size: 118px !important;
  }

  .elementor-931 .elementor-element.elementor-element-9e89126 .tp-el-title {
    font-size: 116px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid {
    align-items: stretch !important;
    gap: 20px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card {
    max-height: 620px !important;
    padding: 24px !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card::-webkit-scrollbar {
    display: none !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card h3 {
    font-size: 56px !important;
    line-height: 0.9 !important;
    margin-bottom: 12px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-price-term {
    font-size: 18px !important;
    line-height: 1.28 !important;
    margin-bottom: 20px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-plan-desc,
  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card > p:not(.zelor-price-term) {
    font-size: 13px !important;
    line-height: 1.36 !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card ul {
    margin-bottom: 18px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card ul p,
  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card li {
    font-size: 11px !important;
    line-height: 1.28 !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card .tp-btn-sky-border {
    min-height: 36px !important;
    padding: 11px 20px !important;
    font-size: 12px !important;
  }

  .elementor-931 .elementor-element.elementor-element-d53660a {
    --align-items: center !important;
  }

  .elementor-931 .elementor-element.elementor-element-cbc95c5 {
    --width: 72% !important;
  }

  .elementor-931 .elementor-element.elementor-element-56ccfa9 {
    --width: 28% !important;
    --justify-content: flex-end !important;
    --align-items: center !important;
    align-self: center !important;
  }

  .elementor-931 .elementor-element.elementor-element-a205bd0 {
    align-self: center !important;
    margin-top: 0 !important;
  }

  .elementor-931 .elementor-element.elementor-element-a205bd0 .elementor-button,
  .elementor-931 .elementor-element.elementor-element-a205bd0 .tp-btn-sky-border {
    min-width: 172px !important;
    padding: 16px 26px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .elementor-931 .elementor-element.elementor-element-a205bd0 .elementor-button-text {
    display: block !important;
    line-height: 1.05 !important;
  }

  .elementor-931 .design-service-accordion .accordion-buttons i,
  .design-service-accordion .accordion-buttons i {
    font-size: 52px !important;
    line-height: 0.96 !important;
  }

  .elementor-931 .design-service-accordion .accordion-items,
  .design-service-accordion .accordion-items {
    padding-bottom: 60px !important;
  }

  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading {
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(54px, 6vw, 60px) !important;
    line-height: 0.9 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2,
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2 > div,
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2 .tp-reveal-line,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading .tp_text_invert_2,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading .tp_text_invert_2 > div,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading .tp_text_invert_2 .tp-reveal-line {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
  }

  .elementor-931 .design-testimonial-slide-wrap {
    padding-top: 24px !important;
    padding-bottom: 20px !important;
  }

  .elementor-931 .design-testimonial-item {
    min-height: 0 !important;
    padding: 24px !important;
    border-radius: 18px !important;
  }

  .elementor-931 .design-testimonial-author {
    margin-bottom: 34px !important;
  }

  .elementor-931 .tp-el-author-title {
    font-size: 14px !important;
    line-height: 1.12 !important;
    margin-bottom: 4px !important;
  }

  .elementor-931 .tp-el-author-dest {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .elementor-931 .design-testimonial-review {
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 14px !important;
  }

  .elementor-931 .tp-el-author-review {
    font-size: 52px !important;
    line-height: 0.86 !important;
    margin-bottom: 0 !important;
  }

  .elementor-931 .design-testimonial-review-icon {
    display: flex !important;
    gap: 3px !important;
    margin-left: 0 !important;
  }

  .elementor-931 .design-testimonial-review-icon svg {
    width: 12px !important;
    height: 12px !important;
  }

  .elementor-931 .design-testimonial-text .tp-el-author-text {
    font-size: 15px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 3 !important;
  }

  .elementor-931 .design-testimonial-toggle {
    margin-top: 7px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 992px) {
  .elementor-931 .elementor-element.elementor-element-42c1d51,
  .elementor-931 .elementor-element.elementor-element-12c72c4,
  .elementor-931 .elementor-element.elementor-element-116c1fc,
  .elementor-931 .elementor-element.elementor-element-68e759b,
  .elementor-931 .elementor-element.elementor-element-bb1a74b,
  .elementor-931 .elementor-element.elementor-element-6528d8c,
  .elementor-931 .elementor-element.elementor-element-bda2445,
  .elementor-931 .elementor-element.elementor-element-6b81385,
  .elementor-931 .elementor-element.elementor-element-109e377,
  .elementor-931 .elementor-element.elementor-element-f9f5a1b,
  .elementor-931 .elementor-element.elementor-element-2e8a587 {
    padding-bottom: 0 !important;
  }

  .elementor-4244 .elementor-element.elementor-element-d0b207c {
    padding: 50px 0px 0px 0px !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .elementor-931 .elementor-element.elementor-element-d53660a {
    --align-items: center !important;
    --margin-bottom: 72px !important;
  }

  .elementor-931 .elementor-element.elementor-element-cbc95c5 {
    --width: 74% !important;
  }

  .elementor-931 .elementor-element.elementor-element-56ccfa9 {
    --width: 26% !important;
    --justify-content: flex-end !important;
    --align-items: center !important;
  }

  .elementor-931 .elementor-element.elementor-element-4d48c59 .tp-section-title-dirtyline {
    font-size: clamp(118px, 10.5vw, 126px) !important;
    line-height: 0.86 !important;
  }

  .elementor-931 .elementor-element.elementor-element-a205bd0 .elementor-button {
    min-height: 0 !important;
    padding: 17px 30px !important;
    font-size: 15px !important;
  }

  .elementor-931 .elementor-element.elementor-element-f438ed8 .tp-el-title {
    font-size: 236px !important;
  }
}

@media (max-width: 1200px) {
  .elementor-931 .zelor-pricing-intro-row {
    align-items: flex-end !important;
  }

  .elementor-931 .zelor-pricing-controls {
    display: inline-flex !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid::-webkit-scrollbar {
    display: none !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card {
    flex: 0 0 calc((100% - 24px) / 2) !important;
    scroll-snap-align: start !important;
    min-width: 0 !important;
  }
}

@media (max-width: 768px) {
  .elementor-931 .zelor-pricing-intro-row {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: end !important;
    gap: 18px !important;
  }

  .elementor-931 .zelor-pricing-control {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-grid {
    gap: 18px !important;
  }

  .elementor-931 .elementor-element.elementor-element-6b81385 .zelor-pricing-card {
    flex-basis: 100% !important;
  }
}

@media (max-width: 1200px) and (min-width: 576px) {
  .elementor-931 .elementor-element.elementor-element-bda2445,
  .elementor-931 .elementor-element.elementor-element-6b81385,
  .elementor-931 .elementor-element.elementor-element-109e377,
  .elementor-931 .elementor-element.elementor-element-5199080 {
    --content-width: 960px !important;
  }
}

@media (max-width: 992px) and (min-width: 576px) {
  .elementor-931 .elementor-element.elementor-element-bda2445,
  .elementor-931 .elementor-element.elementor-element-6b81385,
  .elementor-931 .elementor-element.elementor-element-109e377,
  .elementor-931 .elementor-element.elementor-element-5199080 {
    --content-width: 720px !important;
  }

  .zelor-calendly-modal {
    padding: 24px !important;
  }

  .zelor-calendly-dialog {
    width: calc(100vw - 48px) !important;
    height: calc(100vh - 48px) !important;
    min-height: 560px !important;
  }

  .zelor-calendly-frame-wrap {
    width: calc(100% - 22px) !important;
  }
}

@media (max-width: 768px) and (min-width: 576px) {
  .elementor-931 .elementor-element.elementor-element-bda2445,
  .elementor-931 .elementor-element.elementor-element-6b81385,
  .elementor-931 .elementor-element.elementor-element-109e377,
  .elementor-931 .elementor-element.elementor-element-5199080 {
    --content-width: 540px !important;
  }
}

@media (max-width: 575px) {
  .elementor-931 {
    --zelor-section-y: 58px;
    --zelor-heading-gap: 36px;
    --zelor-item-gap: 44px;
  }

  .elementor-931 .zelor-project-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .elementor-931 .zelor-project-card {
    border-radius: 16px !important;
  }

  .zelor-float-stack {
    right: 16px !important;
    bottom: 18px !important;
    gap: 10px !important;
  }

  .zelor-float-btn {
    width: 54px !important;
    min-height: 54px !important;
    padding: 3px !important;
  }

  .zelor-float-btn:hover,
  .zelor-float-btn:focus-visible {
    width: 54px !important;
    transform: translateY(-2px) !important;
  }

  .zelor-float-btn-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
  }

  .zelor-float-btn-label {
    display: none !important;
  }

  .zelor-calendly-modal {
    padding: 0 !important;
  }

  .zelor-calendly-dialog {
    width: 100% !important;
    height: 100vh !important;
    max-height: none !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    grid-template-rows: 66px minmax(0, 1fr) !important;
  }

  .zelor-calendly-topbar {
    padding: 13px 70px 12px 16px !important;
  }

  .zelor-calendly-brand {
    font-size: 15px !important;
  }

  .zelor-calendly-brand img {
    width: 34px !important;
    height: 34px !important;
  }

  .zelor-calendly-meta {
    display: none !important;
  }

  .zelor-calendly-close {
    top: 11px !important;
    right: 14px !important;
  }

  .zelor-calendly-frame-wrap {
    width: 100% !important;
    height: 100% !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
  }
}

[data-id="bda2445"] .tp-team-item-thumb {
  border-radius: 0 !important;
  clip-path: none !important;
  overflow: visible !important;
  transform: translateZ(0) !important;
}

[data-id="bda2445"] .tp-team-slider-wrap,
[data-id="bda2445"] .tp-team-slider-active {
  overflow: hidden !important;
}

[data-id="bda2445"] .tp-team-item-thumb > a,
[data-id="bda2445"] .tp-team-item-thumb img,
[data-id="bda2445"] .tp-team-item-thumb::after {
  border-radius: 0 !important;
  clip-path: none !important;
}

[data-id="bda2445"] .tp-testimonial-area {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.72fr) !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 68px) !important;
  width: 100% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 3vw, 40px) !important;
  padding-right: clamp(16px, 3vw, 40px) !important;
  overflow: visible !important;
}

[data-id="bda2445"] .tp-testimonial-area > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-id="bda2445"] .tp-testimonial-area .row,
[data-id="bda2445"] .tp-testimonial-area .col-xl-12 {
  width: 100% !important;
  margin: 0 !important;
}

[data-id="bda2445"] .design-award-title-box {
  text-align: left !important;
  margin-bottom: 0 !important;
}

[data-id="bda2445"] .tp-section-title-dirtyline {
  text-align: left !important;
  font-size: clamp(52px, 5.7vw, 94px) !important;
  line-height: 0.92 !important;
  max-width: 100% !important;
}

.elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline {
  font-size: clamp(52px, 5.7vw, 94px) !important;
  line-height: 0.92 !important;
  text-align: left !important;
  max-width: 100% !important;
}

[data-id="bda2445"] .design-award-title-box .tp-el-desc {
  max-width: 560px !important;
  margin: clamp(22px, 2.4vw, 34px) 0 0 !important;
  text-align: left !important;
}

.zelor-founder-photo-frame {
  width: min(620px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
}

.zelor-founder-photo-frame img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

.zelor-founder-card {
  width: min(470px, 100%) !important;
  margin: 0 !important;
  justify-self: end !important;
}

.zelor-founder-image-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
  border-radius: 80px !important;
  overflow: hidden !important;
}

.zelor-founder-image-wrap::after {
  position: absolute !important;
  inset: 0 !important;
  content: "" !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,0.58) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

.zelor-founder-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  border-radius: 80px !important;
}

.zelor-founder-caption {
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: clamp(26px, 5vw, 46px) !important;
  z-index: 2 !important;
  text-align: center !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translateY(14px) !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
}

.zelor-founder-image-wrap:hover::after,
.zelor-founder-image-wrap:hover .zelor-founder-caption {
  opacity: 1 !important;
}

.zelor-founder-image-wrap:hover .zelor-founder-caption {
  transform: translateY(0) !important;
}

.zelor-founder-caption h4 {
  margin: 0 0 4px !important;
  color: #ffffff !important;
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: lowercase !important;
}

.zelor-founder-caption span {
  display: block !important;
  color: #f1eb1c !important;
  font-size: clamp(13px, 1.5vw, 16px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

@media (max-width: 991px) {
  [data-id="bda2445"] .tp-testimonial-area {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    max-width: 720px !important;
  }

  [data-id="bda2445"] .design-award-title-box,
  [data-id="bda2445"] .tp-section-title-dirtyline,
  [data-id="bda2445"] .design-award-title-box .tp-el-desc {
    text-align: center !important;
  }

  .elementor-931 .elementor-element.elementor-element-bda2445 .design-award-title-box,
  .elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline,
  .elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline span,
  .elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline span > div,
  .elementor-931 .elementor-element.elementor-element-bda2445 .tp-section-title-dirtyline .tp-reveal-line,
  .elementor-931 .elementor-element.elementor-element-bda2445 .design-award-title-box .tp-el-desc {
    text-align: center !important;
  }

  [data-id="bda2445"] .design-award-title-box .tp-el-desc {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .elementor-931 .elementor-element.elementor-element-bda2445 .design-award-title-box .tp-el-desc {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .zelor-founder-card {
    width: min(520px, calc(100vw - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
  }
}

/* Portfolio details page local fixes. */
body.elementor-page-30536,
body.elementor-page-30536 #smooth-wrapper,
body.elementor-page-30536 #smooth-content,
body.elementor-page-30536 .elementor-30536,
body.elementor-page-30536 .elementor-30536 .e-con,
body.elementor-page-30536 .elementor-30536 .e-con.e-parent,
body.elementor-page-30536 .elementor-30536 .elementor-widget-container,
body.elementor-page-30536 .elementor-30536 .tp-el-section {
  background-color: #0E0E0E !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle {
  color: #f1eb1c !important;
  -webkit-text-fill-color: #f1eb1c !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-ptb {
  padding-bottom: 96px !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-wrapper,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-active {
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-active .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-active .swiper-slide {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  transform: none !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-thumb {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #151515 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: clamp(8px, 1.1vw, 14px) !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 420px !important;
  max-height: 560px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
  background: #101010 !important;
}

@media (max-width: 992px) {
  body.elementor-page-30536 .elementor-30536 .tp-pd-2-active .swiper-wrapper {
    grid-template-columns: 1fr !important;
  }

  body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-thumb img {
    min-height: 300px !important;
    max-height: 520px !important;
  }
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-active .swiper-pagination,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-active .swiper-button-next,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-active .swiper-button-prev,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-wrapper .swiper-pagination,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-wrapper .swiper-pagination-bullet,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-wrapper .swiper-scrollbar,
body.elementor-page-30536 .elementor-30536 .tp-pd-2-slider-wrapper .slick-dots,
body.elementor-page-30536 .elementor-30536 .swiper-pagination,
body.elementor-page-30536 .elementor-30536 .swiper-pagination-bullet,
body.elementor-page-30536 .elementor-30536 .slick-dots {
  display: none !important;
}

body.elementor-page-30536 .elementor-30536 .zelor-project-lightbox {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  cursor: zoom-in !important;
}

body.elementor-page-30536 .mfp-bg {
  background: #050505 !important;
  opacity: 0.94 !important;
}

body.elementor-page-30536 .mfp-figure:after {
  box-shadow: none !important;
  background: transparent !important;
}

body.elementor-page-30536 .mfp-image-holder .mfp-close,
body.elementor-page-30536 .mfp-arrow:before,
body.elementor-page-30536 .mfp-arrow:after {
  color: #f1eb1c !important;
}

body.elementor-page-30536 .elementor-30536 .tp-el-btn-prev,
body.elementor-page-30536 .elementor-30536 .tp-el-btn-next {
  transition: background-color 0.7s ease, border-color 0.7s ease, color 0.7s ease, -webkit-text-fill-color 0.7s ease !important;
}

body.elementor-page-30536 .elementor-30536 .tp-el-btn-prev:hover,
body.elementor-page-30536 .elementor-30536 .tp-el-btn-prev:focus-visible {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #0b0b0b !important;
  -webkit-text-fill-color: #0b0b0b !important;
}

body.elementor-page-30536 .elementor-30536 .tp-el-btn-next:hover,
body.elementor-page-30536 .elementor-30536 .tp-el-btn-next:focus-visible {
  background-color: #f1eb1c !important;
  border-color: #f1eb1c !important;
  color: #0b0b0b !important;
  -webkit-text-fill-color: #0b0b0b !important;
}

/* New pages typography: index display headings plus Inter supporting text. */
body.elementor-page-27209 .elementor-27209,
body.elementor-page-27209 .elementor-27209 *,
body.elementor-page-29867 .elementor-29867,
body.elementor-page-29867 .elementor-29867 *,
body.elementor-page-30536 .elementor-30536,
body.elementor-page-30536 .elementor-30536 * {
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
}

body.elementor-page-27209 .elementor-27209 .tp-section-title,
body.elementor-page-27209 .elementor-27209 .tp-section-title-dirtyline,
body.elementor-page-27209 .elementor-27209 .tp-el-title:is(h1, h2, h3, h4),
body.elementor-page-27209 .elementor-27209 .elementor-heading-title:is(h1, h2, h3, h4),
body.elementor-page-29867 .elementor-29867 .tp-funfact-title,
body.elementor-page-29867 .elementor-29867 .tp-section-title,
body.elementor-page-29867 .elementor-29867 .tp-section-title-dirtyline,
body.elementor-page-29867 .elementor-29867 .tp-portfolio-masonry-grid-title,
body.elementor-page-29867 .elementor-29867 .tp-el-title:is(h1, h2, h3, h4),
body.elementor-page-29867 .elementor-29867 .elementor-heading-title:is(h1, h2, h3, h4),
body.elementor-page-30536 .elementor-30536 .tp-section-title,
body.elementor-page-30536 .elementor-30536 .tp-section-title-dirtyline,
body.elementor-page-30536 .elementor-30536 .tp-section-title-clash-600,
body.elementor-page-30536 .elementor-30536 .tp-el-title:is(h1, h2, h3, h4),
body.elementor-page-30536 .elementor-30536 .elementor-heading-title:is(h1, h2, h3, h4) {
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
}

body.elementor-page-27209 .elementor-27209 p,
body.elementor-page-27209 .elementor-27209 a,
body.elementor-page-27209 .elementor-27209 span,
body.elementor-page-27209 .elementor-27209 label,
body.elementor-page-27209 .elementor-27209 input,
body.elementor-page-27209 .elementor-27209 textarea,
body.elementor-page-27209 .elementor-27209 button,
body.elementor-page-29867 .elementor-29867 p,
body.elementor-page-29867 .elementor-29867 a,
body.elementor-page-29867 .elementor-29867 span,
body.elementor-page-29867 .elementor-29867 label,
body.elementor-page-29867 .elementor-29867 button,
body.elementor-page-30536 .elementor-30536 p,
body.elementor-page-30536 .elementor-30536 a,
body.elementor-page-30536 .elementor-30536 span,
body.elementor-page-30536 .elementor-30536 label,
body.elementor-page-30536 .elementor-30536 button {
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
}

body.elementor-page-27209 .elementor-27209 .tp-el-title:is(h1, h2, h3, h4) span,
body.elementor-page-27209 .elementor-27209 .elementor-heading-title:is(h1, h2, h3, h4) span,
body.elementor-page-29867 .elementor-29867 .tp-el-title:is(h1, h2, h3, h4) span,
body.elementor-page-29867 .elementor-29867 .elementor-heading-title:is(h1, h2, h3, h4) span,
body.elementor-page-30536 .elementor-30536 .tp-el-title:is(h1, h2, h3, h4) span,
body.elementor-page-30536 .elementor-30536 .elementor-heading-title:is(h1, h2, h3, h4) span {
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-5b9a345 .tp-el-title,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-642b2e4 .tp-el-title {
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-el-title,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-el-subtitle {
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
  letter-spacing: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(28px, 4vw, 72px) !important;
  align-items: start !important;
  width: min(1220px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element {
  width: 100% !important;
  min-width: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .elementor-widget-container,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .dgm-about-title-box {
  width: 100% !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .dgm-about-title-box {
  margin-bottom: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: clamp(14px, 0.95vw, 18px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(20px, 1.55vw, 28px) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

body.elementor-page-27209 .elementor-27209 .elementor-element.elementor-element-a96aca0 {
  --padding-top: 224px !important;
  padding-top: 224px !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-6d1b715 {
  --padding-top: 224px !important;
  padding-top: 224px !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f .tp-btn-red-border,
body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f .tp-el-btn {
  border-color: rgba(241, 235, 28, 0.72) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: border-color 0.7s ease, background-color 0.7s ease, color 0.7s ease, -webkit-text-fill-color 0.7s ease !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f .tp-btn-red-border:hover,
body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f .tp-el-btn:hover,
body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f .tp-btn-red-border:focus-visible,
body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-03adb9f .tp-el-btn:focus-visible {
  border-color: #f1eb1c !important;
  background: #f1eb1c !important;
  color: #0b0b0b !important;
  -webkit-text-fill-color: #0b0b0b !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-7123691 {
  --padding-top: 0px !important;
  padding-top: 0 !important;
}

body.elementor-page-29867 .elementor-29867 .tp-portfolio-masonry-grid-title,
body.elementor-page-29867 .elementor-29867 .tp-portfolio-masonry-grid-title a,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
  text-transform: none !important;
}

body.elementor-page-27209 .elementor-27209 .elementor-element.elementor-element-75deb93 .pp-service-details-title,
body.elementor-page-27209 .elementor-27209 .elementor-element.elementor-element-75deb93 .pp-service-details-title *,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-a476a80 .tp-section-title-clash-600 {
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0em !important;
  text-transform: lowercase !important;
}

body.elementor-page-27209 .elementor-27209 .elementor-element.elementor-element-75deb93 .pp-service-details-title {
  line-height: 0.92 !important;
}

body.elementor-page-27209 .elementor-27209 .tp-contact-me-interest-title {
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: lowercase !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-46bdc92 .tp-el-title {
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-79c0a9d .tp-funfact-title {
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  text-transform: lowercase !important;
}

body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-79c0a9d .tp-funfact-title,
body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-79c0a9d .tp-funfact-title *,
body.elementor-page-29867 .elementor-29867 [data-id="79c0a9d"] .tp-funfact-title,
body.elementor-page-29867 .elementor-29867 [data-id="79c0a9d"] .tp-funfact-title * {
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-weight: 400 !important;
  text-transform: lowercase !important;
}

@media (min-width: 1401px) and (max-width: 1700px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    width: min(1120px, calc(100% - 64px)) !important;
    gap: 48px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 24px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    width: min(980px, calc(100% - 56px)) !important;
    gap: 36px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle {
    font-size: 15px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 22px !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: calc(100% - 56px) !important;
    gap: 26px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle {
    font-size: 14px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 20px !important;
  }
}

@media (max-width: 992px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 56px) !important;
    gap: 28px 36px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 22px !important;
  }
}

@media (max-width: 768px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 40px) !important;
    gap: 24px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle {
    font-size: 14px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 20px !important;
  }
}

/* Shared hero atmosphere: subtle grid only, no extra glow layout effects. */
body.home:not(.zelor-about-new) .design-hero-area,
body.zelor-work-new .elementor-element-6d1b715,
body.zelor-contact-new .elementor-element-a96aca0 {
  position: relative !important;
  isolation: isolate !important;
  background-color: #0e0e0e !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) !important;
  background-size: 92px 92px !important;
  background-position: center top !important;
}

body.zelor-work-new .elementor-element-6d1b715::before,
body.zelor-work-new .elementor-element-6d1b715::after,
body.zelor-contact-new .elementor-element-a96aca0::before,
body.zelor-contact-new .elementor-element-a96aca0::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 50% !important;
  filter: blur(16px) !important;
}

body.zelor-work-new .elementor-element-6d1b715::before,
body.zelor-contact-new .elementor-element-a96aca0::before {
  top: -92px !important;
  left: -124px !important;
  width: clamp(260px, 28vw, 460px) !important;
  height: clamp(260px, 28vw, 460px) !important;
  background: radial-gradient(circle, rgba(241, 235, 28, 0.2) 0%, rgba(241, 235, 28, 0.07) 36%, rgba(241, 235, 28, 0) 72%) !important;
}

body.zelor-work-new .elementor-element-6d1b715::after,
body.zelor-contact-new .elementor-element-a96aca0::after {
  right: -140px !important;
  bottom: -118px !important;
  width: clamp(300px, 32vw, 520px) !important;
  height: clamp(300px, 32vw, 520px) !important;
  background: radial-gradient(circle, rgba(241, 235, 28, 0.15) 0%, rgba(241, 235, 28, 0.05) 38%, rgba(241, 235, 28, 0) 74%) !important;
}

/* Final clean hero treatment for Work and Contact, matching the About hero direction. */
body.zelor-work-new .elementor-element-6d1b715,
body.zelor-contact-new .elementor-element-a96aca0 {
  padding-top: 224px !important;
  padding-bottom: clamp(56px, 7vw, 94px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
}

body.zelor-work-new .elementor-element-7388844,
body.zelor-contact-new .elementor-element-755082b {
  width: min(1680px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.zelor-work-new .elementor-element-7388844 > .e-con-inner,
body.zelor-contact-new .elementor-element-755082b > .e-con-inner {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.zelor-work-new .des-project-title-box,
body.zelor-contact-new .elementor-element-75deb93,
body.zelor-contact-new .elementor-element-6315c4c {
  width: 100% !important;
  max-width: none !important;
}

body.zelor-work-new .des-project-title-box h2,
body.zelor-contact-new .pp-service-details-title {
  max-width: 1280px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--tp-ff-dirtyline, "dirtyline-36daysoftype-2022", serif) !important;
  font-size: clamp(86px, 9vw, 176px) !important;
  font-weight: 400 !important;
  line-height: 0.78 !important;
  letter-spacing: -0.02em !important;
  text-transform: lowercase !important;
}

body.zelor-work-new .des-project-title-box h3,
body.zelor-contact-new .elementor-element-6315c4c .tp-el-content {
  max-width: 620px !important;
  margin-top: clamp(28px, 4vw, 60px) !important;
  margin-left: 58.33333333% !important;
  margin-right: 0 !important;
}

body.zelor-work-new .des-project-title-box h3,
body.zelor-contact-new .elementor-element-6315c4c .tp-el-content p {
  color: rgba(255, 255, 255, 0.72) !important;
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

body.zelor-work-new .zelor-hero-kicker,
body.zelor-work-new .zelor-hero-proof,
body.zelor-work-new .elementor-element-97faaf1,
body.zelor-work-new .elementor-element-03adb9f,
body.zelor-work-new .elementor-element-47a0b71,
body.zelor-work-new .elementor-element-c07607e,
body.zelor-contact-new .elementor-element-d278a2d,
body.zelor-contact-new .ar-hero-title-box,
body.zelor-contact-new .zelor-hero-proof {
  display: none !important;
}

body.zelor-contact-new .pp-service-details-heading {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.zelor-contact-new .elementor-element-755082b > .e-con-inner::after {
  content: none !important;
  display: none !important;
}

body.zelor-work-new .elementor-element-f92d9a1 {
  padding-top: clamp(72px, 8vw, 128px) !important;
  padding-bottom: clamp(56px, 7vw, 112px) !important;
}

/* Match About hero's real circle gradient treatment. */
body.zelor-work-new .elementor-element-6d1b715::before,
body.zelor-work-new .elementor-element-6d1b715::after,
body.zelor-contact-new .elementor-element-a96aca0::before,
body.zelor-contact-new .elementor-element-a96aca0::after {
  content: none !important;
  display: none !important;
}

body.zelor-work-new .design-hero-circle-wrap,
body.zelor-contact-new .design-hero-circle-wrap {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

body.zelor-work-new .design-hero-circle-1,
body.zelor-work-new .design-hero-circle-2,
body.zelor-contact-new .design-hero-circle-1,
body.zelor-contact-new .design-hero-circle-2 {
  background-color: rgba(241, 235, 28, 0.28) !important;
}

body.zelor-work-new .design-hero-circle-1,
body.zelor-contact-new .design-hero-circle-1 {
  top: -32% !important;
  left: -10% !important;
  filter: blur(95px) !important;
  -webkit-filter: blur(95px) !important;
}

body.zelor-work-new .design-hero-circle-2,
body.zelor-contact-new .design-hero-circle-2 {
  bottom: -58% !important;
  right: -12% !important;
  filter: blur(170px) !important;
  -webkit-filter: blur(170px) !important;
}

@media (max-width: 991px) {
  body.zelor-work-new .des-project-title-box h3,
  body.zelor-contact-new .elementor-element-6315c4c .tp-el-content {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  body.zelor-work-new .elementor-element-6d1b715,
  body.zelor-contact-new .elementor-element-a96aca0 {
    padding-top: 122px !important;
    padding-bottom: 72px !important;
  }

  body.zelor-work-new .des-project-title-box h2,
  body.zelor-contact-new .pp-service-details-title {
    font-size: clamp(70px, 22vw, 98px) !important;
  }

  body.zelor-work-new .des-project-title-box h3,
  body.zelor-contact-new .elementor-element-6315c4c .tp-el-content p {
    font-size: 18px !important;
  }
}

/* Work portfolio: consistent 2-column grid, restored filters, and load-more states. */
body.zelor-work-new .elementor-element-f92d9a1 {
  padding-top: clamp(72px, 8vw, 128px) !important;
}

body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(34px, 4.8vw, 70px) clamp(28px, 3.8vw, 56px) !important;
  width: min(1680px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.zelor-work-new .zelor-work-filter-tabs {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin-bottom: clamp(10px, 1.4vw, 18px) !important;
}

body.zelor-work-new .zelor-work-filter-tabs button {
  min-height: 32px !important;
  padding: 0 16px !important;
  border: 1px solid #f1eb1c !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-family: var(--tp-ff-inter, "Inter", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}

body.zelor-work-new .zelor-work-filter-tabs button.is-active,
body.zelor-work-new .zelor-work-filter-tabs button:hover,
body.zelor-work-new .zelor-work-filter-tabs button:focus-visible {
  background: #f1eb1c !important;
  color: #090909 !important;
  border-color: #f1eb1c !important;
}

body.zelor-work-new .elementor-element-e883e84,
body.zelor-work-new .elementor-element-d48a182,
body.zelor-work-new .elementor-element-d136f78 {
  display: contents !important;
}

body.zelor-work-new .elementor-element-e883e84 > .elementor-widget-tp-project-box,
body.zelor-work-new .elementor-element-d48a182 > .elementor-widget-tp-project-box,
body.zelor-work-new .elementor-element-d136f78 > .elementor-widget-tp-project-box,
body.zelor-work-new .zelor-work-card {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.zelor-work-new .zelor-work-card.is-hidden-by-filter,
body.zelor-work-new .zelor-work-card.is-hidden-by-load {
  display: none !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-item {
  width: 100% !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1.43 / 1 !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), box-shadow 0.45s cubic-bezier(.2, .8, .2, 1), border-color 0.35s ease !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-thumb::after {
  position: absolute !important;
  inset: 0 !important;
  content: "" !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0.42) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-thumb a,
body.zelor-work-new .tp-portfolio-masonry-grid-thumb .tp--hover-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
  transform: scale(1.01) !important;
  transition: transform 0.65s cubic-bezier(.2, .8, .2, 1), filter 0.65s cubic-bezier(.2, .8, .2, 1) !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-thumb .tp--hover-img canvas {
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-item:hover .tp-portfolio-masonry-grid-thumb,
body.zelor-work-new .tp-portfolio-masonry-grid-item:focus-within .tp-portfolio-masonry-grid-thumb {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28) !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-item:hover .tp-portfolio-masonry-grid-thumb::after,
body.zelor-work-new .tp-portfolio-masonry-grid-item:focus-within .tp-portfolio-masonry-grid-thumb::after {
  opacity: 1 !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-item:hover .tp-portfolio-masonry-grid-thumb img,
body.zelor-work-new .tp-portfolio-masonry-grid-item:focus-within .tp-portfolio-masonry-grid-thumb img {
  transform: scale(1.045) !important;
  filter: saturate(1.03) contrast(1.02) brightness(1.03) !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 38px !important;
  padding-top: 18px !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-title {
  margin: 0 !important;
  line-height: 1 !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-title a {
  display: inline-flex !important;
  align-items: center !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-categories {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-categories span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  margin-bottom: 0 !important;
}

body.zelor-work-new .tp-portfolio-masonry-grid-categories span::after {
  top: 50% !important;
  transform: translateY(-50%) !important;
  background-color: var(--zelor-brand, #f1eb1c) !important;
}

body.zelor-work-new .elementor-element-2bd3af5 {
  padding-top: clamp(28px, 3vw, 46px) !important;
  padding-bottom: clamp(34px, 4vw, 62px) !important;
}

body.zelor-work-new .elementor-element-2bd3af5 > .e-con-inner {
  width: min(1680px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Work listing uses the same responsive content widths as the shared footer. */
@media (max-width: 1400px) and (min-width: 576px) {
  body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner,
  body.zelor-work-new .elementor-element-2bd3af5 > .e-con-inner {
    width: min(1140px, calc(100% - 48px)) !important;
  }
}

@media (max-width: 1200px) and (min-width: 576px) {
  body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner,
  body.zelor-work-new .elementor-element-2bd3af5 > .e-con-inner {
    width: min(960px, calc(100% - 48px)) !important;
  }
}

@media (max-width: 992px) and (min-width: 576px) {
  body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner,
  body.zelor-work-new .elementor-element-2bd3af5 > .e-con-inner {
    width: min(720px, calc(100% - 48px)) !important;
  }
}

@media (max-width: 768px) and (min-width: 576px) {
  body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner,
  body.zelor-work-new .elementor-element-2bd3af5 > .e-con-inner {
    width: min(540px, calc(100% - 48px)) !important;
  }
}

@media (max-width: 992px) {
  .elementor-29867 .elementor-element.elementor-element-2bd3af5,
  body.zelor-work-new .elementor-element-2bd3af5 {
    --padding-bottom: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner {
    grid-template-columns: 1fr !important;
  }

  body.zelor-work-new .elementor-element-f92d9a1 {
    padding-bottom: 52px !important;
  }

  body.zelor-work-new .tp-portfolio-masonry-grid-thumb {
    aspect-ratio: 1.18 / 1 !important;
  }

  body.zelor-work-new .zelor-work-filter-tabs button {
    min-height: 30px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 575px) {
  body.zelor-work-new .elementor-element-f92d9a1 > .e-con-inner,
  body.zelor-work-new .elementor-element-2bd3af5 > .e-con-inner {
    width: calc(100% - 30px) !important;
  }
}

@media (max-width: 768px) {
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span > div,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline .tp-reveal-line,
  .elementor-931 .tp-section-title-dirtyline,
  .elementor-931 .tp-section-title-dirtyline span,
  .elementor-931 .tp-section-title-dirtyline span > div,
  .elementor-931 .tp-section-title-dirtyline .tp-reveal-line {
    font-size: 80px !important;
  }

  body.elementor-page-931 .elementor-931 .elementor-element.elementor-element-0db486a .tp-el-title,
  body.elementor-page-931 .elementor-931 [data-id="0db486a"] .tp-el-title,
  .elementor-931 .elementor-element.elementor-element-0db486a .tp-el-title,
  .elementor-931 [data-id="0db486a"] .tp-el-title {
    font-size: 80px !important;
  }

  body.elementor-page-931 .elementor-931 .design-service-accordion .accordion-buttons i,
  .elementor-931 .design-service-accordion .accordion-buttons i,
  .design-service-accordion .accordion-buttons i {
    font-size: 36px !important;
  }

  .elementor-4244 .elementor-element.elementor-element-b10a332 > .e-con-inner {
    width: calc(100% - 48px) !important;
    max-width: none !important;
  }

  .elementor-4244 .elementor-element.elementor-element-72b61c2 {
    --flex-direction: column !important;
    --flex-wrap: wrap !important;
    --align-items: stretch !important;
    --padding-top: 42px !important;
    --padding-bottom: 42px !important;
    gap: 30px !important;
  }

  .elementor-4244 .elementor-element.elementor-element-d5383e9 {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-4244 .elementor-element.elementor-element-ef28a90 {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-4244 .zelor-footer-logo-img {
    width: 160px !important;
    max-width: 160px !important;
  }

  .elementor-4244 .design-footer-contact-info .row {
    display: grid !important;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
    gap: 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .elementor-4244 .design-footer-contact-info .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .elementor-4244 .design-footer-widget-title {
    margin-bottom: 12px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  .elementor-4244 .design-footer-widget-info a {
    font-size: 20px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .elementor-4244 .elementor-element.elementor-element-2ae7183 {
    --flex-direction: column !important;
    --justify-content: center !important;
    --align-items: center !important;
    --gap: 18px 24px !important;
    --row-gap: 18px !important;
    --column-gap: 24px !important;
    margin-top: 26px !important;
    text-align: center !important;
  }

  .elementor-4244 .zelor-footer-copyright {
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .elementor-4244 .design-copyright-backtoTop {
    text-align: center !important;
  }

  .elementor-4244 .design-copyright-backtoTop a {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  .elementor-4244 .elementor-element.elementor-element-d0b207c {
    padding: 34px 0 0 0 !important;
  }

  .elementor-4244 .elementor-element.elementor-element-d0b207c img {
    opacity: 1 !important;
  }
}

@media (max-width: 575px) {
  .elementor-4244 .elementor-element.elementor-element-b10a332 > .e-con-inner {
    width: calc(100% - 30px) !important;
  }

  .elementor-4244 .elementor-element.elementor-element-72b61c2 {
    --flex-direction: column !important;
    --flex-wrap: wrap !important;
    gap: 28px !important;
  }

  .elementor-4244 .elementor-element.elementor-element-d5383e9,
  .elementor-4244 .elementor-element.elementor-element-ef28a90 {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-4244 .design-footer-contact-info .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .elementor-4244 .design-footer-contact-info .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-4244 .elementor-element.elementor-element-2ae7183 {
    --flex-direction: column !important;
    --justify-content: center !important;
    --align-items: center !important;
    text-align: center !important;
  }

  .elementor-4244 .zelor-footer-copyright,
  .elementor-4244 .design-copyright-backtoTop {
    text-align: center !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: calc(100% - 44px) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .dgm-about-title-box {
    text-align: left !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    text-align: left !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle {
    margin-bottom: 5px !important;
    font-size: 14px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  .tp-header-2-area.zelor-site-header-area {
    margin: 20px 0 0 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .elementor-36121 .elementor-element.elementor-element-44aea5f .tp-el-logo img,
  .elementor-36121 .tp-header-logo.tp-el-logo img,
  .elementor-36121 .tpcore-offcanvas-logo-black.tp-el-logo img,
  .tp-header-logo img,
  .tp-offcanvas-logo img,
  .tpcore-offcanvas-logo-black img {
    width: 42px !important;
    max-width: 42px !important;
    height: auto !important;
  }

  .tp-header-2-bar {
    gap: 12px !important;
  }

  .tp-header-2-bar > span:first-child {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .tp-header-2-bar > span:last-child {
    width: 34px !important;
  }

  .tp-header-2-bar i {
    width: 34px !important;
  }

  .elementor-931 .design-hero-ptb {
    padding-top: 140px !important;
  }

  body.zelor-work-new .elementor-element-6d1b715,
  body.zelor-contact-new .elementor-element-a96aca0 {
    padding-top: 160px !important;
    padding-bottom: 54px !important;
  }

  .elementor-element.elementor-element-6d1b715,
  .elementor-29867 .elementor-element.elementor-element-6d1b715 {
    --padding-top: 201px !important;
    padding-top: 160px !important;
  }

  .elementor-29867 .elementor-element.elementor-element-db8b001 {
    --padding-bottom: 0px !important;
    padding-bottom: 0px !important;
  }

  body.zelor-work-new .elementor-element-7388844 > .e-con-inner,
  body.zelor-contact-new .elementor-element-755082b > .e-con-inner {
    width: calc(100% - 30px) !important;
    max-width: none !important;
  }

  body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-46bdc92 .des-project-title-box h2,
  body.zelor-work-new .des-project-title-box h2,
  body.zelor-contact-new .pp-service-details-title {
    font-size: clamp(40px, 12.6vw, 54px) !important;
    line-height: 0.86 !important;
    letter-spacing: 0 !important;
  }

  body.elementor-page-29867 .elementor-29867 .elementor-element.elementor-element-46bdc92 .des-project-title-box h2,
  body.zelor-work-new .des-project-title-box h2 {
    max-width: 20.8ch !important;
  }

  body.zelor-work-new .des-project-title-box h3,
  body.zelor-contact-new .elementor-element-6315c4c .tp-el-content p {
    max-width: 27ch !important;
    margin-top: 24px !important;
    font-size: 15px !important;
    line-height: 1.32 !important;
  }

  .elementor-931 .elementor-element.elementor-element-a9ad883 .tp-el-content p,
  .elementor-931 [data-id="a9ad883"] .tp-el-content p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  .elementor-931 .elementor-element.elementor-element-ab0039a .tp-el-desc,
  .elementor-931 [data-id="ab0039a"] .tp-el-desc {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .design-choose-item {
    margin-top: 0 !important;
    padding: 30px 30px !important;
  }

  .design-choose-item span {
    font-size: 50px !important;
    line-height: 0.9 !important;
  }

  .design-choose-item p {
    font-size: 25px !important;
    line-height: 1.05 !important;
  }
}

@media (min-width: 390px) and (max-width: 425px) {
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span > div,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline .tp-reveal-line,
  .elementor-931 .tp-section-title-dirtyline,
  .elementor-931 .tp-section-title-dirtyline span,
  .elementor-931 .tp-section-title-dirtyline span > div,
  .elementor-931 .tp-section-title-dirtyline .tp-reveal-line {
    font-size: 70px !important;
  }
}

@media (min-width: 360px) and (max-width: 389px) {
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span > div,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline .tp-reveal-line,
  .elementor-931 .tp-section-title-dirtyline,
  .elementor-931 .tp-section-title-dirtyline span,
  .elementor-931 .tp-section-title-dirtyline span > div,
  .elementor-931 .tp-section-title-dirtyline .tp-reveal-line {
    font-size: 60px !important;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline span > div,
  body.elementor-page-931 .elementor-931 .tp-section-title-dirtyline .tp-reveal-line,
  .elementor-931 .tp-section-title-dirtyline,
  .elementor-931 .tp-section-title-dirtyline span,
  .elementor-931 .tp-section-title-dirtyline span > div,
  .elementor-931 .tp-section-title-dirtyline .tp-reveal-line {
    font-size: 45px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .elementor-931 > [data-id="f9f5a1b"] .accordion-buttons,
  .elementor-931 [data-id="f9f5a1b"] .accordion-buttons {
    font-size: 16px !important;
  }

  .elementor-931 .elementor-element.elementor-element-d313158 .tp-testimonial-title-box {
    margin-bottom: 28px !important;
  }

  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading {
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(42px, 12.2vw, 50px) !important;
    line-height: 0.86 !important;
    text-align: center !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2,
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2 > div,
  .elementor-931 .elementor-element.elementor-element-d313158 .zelor-faq-heading .tp_text_invert_2 .tp-reveal-line,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading .tp_text_invert_2,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading .tp_text_invert_2 > div,
  .elementor-931 [data-id="d313158"] .zelor-faq-heading .tp_text_invert_2 .tp-reveal-line {
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
    text-align: inherit !important;
  }

  .elementor-931 [data-id="d313158"] .app-faq-wrap {
    max-width: 100% !important;
  }

  .elementor-931 [data-id="d313158"] .accordion-items {
    overflow: hidden !important;
  }

  .elementor-931 [data-id="d313158"] .accordion-buttons {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 82px !important;
    padding: 20px 62px 20px 20px !important;
    font-size: 15px !important;
    line-height: 1.12 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .elementor-931 [data-id="d313158"] .accordion-icon {
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    flex: 0 0 auto !important;
  }
}

/* Final project-detail hero responsive pass. Keep this at the end to beat Elementor output. */
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-f769d74 {
  --padding-top: 150px !important;
  --padding-bottom: 56px !important;
  padding-top: 150px !important;
  padding-bottom: 56px !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-1886083 > .e-con-inner {
  display: block !important;
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-8f0956e {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 34px !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-categories {
  margin: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-categories .tp-el-subtitle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.elementor-page-30536 .elementor-30536 .tp-pd-2-categories .tp-el-subtitle::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: #ff5a2d !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
  margin: 0 auto 28px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(82px, 9vw, 132px) !important;
  font-weight: 400 !important;
  line-height: 0.78 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 34px !important;
  width: min(1120px, 100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  align-items: start !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .dgm-about-title-box {
  margin: 0 !important;
  text-align: center !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle,
body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle {
  display: block !important;
  margin: 0 0 8px !important;
  color: #f1eb1c !important;
  -webkit-text-fill-color: #f1eb1c !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  text-align: center !important;
  overflow-wrap: normal !important;
}

@media (min-width: 1201px) and (max-width: 1600px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-f769d74 {
    --padding-top: 136px !important;
    padding-top: 136px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
    font-size: clamp(88px, 8.3vw, 118px) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    width: min(1040px, 100%) !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-f769d74 {
    --padding-top: 128px !important;
    --padding-bottom: 52px !important;
    padding-top: 128px !important;
    padding-bottom: 52px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-1886083 > .e-con-inner {
    width: min(930px, calc(100% - 48px)) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
    margin-bottom: 28px !important;
    font-size: 104px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 22px !important;
  }
}

@media (max-width: 992px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-f769d74 {
    --padding-top: 118px !important;
    --padding-bottom: 54px !important;
    padding-top: 118px !important;
    padding-bottom: 54px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-1886083 > .e-con-inner {
    width: min(620px, calc(100% - 48px)) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-8f0956e {
    margin-bottom: 38px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
    margin-bottom: 26px !important;
    font-size: clamp(86px, 12.4vw, 104px) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px 68px !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-1886083 > .e-con-inner {
    width: min(560px, calc(100% - 44px)) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
    font-size: clamp(62px, 12.2vw, 88px) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    gap: 30px 40px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-f769d74 {
    --padding-top: 110px !important;
    --padding-bottom: 70px !important;
    padding-top: 110px !important;
    padding-bottom: 70px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-1886083 > .e-con-inner {
    width: calc(100% - 36px) !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-8f0956e {
    gap: 14px !important;
    margin-bottom: 36px !important;
  }

  body.elementor-page-30536 .elementor-30536 .tp-pd-2-categories .tp-el-subtitle {
    min-height: 36px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
    margin-bottom: 24px !important;
    font-size: clamp(53px, 16.5vw, 70px) !important;
    line-height: 0.8 !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: minmax(0, 1fr) minmax(62px, auto) !important;
    gap: 28px 12px !important;
    width: 100% !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(1),
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(2),
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(3) {
    grid-column: 1 !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 3 !important;
    align-self: end !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .dgm-about-title-box,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    text-align: left !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(4) .dgm-about-title-box,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(4) .tp-common-subtitle .tp-el-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(4) .tp-common-subtitle .tp-section-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 > .elementor-element:nth-child(4) .tp-common-title .tp-el-title {
    text-align: right !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-el-subtitle,
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-subtitle .tp-section-subtitle {
    margin-bottom: 6px !important;
    font-size: 16px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 23px !important;
    line-height: 1.02 !important;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-c671e80 .tp-section-title {
    font-size: 51px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 26px 10px !important;
  }

  body.elementor-page-30536 .elementor-30536 .elementor-element.elementor-element-291d8f2 .tp-common-title .tp-el-title {
    font-size: 22px !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  body.zelor-work-new .tp-portfolio-masonry-grid-bottom {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.zelor-work-new .tp-portfolio-masonry-grid-bottom a.tp-btn-animation {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 52px) !important;
    height: 44px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.zelor-work-new .tp-portfolio-masonry-grid-bottom a.tp-btn-animation .tp-el-btn {
    display: none !important;
    position: static !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  body.zelor-work-new .tp-portfolio-masonry-grid-bottom a.tp-btn-animation .tp-el-btn:first-child {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.zelor-work-new .tp-portfolio-masonry-grid-bottom a.tp-btn-animation svg {
    width: 11px !important;
    height: 11px !important;
    flex: 0 0 auto !important;
  }
}

@media (min-width: 993px) {
  .tp-offcanvas-2-wrapper .right-box {
    position: fixed !important;
    top: 0 !important;
    width: 40% !important;
    height: 100vh !important;
    z-index: 9999 !important;
    padding: 50px 100px 50px 100px !important;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .tp-offcanvas-2-wrapper .right-box {
    padding: 50px 100px 50px 50px !important;
  }
}

@media (max-width: 768px) {
  .tp-offcanvas-2-wrapper .right-box {
    width: 100% !important;
    padding: 40px 24px 40px 24px !important;
  }
}

