.elementor-9164 .elementor-element.elementor-element-3ed16f8d{--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;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9164 .elementor-element.elementor-element-49890513{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9164 .elementor-element.elementor-element-316f00f8{--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;--border-radius:0px 0px 0px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-9164 .elementor-element.elementor-element-316f00f8:not(.elementor-motion-effects-element-type-background), .elementor-9164 .elementor-element.elementor-element-316f00f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.darwinfjohnson.com/wp-content/uploads/2026/03/Case-Results-bg.2410022149527.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9164 .elementor-element.elementor-element-4f37fa58 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:48px;color:#FFFFFF;}.elementor-9164 .elementor-element.elementor-element-58f9c19c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:32px;color:#FFFFFF;}.elementor-9164 .elementor-element.elementor-element-6c78d41a{--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:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-9164 .elementor-element.elementor-element-6c78d41a:not(.elementor-motion-effects-element-type-background), .elementor-9164 .elementor-element.elementor-element-6c78d41a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.darwinfjohnson.com/wp-content/uploads/2026/03/Case-Results-bg.2410022149527.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9164 .elementor-element.elementor-element-2e788077 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:48px;color:#FFFFFF;}.elementor-9164 .elementor-element.elementor-element-593e3895 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:32px;color:#FFFFFF;}.elementor-9164 .elementor-element.elementor-element-56a1d6bc{--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:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-9164 .elementor-element.elementor-element-56a1d6bc:not(.elementor-motion-effects-element-type-background), .elementor-9164 .elementor-element.elementor-element-56a1d6bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.darwinfjohnson.com/wp-content/uploads/2026/03/Case-Results-bg.2410022149527.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9164 .elementor-element.elementor-element-47253790 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:700;line-height:48px;color:#FFFFFF;}.elementor-9164 .elementor-element.elementor-element-473c71fc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:32px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button{background-color:#263E64;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:20px 40px 20px 40px;}.elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button:hover, .elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button:focus{background-color:var( --e-global-color-5eb25e7 );color:#FFFFFF;}.elementor-9164 .elementor-element.elementor-element-d497ae1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button:hover svg, .elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-9164 .elementor-element.elementor-element-3ed16f8d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-9164 .elementor-element.elementor-element-316f00f8:not(.elementor-motion-effects-element-type-background), .elementor-9164 .elementor-element.elementor-element-316f00f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.darwinfjohnson.com/wp-content/uploads/2026/03/Case-Results-bg.2410022149527.jpg");background-position:center right;}.elementor-9164 .elementor-element.elementor-element-4f37fa58 .elementor-heading-title{font-size:24px;}.elementor-9164 .elementor-element.elementor-element-58f9c19c .elementor-heading-title{font-size:16px;line-height:30px;}.elementor-9164 .elementor-element.elementor-element-6c78d41a:not(.elementor-motion-effects-element-type-background), .elementor-9164 .elementor-element.elementor-element-6c78d41a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.darwinfjohnson.com/wp-content/uploads/2026/03/Case-Results-bg.2410022149527.jpg");background-position:center right;}.elementor-9164 .elementor-element.elementor-element-2e788077 .elementor-heading-title{font-size:24px;}.elementor-9164 .elementor-element.elementor-element-593e3895 .elementor-heading-title{font-size:16px;line-height:30px;}.elementor-9164 .elementor-element.elementor-element-56a1d6bc:not(.elementor-motion-effects-element-type-background), .elementor-9164 .elementor-element.elementor-element-56a1d6bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.darwinfjohnson.com/wp-content/uploads/2026/03/Case-Results-bg.2410022149527.jpg");background-position:center right;}.elementor-9164 .elementor-element.elementor-element-47253790 .elementor-heading-title{font-size:24px;}.elementor-9164 .elementor-element.elementor-element-473c71fc .elementor-heading-title{font-size:16px;line-height:30px;}.elementor-9164 .elementor-element.elementor-element-d497ae1 > .elementor-widget-container{margin:20px 20px 20px 20px;}}@media(max-width:767px){.elementor-9164 .elementor-element.elementor-element-3ed16f8d{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-9164 .elementor-element.elementor-element-4f37fa58 .elementor-heading-title{font-size:26px;line-height:26px;}.elementor-9164 .elementor-element.elementor-element-58f9c19c .elementor-heading-title{font-size:18px;}.elementor-9164 .elementor-element.elementor-element-2e788077 .elementor-heading-title{font-size:26px;}.elementor-9164 .elementor-element.elementor-element-593e3895 .elementor-heading-title{font-size:18px;}.elementor-9164 .elementor-element.elementor-element-47253790 .elementor-heading-title{font-size:26px;}.elementor-9164 .elementor-element.elementor-element-473c71fc .elementor-heading-title{font-size:18px;}.elementor-9164 .elementor-element.elementor-element-d497ae1 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button{font-size:13px;border-radius:30px 30px 30px 30px;padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-9164 .elementor-element.elementor-element-316f00f8{--width:33%;}.elementor-9164 .elementor-element.elementor-element-6c78d41a{--width:33%;}.elementor-9164 .elementor-element.elementor-element-56a1d6bc{--width:33%;}}@media(min-width:1920px){.elementor-9164 .elementor-element.elementor-element-d497ae1 .elementor-button{font-size:22px;}}/* Start custom CSS *//* main container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: all .5s ease;
}

/* gradient overlay */
.hover-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(14,44,80,0.95) 0%,
    rgba(14,44,80,0.85) 35%,
    rgba(14,44,80,0.65) 65%,
    rgba(14,44,80,0.35) 100%
  );
  opacity: 0;
  transition: all .4s ease;
  z-index: 1;
}

/* heading always visible */
.hover-title {
  position: relative;
  z-index: 2;
}

/* hidden content initially */
.hover-content {
  opacity: 0;
  transform: translateY(30px);
  transition: all .4s ease;
  position: relative;
  z-index: 2;
}

/* hover overlay - desktop only */
.hover-box:hover:before {
  opacity: 1;
}

/* reveal content on hover - desktop only */
.hover-box:hover .hover-content {
  opacity: 1;
  transform: translateY(0);
}

/* optional subtle image zoom - desktop only */
.hover-box:hover {
  background-size: 110%;
}

/* ─── MOBILE FRIENDLY ─────────────────────────────── */
@media (max-width: 767px) {

  /* Always show overlay on mobile (no hover on touch) */
  .hover-box:before {
    opacity: 1;
    background: linear-gradient(
      to bottom,
      rgba(14,44,80,0.90) 0%,
      rgba(14,44,80,0.80) 50%,
      rgba(14,44,80,0.60) 100%
    );
  }

  /* Always show hidden content on mobile */
  .hover-content {
    opacity: 1;
    transform: translateY(0);
  }

  /* Disable zoom effect on mobile (prevents layout shift) */
  .hover-box:hover {
    background-size: cover;
  }

  /* Ensure touch tap still works if you have links inside */
  .hover-box {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }
}/* End custom CSS */