/* Umoji Studio Asset Sync: 2026-09-12-r1 */
/**
 * ==============================================================================
 * UMOJI STUDIO — BANNER SERVICES SECTION
 * ==============================================================================
 * Full-width responsive banner highlighting creative services
 * Rounded border-radius 24px
 */

.banner-services {
  position: relative;
  width: 100%;
  padding: 0 0 64px 0;
  background-color: var(--bg-body, #ffffff);
  box-sizing: border-box;
}

.banner-services__container {
  width: 100%;
  max-width: var(--container-max, 1280px);
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.banner-services__wrap {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #0b408f;
  line-height: 0;
}

.banner-services__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .banner-services {
    padding: 0 0 40px 0;
  }

  .banner-services__container {
    padding: 0 16px;
  }

  .banner-services__wrap,
  .banner-services__img {
    border-radius: 16px;
  }
}