/* Tile Animation Styles for WordPress Page Banner */
  .page_banner {
    position: relative;
    overflow: hidden;
  }

  .page_banner .banner-tile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    /* grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(6, 1fr); */
    /* grid-template-columns: repeat(20, 1fr);
    grid-template-rows: repeat(15, 1fr); */
    z-index: 1;
    pointer-events: none;
  }

  .page_banner .banner-tile {
    width: 100%;
    height: 100%;
    /* background-size: 1000% 600%;  */
    /* background-size: 1900% 1400%; */
    transform: scale(0);
    opacity: 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .page_banner .e-con-inner {
    position: relative;
    z-index: 2;
  }

    /* Text Animation Styles */
    .page_header,
    .page_subheader {
        opacity: 0;
        transform: scale(0);
        transition: transform 0.6s ease, opacity 0.6s ease;
    }

    .page_header.animate-text,
    .page_subheader.animate-text {
        animation: zoomInOut 1.2s ease forwards;
    }

    @keyframes zoomInOut {
        0% {
        opacity: 0;
        transform: scale(0);
        }
        50% {
        opacity: 1;
        transform: scale(1.2);
        }
        100% {
        opacity: 1;
        transform: scale(1);
        }
    }