*{
    font-family: 'Montserrat', sans-serif;
}
p{
    margin-bottom: 0 !important;
}
a.nav-link{
    font-size: 1rem;
    font-weight: 600;
    margin-right: 1rem;
}

li.nav-item a.active, li.nav-item a.nav-link:hover{
    color: #002480  !important;
    transition: 0.7s;
}

section.banner{
    width: 100%;
    height: 40rem;
    position: relative;
}
section.berita{
    position: relative;
    top: 2rem;
}
section.laporan{
    position: relative;
    top: 5rem;
}

section.formulir{
    position: relative;
}
section.login{
    position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            transform: translate(-50%, -50%);
}
img.banner-image{
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: absolute;
    z-index: -1;
}
div.information{
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    color: #ffffff;
}


div.banner-content{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 50rem;
    transform: translate(-50%, -50%);
}
p.card-text{
    text-align: justify;
}

footer{
    position: relative;
    top: 10rem;
}
img.img-background{
    position: absolute;
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
div.login-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  
    z-index: 11000;
  }

  .trix-content-invalid{
    border:1px solid #dc3545
  }