/* PNG sprites for the cleaning landing page */
/* Files:
   - sprite-main.png (192x64)
   - sprite-content.png (960x64)
   Color: #1268d7
*/

.icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position-y: 0;
  flex: 0 0 auto;
}

/* Hero / main advantages */
.icon-main {
  background-image: url("../assets/icons/sprite-main.png");
  background-size: 192px 64px;
}

.icon-fixed-price { background-position: 0 0; }
.icon-personal-service { background-position: -64px 0; }
.icon-time { background-position: -128px 0; }

/* Content blocks */
.icon-content {
  background-image: url("../assets/icons/sprite-content.png");
  background-size: 960px 64px;
}

.icon-regular-cleaning { background-position: 0 0; }
.icon-after-renovation { background-position: -64px 0; }
.icon-window-cleaning { background-position: -128px 0; }
.icon-direct-contact { background-position: -192px 0; }
.icon-careful-work { background-position: -256px 0; }
.icon-own-supplies { background-position: -320px 0; }
.icon-booking { background-position: -384px 0; }
.icon-request { background-position: -448px 0; }
.icon-discussion { background-position: -512px 0; }
.icon-cleaning { background-position: -576px 0; }
.icon-done { background-position: -640px 0; }
.icon-phone { background-position: -704px 0; }
.icon-email { background-position: -768px 0; }
.icon-location { background-position: -832px 0; }
.icon-hours { background-position: -896px 0; }

/* Optional container like in the landing page cards */
.icon-box {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  background: #eff7ff;
  display: flex;
  align-items: center;
  justify-content: center;
}