body {
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  color: #606176;
  box-sizing: border-box;
}

.bg {
  background-color: #FFFCF4;
}

.navbar-brand img {
  max-height: 80px;
}

/* Gaya untuk item menu */
.navbar-nav .nav-item {
  margin: 0 10px;
}

.navbar-nav .nav-link {
  color: #606176;
  padding: 8px 0;
  position: relative;
  margin: 0;
  transition: all 0.3s ease;
}

/* Efek hover */
.navbar-nav .nav-link:hover {
  color: #F48C06;
}

/* Garis bawah saat hover */
.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #F48C06;
  transition: width 0.3s ease;
}

.navbar-nav .nav-link:hover::after {
  width: 30%;
}

/* Active state */
.navbar-nav .nav-link.active {
  color: #F48C06;
  font-weight: 600;
}

.navbar-nav .nav-link.active::after {
  width: 30%;
  background-color: #F48C06;
}

.btn-navbar-right {
  margin: 0 30px;
}

.btn-login {
  padding: 12px 0;
  background: linear-gradient(94deg, rgb(255, 148, 76) 0%, rgb(255, 168, 55) 50%, rgb(255, 206, 144) 100%);
  color: #fff;
}

header .hero-section .hero-title {
  font-family: "Sen";
  font-weight: 700;
  color: #2f327d;
}
header .hero-section .hero-desc {
  color: #1c1f35;
  font-weight: 400;
}

.highlight {
  color: #F48C06;
  font-weight: 600;
}

.about-us {
  margin: 150px auto;
}
.about-us .about-two {
  margin-top: 200px;
}
.about-us .about-two .about-items .items-title {
  font-family: "Poppins";
  font-weight: 500;
  color: #1C1F35;
}
.about-us .about-two .about-items .items-title p {
  font-size: 18px;
}
.about-us .about-two .about-items .items-title .icon-list {
  padding: 30px 20px;
  background-color: #FFDDB1;
  border-radius: 5px;
  color: #1C1F35;
}
.about-us .about-two .about-items .items-desc {
  font-weight: 400;
  font-size: 14px;
  color: #606176;
  margin-bottom: 50px;
}

.about-stats {
  margin-top: -60px;
}
.about-stats .stats-detail {
  background-color: #fff;
  border-radius: 10px;
  width: 40%;
  border: 1px solid #FFDDB1;
  padding-top: 10px;
  padding-left: 25px;
}

.section-title {
  font-family: "Sen";
  font-weight: bold;
  font-size: 38px;
  color: #2f327d;
}

.section-desc {
  font-family: "Poppins";
  font-weight: 400;
  color: #1C1F35;
  font-size: 18px;
}

.cards .cards-img {
  width: 70px;
}

.card-title {
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 600;
  color: #2F327D;
}

.card-desc {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 400;
  color: #666C89;
}

.cards-pricing .card-price {
  font-family: "Sen";
  font-weight: bold;
  font-size: 60px;
  color: #2F327D;
}
.cards-pricing hr {
  color: #606176;
}
.cards-pricing .card-features .check-icon {
  background-color: #2F327D;
  color: #fff;
}
.cards-pricing .card-features p:last-child {
  font-size: 14px;
  font-weight: 400;
}

.section-testimonials {
  margin: 150px auto;
}
.section-testimonials .profile-picture {
  width: 60px;
  height: 60px;
  background-image: url(/frontend/images/profile-pic.png);
}

.blog-content .blog-items {
  background-color: #FFFCF4;
  width: 370px;
}
.blog-content .bg-article {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-footer img {
  max-height: 60px;
}
.section-footer h5 {
  font-family: "Sen";
  color: #2F327D;
}
.section-footer a {
  text-decoration: none;
  color: #606176;
  font-size: 14px;
}
.section-footer p {
  font-size: 14px;
}

.logo-login img {
  width: 150px;
}

.container-user-form {
  border-color: #F48C06;
  height: 93vh;
  width: 100%;
}
.container-user-form .input-group-text {
  color: #2F327D;
  background-color: #fff;
}
.container-user-form .form-check .form-check-input:checked {
  background-color: #1c1f35;
}
.container-user-form .forgot-pass {
  text-decoration: none;
}
.container-user-form .forgot-pass:hover {
  text-decoration: underline;
}
.container-user-form .login-section {
  max-width: 500px;
  border: 1px solid;
}
.container-user-form .register-section {
  width: 1000px;
}
.container-user-form select, .container-user-form input {
  color: #606176;
}/*# sourceMappingURL=main.css.map */

/* Pastikan kolom kiri (badge + teks) tetap satu baris kontainer */
.option-card .opsi-left { 
  flex: 1 1 auto; 
  min-width: 0;          /* KUNCI: izinkan menyusut agar teks wrap di samping badge */
  flex-wrap: nowrap;     /* jaga badge & teks tetap sejajar */
}

/* Badge tidak ikut melar */
.option-card .badge { 
  flex: 0 0 auto; 
  align-self: flex-start; 
  margin-top: 2px;
}

/* Teks opsi boleh wrap & pecah kata panjang */
.option-card .opsi-text { 
  flex: 1 1 auto; 
  min-width: 0;          /* KUNCI: supaya hanging indent rapi */
  white-space: normal; 
  overflow-wrap: anywhere;  /* aman untuk kata super panjang */
  word-break: break-word; 
  line-height: 1.6;
}

/* Poin tetap di kanan & tidak mematahkan baris */
.option-card .poin-badge { 
  white-space: nowrap; 
  align-self: flex-start; 
}