:root{
  --cim-service-gap-v7700:30px;
}

html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip,
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip,
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip,
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
  color:#16436f!important;
  border:1px solid #d5e4f4!important;
  box-shadow:0 4px 11px rgba(19,66,118,.07)!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}

html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip:hover,
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip:hover,
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip:hover,
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip:hover{
  background:#f3f8fe!important;
  color:#0b5fc5!important;
  border-color:#b8d3ef!important;
  box-shadow:0 6px 15px rgba(19,83,155,.12)!important;
  transform:none!important;
}

html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip.active,
html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip[aria-current="page"],
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip.active,
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip[aria-current="page"],
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip.active,
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip[aria-current="page"],
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip.active,
html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip[aria-current="page"]{
  background:#1976e8!important;
  color:#ffffff!important;
  border-color:#1976e8!important;
  box-shadow:0 6px 15px rgba(25,118,232,.23)!important;
  transform:none!important;
}

html body.serviceCatalogPage:not(.cim360CatalogMode) #catalogCards{
  margin-top:0!important;
  padding-top:0!important;
  border-top:var(--cim-service-gap-v7700) solid transparent!important;
  background-clip:padding-box!important;
}

html body.serviceCatalogPage.cim360CatalogMode #catalogServiceNavWrap{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
html body.serviceCatalogPage.cim360CatalogMode #catalogRotationWrap{
  margin-top:var(--cim-service-gap-v7700)!important;
}

html body.serviceCatalogPage #catalogCards > .baCard,
html body.serviceCatalogPage #catalogCards > .logoCatalogCard,
html body.serviceCatalogPage #catalogRotationWrap,
html body.serviceCatalogPage #catalogRotationWrap *{
  animation:none!important;
  transform:none!important;
  translate:none!important;
}

@media(max-width:760px){
  :root{--cim-service-gap-v7700:22px;}
}