/* @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poor+Story&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); */
@font-face {
  font-family: "Drazone";
  src: url("../fonts/Drazone.ttf") format("truetype"),
    url("../fonts/Drazone.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap");
body {
  font-family: "Inter", sans-serif;
}

.box-shadow {
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.5);
}

/* homepage */
.container-body {
  /* background: #EC098D; */
  position: relative;
  padding-top: 20px;
  position: relative;
  background: url("images/Form Daftar Beasiswa 2025.png");
  width: 100%;
  max-width: 412px !important;
  /* height: 1350px; */
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
}

.bg-section-1 {
  background: #000000;
  background-image: url("../assets/images/img-bg-1.webp");
  background-size: cover; /* agar gambar mengisi seluruh area secara proporsional */
  background-position: center; /* posisi di tengah */
  background-repeat: no-repeat; /* jangan diulang */
  width: 412px; /* lebar sesuai keinginan kamu */
  height: 450px; /* tinggi penuh viewport */
  position: relative;
}

.bg-section-2 {
  background: #000000;
  background-image: url("../assets/images/img-bg-2.webp");
  background-size: cover; /* agar gambar mengisi seluruh area secara proporsional */
  background-position: center; /* posisi di tengah */
  background-repeat: no-repeat; /* jangan diulang */
  width: 412px; /* lebar sesuai keinginan kamu */
  height: 450px; /* tinggi penuh viewport */
  position: relative;
}

.bg-section-3 {
  background: #000000;
  background-image: url("../assets/images/img-bg-3.webp");
  background-size: cover; /* agar gambar mengisi seluruh area secara proporsional */
  background-position: center; /* posisi di tengah */
  background-repeat: no-repeat; /* jangan diulang */
  width: 412px; /* lebar sesuai keinginan kamu */
  height: 500px; /* tinggi penuh viewport */
  position: relative;
  margin-bottom: 10px;
}

.logo-jecojta {
  width: 195px;
  height: 100%;
}

.absolute {
  position: absolute;
}

.text-bg-1 {
  font-family: "League Spartan", sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  transform: scaleY(1.4);
  display: inline-block;
}

.subtext-bg-1 {
  font-family: "League Spartan", sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  transform: scaleY(1.4);
  display: inline-block;
}

.video-frame {
  width: 300px;
  height: 180px;
  background: #d9d9d9;
}

.text-bg-2 {
  font-family: "League Spartan", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  display: inline-block;
}

.subtext-bg-2 {
  font-family: "Inter Tight", sans-serif;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  display: inline-block;
}

.img-sedih {
  width: 350px;
  height: auto;
}

.img-keterangan-1 {
  width: 380px;
  height: 200px;
  padding-right: 15px;
}

.img-keterangan-2 {
  width: 380px;
  height: 185px;
  padding-left: 15px;
}

.text-bg-3 {
  font-family: "League Spartan", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: center;
  color: #93cce9;
  transform: scaleY(1.4);
  display: inline-block;
}

.subtext-bg-3 {
  font-family: "Inter Tight", sans-serif;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  display: inline-block;
}

.img-btn {
  width: auto;
  height: 50px;
}