/* KalozTech overrides on Noxfolio */
html { scroll-behavior: smooth; }

.logo img,
.mobile-logo img,
.footer-logo img {
  max-height: 52px;
  width: auto;
}

.main-header .header-inner {
  min-height: 92px;
  gap: 40px;
}

.main-header .logo a {
  display: flex;
  align-items: center;
}

.main-header .logo img {
  max-height: 72px;
  width: auto;
  border-radius: 16px;
}

.main-menu .mobile-logo img {
  max-height: 58px;
  width: auto;
  border-radius: 12px;
}

.main-header .nav-outer {
  flex: 1 1 auto;
}

.hero-visual,
.about-visual {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: 24px !important;
  background: #111;
  line-height: 0;
  isolation: isolate;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-visual img,
.about-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
  object-fit: unset;
  clip-path: none !important;
  -webkit-clip-path: none !important;
}

@media (min-width: 992px) {
  .about-visual-wide {
    max-width: none;
    width: 125%;
    margin-left: 0;
    margin-right: 0;
  }
}

.pricing-item .pricing-header .price:before {
  content: none !important;
}

.pricing-item .pricing-header .price:after {
  content: " Ft" !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: inherit !important;
  margin-left: 4px;
}

.pricing-item .pricing-header .price.price-from:after {
  content: " Ft-tól" !important;
}

.pricing-item .pricing-header .price {
  font-size: 36px;
  white-space: nowrap;
}

.pricing-item .pricing-header .price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 14px;
}

.pricing-item .pricing-header .price-old,
.hero-pills s,
.proof-strip s,
.service-item h4 s {
  text-decoration: line-through;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
}

.pricing-item .pricing-header .price-old {
  font-size: 20px;
  white-space: nowrap;
}

.hero-pills .hero-price-now {
  white-space: normal;
  gap: 8px;
}

.hero-pills s,
.proof-strip s,
.service-item h4 s {
  margin-left: 6px;
}

.hero-content h1 b {
  display: block;
}

.hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.hero-pills span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.3;
  color: var(--primary-color);
  background: rgba(201, 243, 29, 0.08);
  border: 1px solid rgba(201, 243, 29, 0.28);
}

.contact-form select.form-control {
  appearance: auto;
  -webkit-appearance: auto;
  height: auto;
  min-height: 58px;
  padding-right: 20px;
}

#msgSubmit,
[data-lead-status] {
  margin-top: 16px;
  min-height: 1.4em;
}

.extra-card {
  background: var(--lighter-color);
  border-radius: 16px;
  padding: 40px 35px;
  height: 100%;
  margin-bottom: 30px;
}

.extra-card h4 {
  margin: 15px 0 12px;
}

.proof-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  justify-content: center;
}

.proof-strip span {
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.skill-item .percent {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
  min-height: 44px;
  font-size: 0;
}

.skill-item .percent i {
  font-size: 16px;
  line-height: 1;
  color: var(--primary-color);
}

.skill-item:hover .percent i {
  color: var(--black-color);
}

.equal-tiles > [class*="col-"] {
  display: flex;
}

.equal-tiles .service-item {
  width: 100%;
  height: 100%;
  align-items: flex-start;
}

.projects-area .project-image img {
  pointer-events: none;
  user-select: none;
}

.project-item.style-two .project-image::before,
.project-item.style-two .project-image .details-btn {
  display: none !important;
}

.project-item.style-two:hover .project-image::before {
  opacity: 0 !important;
}

@media (max-width: 991px) {
  .process-star-col {
    display: none !important;
  }
}

.hero-counter-wrap .count-text.lt:before {
  content: "<";
}

.hero-counter-wrap .count-text.ft:after {
  content: " Ft";
}

.hero-counter-wrap .count-text.hrs:after {
  content: " h";
}