.zelor-about-new {
  background: #0e0e0e;
  color: #fff;
}

.zelor-about-new #page,
.zelor-about-new #smooth-wrapper,
.zelor-about-new #smooth-content {
  background-color: #0e0e0e !important;
}

.zelor-about-new .design-hero-area {
  min-height: auto !important;
  overflow: hidden;
}

.zelor-about-new .design-hero-area::before,
.zelor-about-new .design-hero-area::after {
  content: none !important;
  display: none !important;
  position: absolute;
  inset: 0 auto 0 0;
  width: 23vw;
  opacity: .18;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 8px 8px;
  mask-image: linear-gradient(90deg, #000, transparent);
}

.zelor-about-new .design-hero-area::after {
  inset: 0 0 0 auto;
  mask-image: linear-gradient(270deg, #000, transparent);
}

.zelor-about-new .design-hero-wrap .design-hero-slide-active {
  display: none !important;
}

.zelor-about-new .design-hero-ptb {
  padding-top: 224px !important;
  padding-bottom: clamp(56px, 7vw, 94px) !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .zelor-about-new .design-hero-ptb {
    padding-top: 224px !important;
  }
}

.zelor-about-new .zelor-about-hero-copy {
  width: min(1140px, calc(100% - 40px));
  margin: 0 auto;
}

.zelor-about-new .zelor-about-hero-copy .tp-section-subtitle {
  display: inline-flex;
  margin-bottom: clamp(22px, 3vw, 44px);
  color: var(--zelor-brand) !important;
}

.zelor-about-new .zelor-about-hero-copy h1 {
  margin: 0;
  color: #fff !important;
  font-family: var(--tp-ff-dirtyline, var(--tp-ff-heading), sans-serif) !important;
  font-size: clamp(76px, 10vw, 176px);
  font-weight: 400;
  line-height: .78;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.zelor-about-new .zelor-about-hero-copy h1 span {
  display: block;
}

.zelor-about-new .design-hero-content-wrap {
  margin-top: clamp(28px, 4vw, 60px);
}

.zelor-about-new .design-hero-content {
  max-width: 620px;
}

.zelor-about-new .design-hero-content p {
  color: rgba(255, 255, 255, .72) !important;
}

.zelor-about-new .design-hero-social a {
  color: #fff !important;
}

.zelor-about-new .design-hero-social a:not(:last-child)::after {
  background-color: var(--zelor-brand) !important;
}

.zelor-about-new .tp-el-subtitle {
  color: var(--zelor-brand) !important;
}

.zelor-about-new .design-hero-content .tp-btn-sky-border.solid-bg {
  background: transparent !important;
  border-color: var(--zelor-brand) !important;
  color: #fff !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-about-new .design-hero-content .tp-btn-sky-border.solid-bg span {
  color: #fff !important;
  transition: color 0.7s ease, -webkit-text-fill-color 0.7s ease !important;
}

.zelor-about-new .design-hero-content .tp-btn-sky-border.solid-bg:hover,
.zelor-about-new .design-hero-content .tp-btn-sky-border.solid-bg:focus {
  background: transparent !important;
  color: #0e0e0e !important;
}

.zelor-about-new .design-hero-content .tp-btn-sky-border.solid-bg::before {
  transition: clip-path 1.25s cubic-bezier(.18, .78, .18, 1), transform 1.25s cubic-bezier(.18, .78, .18, 1) !important;
}

.zelor-about-new .design-hero-content .tp-btn-sky-border.solid-bg:hover span,
.zelor-about-new .design-hero-content .tp-btn-sky-border.solid-bg:focus span {
  color: #0e0e0e !important;
}

.zelor-about-new .elementor-element-bb1a74b {
  padding-top: clamp(84px, 9vw, 132px) !important;
  padding-bottom: clamp(90px, 9vw, 140px) !important;
}

.zelor-about-new .zelor-proof-awards {
  width: min(1110px, calc(100% - 40px));
  margin: 0 auto;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.zelor-about-new .zelor-proof-awards .tp-award-subtitle-box {
  margin-bottom: 20px;
  padding: 0 !important;
  background: transparent !important;
}

.zelor-about-new .zelor-proof-awards .tp-award-subtitle {
  color: #ff5722 !important;
  font-family: var(--tp-ff-heading, var(--tp-ff-body), sans-serif) !important;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.zelor-about-new .zelor-proof-awards .tp-award-item-wrap {
  display: grid;
  gap: 5px;
  background: transparent !important;
  overflow: visible !important;
}

.zelor-about-new .zelor-proof-awards .tp-award-item {
  min-height: 94px;
  margin: 0 !important;
  padding: 28px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #222 !important;
  overflow: visible !important;
  cursor: default;
}

.zelor-about-new .zelor-proof-awards .tp-award-year,
.zelor-about-new .zelor-proof-awards .tp-award-text,
.zelor-about-new .zelor-proof-awards .tp-award-position,
.zelor-about-new .zelor-proof-awards .tp-award-icon {
  font-family: var(--tp-ff-heading, var(--tp-ff-body), sans-serif) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.zelor-about-new .zelor-proof-awards .tp-award-year {
  color: #fff !important;
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 500;
}

.zelor-about-new .zelor-proof-awards .tp-award-text {
  color: #fff !important;
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 800;
}

@media (min-width: 993px) and (max-width: 1200px) {
  .zelor-about-new .zelor-proof-awards .tp-award-text {
    color: #fff !important;
    font-size: clamp(16px, 0.8vw, 22px);
    font-weight: 800;
  }
}

@media (max-width: 992px) {
  .zelor-about-new .zelor-proof-awards {
    width: min(680px, calc(100% - 56px));
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item {
    min-height: 88px;
    padding: 24px 30px !important;
    overflow: visible !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(168px, 0.7fr);
    column-gap: 28px;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-box-left {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 28px;
    align-items: start;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-year {
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-text {
    font-size: 18px !important;
    line-height: 1.18 !important;
    overflow-wrap: normal;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-box-right {
    gap: 18px;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-position {
    font-size: 17px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
  }
}

.zelor-about-new .zelor-proof-awards .tp-award-position {
  color: rgba(255, 255, 255, .55) !important;
  font-size: clamp(17px, 1.7vw, 21px);
  font-weight: 800;
}

.zelor-about-new .zelor-proof-awards .tp-award-icon {
  color: #fff !important;
}

.zelor-about-new .zelor-proof-awards .tp-award-reveal-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 260px;
  height: 300px;
  opacity: 0;
  overflow: hidden;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  margin: -150px 0 0 -130px;
  transform: scale(.4);
  transition: opacity .3s, transform .5s cubic-bezier(.215, .61, .355, 1);
  pointer-events: none;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .45);
}

.zelor-about-new .zelor-proof-awards .tp-award-item:hover .tp-award-reveal-img {
  opacity: 1;
}

.zelor-about-new .zelor-proof-awards .tp-award-box-left,
.zelor-about-new .zelor-proof-awards .tp-award-box-right {
  position: relative;
  z-index: 4;
}

@media (max-width: 767px) {
  .zelor-about-new .design-hero-ptb {
    padding-top: 24px !important;
  }

  .zelor-about-new .zelor-about-hero-copy {
    width: min(100% - 28px, 620px);
  }

  .zelor-about-new .elementor-element-bb1a74b {
    padding-top: 64px !important;
    padding-bottom: 90px !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item {
    padding: 24px 20px !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item > .row {
    display: block !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-box-left {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 16px;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-box-right {
    margin-top: 18px;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-reveal-img {
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
    width: 100%;
    height: 180px;
    margin-top: 20px;
    margin-left: 0;
    opacity: .7;
    transform: none;
  }
}

.zelor-about-new .design-hero-area {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !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;
}

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

.zelor-about-new .design-hero-area::before {
  inset: 0 !important;
  width: auto !important;
  opacity: 0.12 !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;
  mask-image: none !important;
}

.zelor-about-new .design-hero-area::after {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  inset: auto 0 0 0 !important;
  width: auto !important;
  height: 1px !important;
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.14) !important;
  mask-image: none !important;
}

.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;
}

.zelor-about-new .design-hero-wrap,
.zelor-about-new .design-hero-content-wrap {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.zelor-about-new .zelor-about-hero-copy {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 82px !important;
  padding-right: 82px !important;
  transform: none !important;
}

.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;
}

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

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

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

.zelor-about-new .design-hero-content-wrap .row {
  justify-content: flex-end !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

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

.zelor-about-new .design-hero-content-wrap .col-xl-5,
.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;
}

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

.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;
}

@media (max-width: 991px) {
  .zelor-about-new .design-hero-content-wrap .row {
    justify-content: flex-start !important;
  }

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

@media (max-width: 767px) {
  .zelor-about-new .design-hero-ptb {
    min-height: auto !important;
    padding-top: 122px !important;
    padding-bottom: 72px !important;
  }

  .zelor-about-new .design-hero-wrap,
  .zelor-about-new .design-hero-content-wrap {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .zelor-about-new .zelor-about-hero-copy,
  .zelor-about-new .design-hero-content-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .zelor-about-new .zelor-about-hero-copy h1 {
    font-size: clamp(66px, 22vw, 98px) !important;
  }

  .zelor-about-new .design-hero-content p {
    font-size: 18px !important;
  }
}

.zelor-about-new .zelor-about-hero-grid {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 650px) minmax(360px, 520px) !important;
  column-gap: clamp(56px, 7vw, 126px) !important;
  align-items: end !important;
  width: min(1280px, calc(100% - 104px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-height: min(820px, calc(100vh - 20px)) !important;
  padding: clamp(132px, 15vh, 184px) 0 clamp(72px, 9vh, 118px) !important;
}

.zelor-about-new .zelor-about-hero-grid .zelor-about-hero-copy {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.zelor-about-new .zelor-about-hero-grid .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;
}

.zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content {
  align-self: end !important;
  max-width: 520px !important;
  margin: 0 0 clamp(34px, 6vh, 78px) !important;
}

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

@media (max-width: 991px) {
  .zelor-about-new .zelor-about-hero-grid {
    grid-template-columns: 1fr !important;
    row-gap: 34px !important;
    width: min(100% - 48px, 760px) !important;
  }

  .zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content {
    max-width: 620px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .zelor-about-new .zelor-about-hero-grid {
    min-height: auto !important;
    width: min(100% - 28px, 620px) !important;
    padding: 122px 0 72px !important;
  }

  .zelor-about-new .zelor-about-hero-grid .zelor-about-hero-copy h1 {
    font-size: clamp(66px, 22vw, 98px) !important;
  }

  .zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content p {
    font-size: 18px !important;
  }
}

/* Final About hero alignment: match the site's section gutters instead of custom centered rails. */
.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;
}

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

.zelor-about-new .design-hero-area::before {
  inset: 0 !important;
  width: auto !important;
  opacity: 0.12 !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;
  mask-image: none !important;
}

.zelor-about-new .design-hero-area::after {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  inset: auto 0 0 0 !important;
  width: auto !important;
  height: 1px !important;
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.14) !important;
  mask-image: none !important;
}

.zelor-about-new .zelor-about-hero-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 700px) minmax(320px, 520px) !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: clamp(48px, 8vw, 140px) !important;
  min-height: auto !important;
  padding: 180px 34px 110px !important;
}

.zelor-about-new .zelor-about-hero-grid .zelor-about-hero-copy {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.zelor-about-new .zelor-about-hero-grid .zelor-about-hero-copy h1 {
  max-width: 7.8ch !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(92px, 8.5vw, 170px) !important;
  line-height: 0.82 !important;
}

.zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content {
  max-width: 520px !important;
  margin: 0 0 34px !important;
}

.zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content p {
  max-width: 460px !important;
  margin: 0 0 28px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 22px !important;
  line-height: 1.36 !important;
}

@media (max-width: 991px) {
  .zelor-about-new .zelor-about-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    padding: 150px 24px 86px !important;
  }

  .zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content {
    max-width: 620px !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .zelor-about-new .zelor-about-hero-grid {
    padding: 122px 14px 72px !important;
  }

  .zelor-about-new .zelor-about-hero-grid .zelor-about-hero-copy h1 {
    font-size: clamp(70px, 22vw, 98px) !important;
  }

  .zelor-about-new .zelor-about-hero-grid .zelor-about-hero-content p {
    font-size: 18px !important;
  }
}

/* Restore About hero to the stable theme layout. Keep only the cleaner copy/CTA and no social footer row. */
.zelor-about-new .design-hero-area {
  background: #0e0e0e !important;
  background-color: #0e0e0e !important;
  background-image: none !important;
}

.zelor-about-new .design-hero-area::before,
.zelor-about-new .design-hero-area::after {
  content: none !important;
  display: none !important;
}

.zelor-about-new .design-hero-ptb {
  display: block !important;
  min-height: auto !important;
  padding-top: 224px !important;
  padding-bottom: clamp(56px, 7vw, 94px) !important;
}

.zelor-about-new .design-hero-wrap,
.zelor-about-new .design-hero-content-wrap {
  position: relative !important;
  z-index: 1 !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;
}

.zelor-about-new .zelor-about-hero-copy {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.zelor-about-new .zelor-about-hero-copy h1 {
  max-width: 950px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(86px, 9vw, 176px) !important;
  line-height: 0.78 !important;
}

.zelor-about-new .design-hero-content-wrap {
  margin-top: clamp(28px, 4vw, 60px) !important;
}

.zelor-about-new .design-hero-content-wrap .container,
.zelor-about-new .design-hero-content-wrap .container-1230 {
  width: 100% !important;
  max-width: 1230px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.zelor-about-new .design-hero-content-wrap .row {
  justify-content: initial !important;
  margin-left: calc(-.5 * var(--bs-gutter-x, 1.5rem)) !important;
  margin-right: calc(-.5 * var(--bs-gutter-x, 1.5rem)) !important;
}

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

.zelor-about-new .design-hero-content p {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  margin-bottom: 28px !important;
}

@media (min-width: 992px) {
  .zelor-about-new .design-hero-content-wrap .offset-lg-6 {
    margin-left: 50% !important;
  }

  .zelor-about-new .design-hero-content-wrap .col-lg-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media (min-width: 1200px) {
  .zelor-about-new .design-hero-content-wrap .offset-xl-7 {
    margin-left: 58.33333333% !important;
  }

  .zelor-about-new .design-hero-content-wrap .col-xl-5 {
    flex: 0 0 auto !important;
    width: 41.66666667% !important;
    max-width: 41.66666667% !important;
  }
}

@media (max-width: 991px) {
  .zelor-about-new .design-hero-ptb {
    padding-top: 160px !important;
  }

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

  .zelor-about-new .design-hero-content-wrap .col-xl-5,
  .zelor-about-new .design-hero-content-wrap .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .zelor-about-new .design-hero-ptb {
    padding-top: 122px !important;
    padding-bottom: 72px !important;
  }

  .zelor-about-new .zelor-about-hero-copy {
    width: min(100% - 28px, 620px) !important;
  }

  .zelor-about-new .zelor-about-hero-copy h1 {
    font-size: clamp(70px, 22vw, 98px) !important;
  }

  .zelor-about-new .design-hero-content p {
    font-size: 18px !important;
  }
}

/* Final About hero rail override: keep it on the same wide grid as the rest of the site. */
body.zelor-about-new .design-hero-area {
  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.055) 1px, transparent 1px) !important;
  background-size: 92px 92px !important;
  background-position: center top !important;
}

body.zelor-about-new .design-hero-wrap,
body.zelor-about-new .design-hero-content-wrap {
  position: relative !important;
  z-index: 1 !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-about-new .design-hero-content-wrap .container,
body.zelor-about-new .design-hero-content-wrap .container-1230 {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.zelor-about-new .zelor-about-hero-copy {
  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-about-new .zelor-about-hero-copy h1 {
  max-width: 1280px !important;
}

body.zelor-about-new .zelor-about-title-line {
  display: block !important;
  white-space: nowrap !important;
}

body.zelor-about-new .design-hero-ptb {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 767px) {
  body.zelor-about-new .zelor-about-title-line {
    white-space: normal !important;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  body.zelor-about-new .design-hero-ptb,
  .zelor-about-new .design-hero-ptb {
    padding-top: 118px !important;
    padding-bottom: 34px !important;
  }

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

  body.zelor-about-new .design-hero-content-wrap,
  .zelor-about-new .design-hero-content-wrap {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }

  body.zelor-about-new .elementor-element-bb1a74b,
  .zelor-about-new .elementor-element-bb1a74b {
    padding-top: 28px !important;
    padding-bottom: 56px !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item {
    position: relative !important;
    overflow: visible !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-reveal-img {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 60 !important;
    width: min(240px, calc(100vw - 72px)) !important;
    height: 180px !important;
    margin: 0 !important;
    opacity: 0 !important;
    transform: translate(-50%, -42%) scale(0.55) !important;
    pointer-events: none !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.36) !important;
  }

  .zelor-about-new .zelor-proof-awards .tp-award-item:hover .tp-award-reveal-img,
  .zelor-about-new .zelor-proof-awards .tp-award-item:focus-within .tp-award-reveal-img {
    opacity: 1 !important;
    transform: translate(-50%, -42%) scale(1) !important;
  }
}