.elementor-9255 .elementor-element.elementor-element-61804a2{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9255 .elementor-element.elementor-element-96b51d0{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9255 .elementor-element.elementor-element-4e3c294{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9255 .elementor-element.elementor-element-e408b48{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9255 .elementor-element.elementor-element-abaa265{--display:flex;--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-9255 .elementor-element.elementor-element-3e81879{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-b8fb8b3 */<!-- VIREXA GROWTH STRATEGY | PREMIUM ANIMATIONS -->
<style>
/* =========================================
   HEADER AND CARD ENTRANCE ANIMATIONS
========================================= */

@media (prefers-reduced-motion: no-preference) {

  #vx-marketing-growth.vxmg-animate .vxmg-heading {
    opacity: 0;
    transform: translateY(24px);
    transition:
      opacity .75s cubic-bezier(.22,1,.36,1),
      transform .75s cubic-bezier(.22,1,.36,1);
  }

  #vx-marketing-growth.vxmg-animate
  .vxmg-heading.vxmg-visible {
    opacity: 1;
    transform: translateY(0);
  }

  #vx-marketing-growth.vxmg-animate .vxmg-card {
    opacity: 0;
    transform: translateY(34px);
    transition:
      opacity .7s cubic-bezier(.22,1,.36,1),
      transform .7s cubic-bezier(.22,1,.36,1),
      border-color .3s ease,
      background-color .3s ease,
      box-shadow .3s ease;
  }

  #vx-marketing-growth.vxmg-animate
  .vxmg-card.vxmg-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Staggered entrances */
  #vx-marketing-growth .vxmg-card:nth-child(1) {
    transition-delay: 0s;
  }

  #vx-marketing-growth .vxmg-card:nth-child(2) {
    transition-delay: .10s;
  }

  #vx-marketing-growth .vxmg-card:nth-child(3) {
    transition-delay: .20s;
  }

  #vx-marketing-growth .vxmg-card:nth-child(4) {
    transition-delay: .30s;
  }
}

/* =========================================
   PREMIUM HOVER EFFECTS
========================================= */

@media (hover: hover) and (pointer: fine) {

  #vx-marketing-growth .vxmg-card {
    position: relative;
    overflow: hidden;
    transition:
      transform .35s cubic-bezier(.22,1,.36,1),
      border-color .35s ease,
      background-color .35s ease,
      box-shadow .35s ease;
  }

  #vx-marketing-growth .vxmg-card:hover {
    transform: translateY(-7px);
    border-color: rgba(121,189,232,.55);
    background-color: #10283a;
    box-shadow:
      0 15px 35px rgba(0,0,0,.18),
      0 0 0 1px rgba(121,189,232,.06);
  }

  /* Override the entrance transform on hover */
  #vx-marketing-growth.vxmg-animate
  .vxmg-card.vxmg-visible:hover {
    transform: translateY(-7px);
  }

  #vx-marketing-growth .vxmg-icon {
    transition:
      transform .35s cubic-bezier(.22,1,.36,1),
      border-color .35s ease,
      background-color .35s ease;
  }

  #vx-marketing-growth .vxmg-card:hover .vxmg-icon {
    transform: translateY(-3px) rotate(-4deg);
    border-color: rgba(121,189,232,.65);
    background-color: #173c56;
  }

  #vx-marketing-growth .vxmg-icon svg {
    transition: transform .35s ease;
  }

  #vx-marketing-growth .vxmg-card:hover .vxmg-icon svg {
    transform: scale(1.09);
  }
}

/* =========================================
   ACCESSIBILITY
========================================= */

@media (prefers-reduced-motion: reduce) {
  #vx-marketing-growth .vxmg-heading,
  #vx-marketing-growth .vxmg-card,
  #vx-marketing-growth .vxmg-icon,
  #vx-marketing-growth .vxmg-icon svg {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}
<\/style>

<script>
(function () {
  function initVirexaGrowthAnimations() {
    var section = document.getElementById('vx-marketing-growth');

    if (!section || section.dataset.vxmgAnimationReady) return;

    section.dataset.vxmgAnimationReady = 'true';

    if (
      !('IntersectionObserver' in window) ||
      window.matchMedia('(prefers-reduced-motion: reduce)').matches
    ) {
      return;
    }

    var elements = section.querySelectorAll(
      '.vxmg-heading, .vxmg-card'
    );

    var observer = new IntersectionObserver(function (entries) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('vxmg-visible');
          observer.unobserve(entry.target);
        }
      });
    }, {
      threshold: 0.08,
      rootMargin: '0px 0px 40px 0px'
    });

    elements.forEach(function (element) {
      observer.observe(element);
    });

    section.classList.add('vxmg-animate');
  }

  if (document.readyState === 'loading') {
    document.addEventListener(
      'DOMContentLoaded',
      initVirexaGrowthAnimations,
      { once: true }
    );
  } else {
    initVirexaGrowthAnimations();
  }
})();
</script>/* End custom CSS */