@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
}
h1 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 0.8;
}

.bg-primary {
  background-color: #19AAA4 !important;
}

.bg-accent {  
  background-color: #e0f7f3 !important;
}

.wrapper {
  position: relative; /* Penting agar pseudo-element bisa diposisikan relatif terhadap section */
  z-index: 0; /* Pastikan posisi dasar */
}

.wrapper::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(68, 196, 160, 0.3); /* Warna hitam dengan transparansi 50% */
  z-index: 1; /* Pastikan overlay berada di atas background tapi di bawah konten */
}

.wrapper > * {
  position: relative;
  z-index: 2; /* Konten berada di atas overlay */
}

@include media-breakpoint-only(lg) {
  .card-form {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
  }
}