.mastheads {
      min-height: 30rem;
      position: relative;
      display: table;
      width: 100%;
      height: auto;
      padding-top: 8rem;
      padding-bottom: 8rem;
      background: #585dff;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .mastheads h1 {
      font-size: 4rem;
      margin: 0;
      padding: 0;
  }

  @media (min-width: 992px) {
      .mastheads {
          height: 100vh;
      }

      .mastheads h1 {
          font-size: 5.5rem;
      }
  }

  .warna-background {
      background-color: #585dff;
  }

  .warna-background-putih {
      background-color: #fff;
  }

  .style-judul {
      color: #fff;
      font-family: "Montserrat", Sans-serif;
      font-size: 46px;
      font-weight: 700;
      line-height: 1.05em;
      letter-spacing: -1.8px;
  }

  .paragraf {
      color: #fff;
      font-family: "Montserrat", Sans-serif;
      font-size: 20px;
      font-weight: 400;
      line-height: 1.3em;
      text-align: left;
  }

  .paragraf-2 {
      color: #2d2d2d;
      font-family: "Open Sans", Sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 1.3em;
      text-align: left;
  }

  .paragraf-3 {
      color: #fff;
      font-family: "Open Sans", Sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 1.3em;
      text-align: left;
  }

  .paragraf-4 {
      color: #fff;
      font-family: "Open Sans", Sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 1.3em;
      text-align: center;
  }

  .heading-section-2 {
      color: #2d2d2d;
      font-family: "Montserrat", Sans-serif;
      font-size: 46px;
      font-weight: 700;
      line-height: 1.05em;
      letter-spacing: -1.8px;
  }

  .heading-section-3 {
      color: #fff;
      font-family: "Montserrat", Sans-serif;
      font-size: 46px;
      font-weight: 700;
      line-height: 1.05em;
      letter-spacing: -1.8px;
  }

  .heading-section-4 {
      color: #2d2d2d;
      font-family: "Montserrat", Sans-serif;
      font-size: 46px;
      font-weight: 700;
      line-height: 1.05em;
      letter-spacing: -1.8px;
  }

  .heading-harga {
      color: #ae0001;
      font-family: "Montserrat", Sans-serif;
      font-size: 46px;
      font-weight: 900;
      line-height: 1em;
      letter-spacing: 1px;
  }

  .maroon {
      background-color: #ae0001;
      color: #fff;
  }

  .list-content {
      color: #666;
      font-family: "Open Sans", Sans-serif;
      font-size: 20px;
      line-height: 1em;
      text-align: left;
  }

  ul {
      list-style: none;
      padding: 0;
  }

  li {
      padding-left: 1.3em;
      text-align: left;
      font-size: 24px;
      line-height: normal;
      font-family: "Open Sans", Sans-serif;
      color: #666666;
  }

  .spasi li {
      padding-bottom: 1em;
  }

  li:before {
      content: "\f058";
      /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em;
      /* same as padding-left set on li */
      width: 1.3em;
      /* same as padding-left set on li */
      color: #2E70C3;
  }

  .cek li:before {
      content: "\f00c";
      /* FontAwesome Unicode */
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em;
      /* same as padding-left set on li */
      width: 1.3em;
      /* same as padding-left set on li */
      color: #2d2d2d;
  }

  .bintang {
      color: #ed3838;
      font-family: "Open Sans", Sans-serif;
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 1px;
  }

  .iti__flag {
      background-image: url("build/img/flags.png");
  }

  @media (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
      .iti__flag {
          background-image: url("build/img/flags@2x.png");
      }
  }

  .iti--allow-dropdown {
      width: 100%;
      /* margin-bottom: 25px; */
  }

  .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
  }

  .video-container iframe,
  .video-container object,
  .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  video {
      width: 100%;
      height: auto;
  }

  .halaman {
      color: #2E70C3;
  }

  .li-bantu-sukses {
      color: black;
      font-size: 24px;
      font-family: "Open Sans", Sans-serif;
  }

  .p-bantu-sukses {
      text-align: left;
      margin-left: 1.5em;
      font-size: 20px;
      color: #666666;
      font-family: "Open Sans", Sans-serif;
  }

  .kotak-hijau {
      background-color: #00a99d;
      border-radius: 10px;
      color: white;
      padding: 24px 24px 24px 24px;
      min-height: 600px;
  }

  .kotak-hitam {
    background-color: #2d2d2d;
    border-radius: 10px;
    color: white;
    padding: 24px 24px 24px 24px;
    min-height: 600px;
}

  html,
  body {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding: 0px;
      overflow-x: hidden;
      scroll-behavior: smooth;
  }