.elementor-698 .elementor-element.elementor-element-dcfd1f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:300px;--padding-bottom:300px;--padding-left:111px;--padding-right:111px;}.elementor-698 .elementor-element.elementor-element-dcfd1f8:not(.elementor-motion-effects-element-type-background), .elementor-698 .elementor-element.elementor-element-dcfd1f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#303030;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-698 .elementor-element.elementor-element-eef2989 .elementor-heading-title{color:#FFFFFF;}.elementor-698 .elementor-element.elementor-element-eef2989 .elementor-heading-title a:hover, .elementor-698 .elementor-element.elementor-element-eef2989 .elementor-heading-title a:focus{color:#FF6565;}.elementor-698 .elementor-element.elementor-element-eef2989 .elementor-heading-title a{transition-duration:0.1s;}.elementor-698 .elementor-element.elementor-element-1de2d45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for heading, class: .elementor-element-eef2989 */.hover-heading {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* image bubble */
.hover-heading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 300px;
  height: 300px;

  background-image: url("https://www.drakkarwash.studio/wp-content/uploads/2026/01/civic-white.webp");
  background-size: cover;
  background-color:none;
  background-position: center;
  border-radius: 14px;

  opacity: 0;
  transform: translateY(-50%) scale(0.85);
  filter: blur(6px);

  box-shadow: 0 20px 40px rgba(0,0,0,.3);

  pointer-events: none;
  transition:
    opacity 300ms ease,
    transform 300ms cubic-bezier(.16,1,.3,1),
    filter 300ms ease;
}

/* hover */
.hover-heading:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  filter: blur(0);
}/* End custom CSS */