/* Reveal block */
.reveal-holder {
    position: relative;
    display : inline-block;
    /* overflow: hidden; */
  }
  
  .reveal-holder .reveal-block {
    position: absolute;
    top     : 0;
    width   : 100%;
    height  : 100%;
    z-index: 9;
  }
  
  .reveal-holder .reveal-block::before {
    position           : absolute;
    content            : "";
    top                : 0;
    left               : 0;
    right              : 0;
    bottom             : 0;
    transition-property: transform;
    background         : rgba(var(--color-primary));
  }
  
  .reveal-block.top.aos-animate::before,
  .reveal-block.bottom.aos-animate::before {
    transform: scaleY(1);
  }
  
  .reveal-block.left.aos-animate::before,
  .reveal-block.right.aos-animate::before {
    transform: scaleX(1);
  }
  
  .reveal-block.top::before {
    transform       : scaleY(0);
    transform-origin: 0% 100%;
  }
  
  .reveal-block.left::before {
    transform       : scaleX(0);
    transform-origin: 100% 0%;
  }
  
  .reveal-block.right::before {
    transform       : scaleX(0);
    transform-origin: 0% 100%;
  }
  
  .reveal-block.bottom::before {
    transform       : scaleY(0);
    transform-origin: 100% 0%;
  }
  
  /* AOS animate */
  [data-aos=reveal-top],
  [data-aos=reveal-left],
  [data-aos=reveal-right],
  [data-aos=reveal-bottom] {
    transition-property: transform;
    transition-delay   : 0.4s;
  }
  
  [data-aos=reveal-top] {
    transform: scaleY(1);
  }
  
  [data-aos=reveal-top].aos-animate {
    transform       : scaleY(0);
    transform-origin: 100% 0%;
  }
  
  [data-aos=reveal-left] {
    transform: scaleX(1);
  }
  
  [data-aos=reveal-left].aos-animate {
    transform       : scaleX(0);
    transform-origin: 0% 100%;
  }
  
  [data-aos=reveal-right] {
    transform: scaleX(1);
  }
  
  [data-aos=reveal-right].aos-animate {
    transform       : scaleX(0);
    transform-origin: 100% 0%;
  }
  
  [data-aos=reveal-bottom] {
    transform: scaleY(1);
  }
  
  [data-aos=reveal-bottom].aos-animate {
    transform       : scaleY(0);
    transform-origin: 0% 100%;
  }
  
  [data-aos=reveal-item] {
    visibility         : hidden;
    transition-property: visibility;
    transition-duration: 0s;
  }
  
  [data-aos=reveal-item].aos-animate {
    visibility: visible;
  }