.service-development-item.service-bg-enterprise {
  background-image: url(../img/services/se-img-data.jpg);
  background-position: center;
  background-size: cover;
}

/* Blog sidebar "Latest posts" thumbnails — the theme never constrained this
   image, so it only "worked" by luck with pre-cropped 90x90 placeholders. */
.blog-latest-item .thumb {
  overflow: hidden;
  flex-shrink: 0;
}
.blog-sidebar-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Mobile nav — desktop menu stays in offcanvas only (meanmenu) */
@media (max-width: 1199px) {
  .header-main .mean__menu-wrapper,
  .header-main #mobile-menu {
    display: none !important;
  }

  .header-1 .header-main .header-right {
    gap: 12px !important;
  }

  .header-1.style3 {
    z-index: 1000;
  }

  .header-1 .header-main {
    flex-wrap: nowrap;
    gap: 12px;
  }

  .header-1 .header-main .header-left {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0 !important;
  }

  .header-main .mean-push {
    display: none !important;
  }

  .offcanvas__info:not(.info-open) {
    visibility: hidden;
    pointer-events: none;
  }

  .offcanvas__info.info-open {
    visibility: visible;
    pointer-events: auto;
  }

  .mobile-menu.mean-container .mean-nav > ul {
    display: block !important;
  }
}

.service-development-item.service-bg-enterprise {
  background-image: url(../img/services/se-img-data.jpg);
  background-position: center;
  background-size: cover;
}

/* SVG circle stat widgets (about page) */
.dw-cp {
  position: relative;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dw-cp-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.dw-cp-track {
  fill: none;
  stroke: #D9D9D9;
  stroke-width: 3.5;
}
.dw-cp-arc {
  fill: none;
  stroke-width: 3.5;
  stroke-linecap: round;
}
.dw-cp-pct {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
  position: relative;
  z-index: 1;
}

/* Service card headings — reduced from default h4 (25px) */
.event-work-items h4 {
  font-size: 18px;
}

/* Footer logo size */
.footer-section .top-rated-pragraph a img,
.footer-section .footer-logo img {
  max-height: 44px;
  width: auto;
}

/* Touch target sizing — WCAG 2.5.5 / Lighthouse want at least 24x24 CSS px
   of clickable area. These elements only had an icon glyph's worth of hit
   area (~14-16px), so we pad the box out to a proper tap size without
   changing how the icon looks. */
.social-custom a {
  min-width: 32px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.service-development-item .right-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}

/* Swiper pagination dots stay visually small, but the actual clickable
   area is expanded via a pseudo-element (clicks anywhere in it still
   register on the real bullet element). */
.swiper-pagination-bullet {
  position: relative;
}
.swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}