/* Second Eye Website v1.21.3 — hero services as icons only */
.hero-services-icons-only-v1213{
  display:grid!important;
  grid-template-columns:repeat(7,46px)!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:22px!important;
  align-items:center;
}
.hero-service-icon-only-v1213{
  width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  margin:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(113,91,232,.13)!important;
  box-shadow:0 7px 20px rgba(31,43,68,.045)!important;
}
.hero-service-icon-only-v1213 .hero-service-icon-v121{
  width:100%!important;
  height:100%!important;
  flex:0 0 100%!important;
  border:0!important;
  border-radius:inherit!important;
  background:linear-gradient(145deg,rgba(113,91,232,.08),rgba(37,183,165,.07))!important;
}
.hero-service-icon-only-v1213 .hero-service-icon-v121 .icon{
  width:23px!important;
  height:23px!important;
}
.hero-services-icons-only-v1213 .hero-service-v121:last-child{
  grid-column:auto!important;
  width:46px!important;
  justify-self:auto!important;
}
html[dir="ltr"] body.lang-en .hero-service-icon-only-v1213{font-size:0!important}

@media(max-width:900px){
  .hero-services-icons-only-v1213{
    grid-template-columns:repeat(7,44px)!important;
    gap:9px!important;
  }
  .hero-service-icon-only-v1213,
  .hero-services-icons-only-v1213 .hero-service-v121:last-child{
    width:44px!important;height:44px!important;min-height:44px!important;
  }
  .hero-service-icon-only-v1213 .hero-service-icon-v121 .icon{width:22px!important;height:22px!important}
}

@media(max-width:700px){
  .hero-services-icons-only-v1213{
    grid-template-columns:repeat(4,48px)!important;
    gap:10px!important;
    margin:18px auto 0!important;
    justify-content:center!important;
    width:max-content!important;
  }
  .hero-service-icon-only-v1213,
  .hero-services-icons-only-v1213 .hero-service-v121:last-child{
    width:48px!important;height:48px!important;min-height:48px!important;
    border-radius:14px!important;justify-self:auto!important;
  }
  .hero-service-icon-only-v1213 .hero-service-icon-v121 .icon{width:23px!important;height:23px!important}
}

@media(max-width:390px){
  .hero-services-icons-only-v1213{
    grid-template-columns:repeat(4,44px)!important;
    gap:9px!important;
  }
  .hero-service-icon-only-v1213,
  .hero-services-icons-only-v1213 .hero-service-v121:last-child{
    width:44px!important;height:44px!important;min-height:44px!important;
  }
  .hero-service-icon-only-v1213 .hero-service-icon-v121 .icon{width:21px!important;height:21px!important}
}