* {
    font-size: 13px;
    transition: background-color 0.2s, color 0.2s;
}

body {
    font-family: Poppins, arial, roboto, sans-serif;
    min-height: 100vh !important;
}

body.dark-mode {
    background-color: #222;
    color: #fff;
}
body.dark-mode .card, body.dark-mode .text-bg-light, body.dark-mode #container {
    background-color: #333;
    color: #fff;
}

.text-deeppink {
    color: deeppink;
}

input[type="checkbox"] {
  display: none;
}

label {
  cursor: pointer;
  display: inline-block;
  width: 45px;
  height: 22px;
  background-color: transparent;
  color: #000 !important;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  border-radius: 30px;
  border: 1px solid #fff;
}

label:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: deeppink;
left: 0;
transition: transform 0.3s;
}

input:checked + label:before {
  transform: translateX(23px); /* Sesuaikan jarak transisi */
}
 #home, #about, #price {
 	display: none
 }
     .btn-pink {
        background-color: pink;
        color: white;
    }