:root{
  --cim-soft-page-bg-v9400:#f7fbff;
  --cim-soft-page-bg-2-v9400:#fbfdff;
  --cim-soft-panel-v9400:rgba(255,255,255,.90);
  --cim-soft-border-v9400:rgba(170,198,226,.42);
  --cim-soft-shadow-v9400:0 10px 28px rgba(20,66,116,.050);
}

html body.serviceCatalogPage .catalogPageSection{
  background:linear-gradient(180deg,var(--cim-soft-page-bg-v9400) 0%,var(--cim-soft-page-bg-2-v9400) 100%)!important;
}

html body.serviceCatalogPage #catalogCards > .baCard,
html body.serviceCatalogPage #catalogCards > .logoCatalogCard,
html body.serviceCatalogPage #catalogRotationWrap,
html body.serviceCatalogPage #catalogDetailSection,
html body.serviceCatalogPage #catalogRotationWrap .cim360ViewerCard,
html body.serviceCatalogPage #catalogRotationWrap .cim360InfoCard,
html body.serviceCatalogPage #catalogRotationWrap .cim360FramesPanel,
html body.serviceCatalogPage #catalogRotationWrap .cim360PreviewCard{
  background:var(--cim-soft-panel-v9400)!important;
  border-color:var(--cim-soft-border-v9400)!important;
  box-shadow:var(--cim-soft-shadow-v9400)!important;
}

html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip,
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip,
html body.serviceCatalogPage #catalogServiceNavWrap a.catalogServiceChip{
  transition:background-color .24s ease,background .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease,transform .18s ease,filter .24s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  box-shadow:0 5px 14px rgba(19,66,118,.065)!important;
  border-color:#d8e7f5!important;
  color:#234e79!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}

html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip:hover,
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip:hover,
html body.serviceCatalogPage #catalogServiceNavWrap a.catalogServiceChip:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f1f7ff 100%)!important;
  border-color:#c5dbf0!important;
  color:#17579d!important;
  box-shadow:0 8px 18px rgba(19,83,155,.10)!important;
}

html body.serviceCatalogPage #catalogServiceNavWrap .catalogServiceNav > a.catalogServiceChip:active,
html body.serviceCatalogPage #catalogServiceNavWrap .cimServiceNavStaticV34 > a.catalogServiceChip:active,
html body.serviceCatalogPage #catalogServiceNavWrap a.catalogServiceChip:active{
  transform:scale(.985)!important;
  box-shadow:0 3px 10px rgba(19,83,155,.10)!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 #catalogServiceNavWrap a.catalogServiceChip.active,
html body.serviceCatalogPage #catalogServiceNavWrap a.catalogServiceChip[aria-current="page"]{
  background:linear-gradient(180deg,#2c87f7 0%,#1b74e9 100%)!important;
  border-color:#2c87f7!important;
  color:#ffffff!important;
  box-shadow:0 8px 20px rgba(44,135,247,.19)!important;
}

html body.serviceCatalogPage.cim360CatalogMode #catalogRotationWrap{
  margin-top:22px!important;
}
@media(max-width:760px){
  html body.serviceCatalogPage.cim360CatalogMode #catalogRotationWrap{
    margin-top:18px!important;
  }
}