/*textures*/


.corner-texture:after{
  content: url(../assets/bg-texture-bottom.svg) ;
    display: block;
    position: absolute;
    right: var(--corner-texture-btm-right);
    bottom: var(--corner-texture-btm-bottom);
    width: var(--corner-texture-btm-width);
    height: var(--corner-texture-btm-height);
    overflow: hidden;
  z-index:-1;
}
.corner-texture:before{
  content: url(../assets/bg-texture-top.svg) ;
    display: block;
    position: absolute;
    left: var(--corner-texture-tp-left);
    top: var(--corner-texture-tp-top);
    width: var(--corner-texture-tp-width);
    height: var(--corner-texture-tp-height);
    overflow: hidden;
  z-index:-1;
}
.texture-top:after {

  content: url(../assets/bg-texture-horizontal.svg) ;
    display: block;
    position: absolute;
   inset:inherit;
  margin:auto;
    width: var(--corner-texture-tp-width);
    height: var(--corner-texture-tp-height);
    overflow: hidden;
  z-index:-1;
}