.bg-green{
      background-color: #005c45!important	
  }

  .card .equal,.card .background{z-index:0}
  .background{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background-size:cover;background-position:center;overflow:hidden}
  .background .plyr{transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;width:135%;max-width:135%}
  .background .plyr>.plyr__control{display:none !important}
  .background .map{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 991.98px){.background .plyr{width:240%;max-width:240%}}

  @media (max-width: 767.98px){.background .plyr{width:385%;max-width:385%}}


  .background[class*="-overlay"]::after{transition:opacity 0.2s;position:absolute;opacity:0.4;top:0;right:0;bottom:0;left:0;content:"";background:#000}
  .background[class*="-dimm"]{opacity:0.3}
  .background[class*="-gradient-horizontal"]{-webkit-mask-image:-webkit-gradient(linear, right bottom, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));mask-image:-webkit-gradient(linear, right bottom, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)))}
  .background[class*="-gradient-vertical"]{-webkit-mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, #000 25%, #000 75%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, #000 25%, #000 75%, rgba(0,0,0,0) 100%)}
  .background[class*="-gradient-vertical"]::before{transition:all .2s;transition-delay:0s;content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:24;background-color:rgba(0,0,0,0.4)}

  .hover-gradient{transition:all .2s;transition-delay:0s;background:#000}
  .hover-gradient .background{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.4)));mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.4)))}

figure{margin:0 0 1rem}
img,svg{vertical-align:middle}