* {
  padding: 0;
  margin: 0;
}

/* Custom Bootstrap */
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: center;
}

.btn-outline-success {
  --bs-btn-color: purple;
  --bs-btn-border-color: purple;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: purple;
  --bs-btn-hover-border-color: purple;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: purple;
  --bs-btn-active-border-color: purple;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: purple;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: purple;
  --bs-gradient: none;
}

.btn {
  --bs-btn-hover-border-color: purple;
}

/* Custom Background */
/* 1 */
.custom-shape-divider-top-1681712636 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1681712636 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 79px;
}

.custom-shape-divider-top-1681712636 .shape-fill {
  fill: #ffff00;
}

/* 2 */
.custom-shape-divider-top-1681712928 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1681712928 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 79px;
  transform: rotateY(180deg);
}

.custom-shape-divider-top-1681712928 .shape-fill {
  fill: #ffffff;
}
/* 3 */
.custom-shape-divider-top-1681713034 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-top-1681713034 svg {
  position: relative;
  display: block;
  width: calc(143% + 1.3px);
  height: 84px;
}

.custom-shape-divider-top-1681713034 .shape-fill {
  fill: #ffffff;
}

/* Custom Manual */
.mt-150 {
  margin-top: 5%;
}

.mt-160 {
  font-size: 25px;
  text-align: justify;
  margin-top: 35%;
}

.fs-25 {
  font-size: 25px;
}

.fs-30 {
  font-size: 30px;
}

.bg-yellow {
  background-color: yellow;
}

.bg-purple {
  background-color: purple;
}

.c-p {
  color: purple;
}

.c-w {
  color: white;
}

.pk-1 {
  padding-left: 155px;
  padding-right: 155px;
}

.pk-15 {
  padding-left: 15%;
  padding-right: 15%;
}

.bc {
  padding-bottom: 99px;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
}

.bc1 {
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  padding-bottom: 347px;
}

.mt-5y {
  margin-top: 3rem !important;
}

.pt-5y {
  padding-top: 3rem !important;
}

.mb-5y {
  margin-bottom: 5%;
}

/* Responsive */

@media screen and (max-width: 1400px) {
  .cs1 .mt-5 {
    margin-top: 2rem !important;
  }

  .cs3 .mt-4 {
    margin-top: 1rem !important;
  }

  .cs3 .fs-30 {
    font-size: 25px;
  }

  /* .bc1 {
    padding-bottom: 150px;
  } */
}

@media screen and (max-width: 1200px) {
  .cs1 .fs-25 {
    font-size: 21px;
  }
  .cs1 .mt-5 {
    margin-top: 1rem !important;
  }

  .cs2 .fs-30 {
    font-size: 24px;
  }
  .cs3 .fs-30 {
    font-size: 21px;
  }

  .mt-160 {
    margin-top: 20%;
  }

  .bc {
    padding-bottom: 125px;
  }
}

@media screen and (max-width: 1199px) {
  .bc1 {
    padding-bottom: 347px;
  }
}

@media screen and (max-width: 992px) {
  .mt-160 {
    margin-top: 10%;
    text-indent: 50px;
  }

  #cs2 .row {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }

  #cs2 .col-lg-8 {
    order: 2;
  }

  #cs2 .col-lg-4 {
    order: 1;
  }

  .cs1 {
    text-align-last: center;
    margin-bottom: 5%;
  }

  .cs2 {
    text-align-last: center;
    margin-bottom: 5%;
  }

  .cs3 {
    text-align-last: center;
    margin-bottom: 5%;
    margin-top: 5%;
  }

  .cs2 .mt-5 {
    margin-top: 2rem !important;
  }

  .cs1 .fs-25 {
    text-align: -webkit-center;
  }

  .cs2 .fs-30 {
    text-align: -webkit-center;
  }

  .cs3 .fs-30 {
    text-align: -webkit-center;
  }

  .cs4 .fs-25 {
    text-align: center;
  }

  .bc {
    padding-bottom: 99px;
  }

  .bc1 {
    border-top: unset;
    border-bottom: 3px solid white;
    margin-bottom: 10%;
    padding-bottom: 0px;
  }

  .mt-5y {
    margin-top: 0rem !important;
  }

  .pt-5y {
    padding-top: 0rem !important;
  }
}

@media screen and (max-width: 500px) {
  .mt-150 {
    margin-top: 15%;
  }

  .img-m {
    width: 100px;
  }

  .img1-m {
    width: 60%;
  }

  .t-ctr {
    text-align: -webkit-center;
  }

  .f-m {
    font-size: 15px;
  }

  .mt-160 {
    text-align: center;
    margin-top: 5%;
    text-indent: unset;
    padding-left: 5%;
    padding-right: 5%;
  }

  .cs4 .pt-5 {
    padding-top: 0rem !important;
  }

  .cs9 .pt-5 {
    padding-top: 0rem !important;
  }

  .cs1 .fs-25 {
    font-size: 16px;
    padding-left: 13%;
    padding-right: 13%;
  }

  .cs2 .fs-30 {
    font-size: 16px;
  }

  .cs3 .fs-30 {
    font-size: 16px;
    padding-left: 13%;
    padding-right: 13%;
  }

  .img2-m {
    width: 70%;
  }

  .hilang {
    display: none;
  }
}

@media screen and (max-width: 445px) {
  .pk-1 {
    padding-left: 100px;
    padding-right: 100px;
  }
}