
:root{
  --cim-v11638-ease:cubic-bezier(.2,.72,.25,1);
  --cim-v11638-fast:150ms;
  --cim-v11638-normal:220ms;
}
html.cimSmoothV11638{
  overflow-x:hidden;
}
html.cimSmoothV11638 body:not(.adminBody){
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

html.cimSmoothV11638 body:not(.adminBody)>main,
html.cimSmoothV11638 body:not(.adminBody) main:first-of-type,
html.cimSmoothV11638 body:not(.adminBody) .cimSmoothRevealV11638,
html.cimSmoothV11638 body:not(.adminBody) .revealItem,
html.cimSmoothV11638 body:not(.adminBody) [data-aos],
html.cimSmoothV11638 body:not(.adminBody) [data-reveal],
html.cimSmoothV11638 body:not(.adminBody) .aos-init,
html.cimSmoothV11638 body:not(.adminBody) .aos-animate{
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  animation:none!important;
}
html.cimSmoothV11638 body:not(.adminBody) .cimSmoothRevealV11638{
  transition:none!important;
  will-change:auto!important;
}

html.cimSmoothV11638 :where(
  #cimPageSmoothOverlayV2551,#cimPageTransitionOverlayV3256,#pageTransitionOverlay,
  .pageTransitionOverlay,.cimTransitionOverlay,.loadingOverlay,#cimPageLoader,.cimPageLoader,
  .route-loader,.preloader
){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html.cimSmoothV11638 body:not(.adminBody) :where(
  header,.topbar,.cimMobileHeaderV14,main,.hero,section,footer,
  .heroInner,.navwrap,.container,.cimMobileMenuSheetV14,.cimMobileMenuBackdropV14
){
  animation:none!important;
}
html.cimSmoothV11638 body:not(.adminBody) :where(
  a,button,.btn,.cta,.auth-cta,.sampleBtn,.blogReadMore,.catalogServiceChip,
  input,select,textarea,summary,[role="button"]
){
  transition:color var(--cim-v11638-fast) ease,
             background-color var(--cim-v11638-normal) var(--cim-v11638-ease),
             border-color var(--cim-v11638-normal) var(--cim-v11638-ease),
             box-shadow var(--cim-v11638-normal) var(--cim-v11638-ease)!important;
}
html.cimSmoothV11638 body:not(.adminBody) :where(
  .card,.panel,.price,.priceCard,.sampleImageCard,.homeServiceMatchCard,.workflow2dCard,
  .blogArchiveCard,.blogSideBox,.cimClipTypeCard,.cimClipIconCard,.pricingBreakCard,
  .catalogDetailSection,.baCard,.work,.faq details,.uploadField
){
  transition:border-color var(--cim-v11638-normal) var(--cim-v11638-ease),
             box-shadow var(--cim-v11638-normal) var(--cim-v11638-ease),
             background-color var(--cim-v11638-normal) var(--cim-v11638-ease)!important;
}
html.cimSmoothV11638 body:not(.adminBody) img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (hover:hover) and (pointer:fine){
  html.cimSmoothV11638 body:not(.adminBody) :where(.btn,.cta,.auth-cta,.sampleBtn,.blogReadMore,.catalogServiceChip):hover{
    box-shadow:0 8px 20px rgba(7,43,88,.08)!important;
  }
  html.cimSmoothV11638 body:not(.adminBody) :where(.card,.priceCard,.sampleImageCard,.blogArchiveCard,.workflow2dCard):hover{
    box-shadow:0 16px 34px rgba(7,43,88,.09)!important;
  }
}

@media (max-width:768px){
  html.cimSmoothV11638 body:not(.adminBody) .cimMobileMenuSheetV14,
  html.cimSmoothV11638 body:not(.adminBody) .cimMobileMenuBackdropV14,
  html.cimSmoothV11638 body:not(.adminBody) .cimMobileHeaderV14,
  html.cimSmoothV11638 body:not(.adminBody) .cimMobileHeaderV14 *{
    animation:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html.cimSmoothV11638{scroll-behavior:auto!important;}
  html.cimSmoothV11638 body:not(.adminBody) *,
  html.cimSmoothV11638 body:not(.adminBody) *::before,
  html.cimSmoothV11638 body:not(.adminBody) *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}
