.bg-video {

    position: absolute;
    object-fit: cover;
    z-index: 0;
  }

  video.bg-video {
    /* width: 100%; */
    /* height: 17%; */
    position: absolute;
    object-fit: cover;
    z-index: 0;
  }

  .flex-end {
    display: flex;
    justify-content: flex-end;
  }

  .comofunciona {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 5;
  }

  .region-cardd {
    padding: 2px;
    overflow-y: scroll;
    max-height: 519px;
  }

  .roww {
    display: flex;
    flex-wrap: wrap;
  }

  .card-body-region-map{
    padding: 27px 37px;
    padding-right: 15px;
    padding-bottom: 15px;
  }

  @media (width > 1178px){
    video.bg-video {
        width: 100%;
    }
  }
  @media (width < 771px){
    .card-body-region-map{
        padding: 2.5rem;
    }
  }
  @media (width < 414px){
    .header-title{
        font-size: 2.2rem !important;
    }
  }