/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.rounded-lg {
  border-radius: 1rem !important;
}

.text-small {
  font-size: 0.9rem !important;
}

.custom-separator {
  width: 5rem;
  height: 6px;
  border-radius: 1rem;
}

.text-uppercase {
  letter-spacing: 0.2em;
}

/*
  *
  * ==========================================
  * FOR DEMO PURPOSES
  * ==========================================
  *
  */

body {
  color: #514B64;
  min-height: 100vh;
}



.plan-switch {
  width: 180px;
  border-radius: 20px;
  height: 40px;
  border: 1px solid lightgray;
  background-color: #355EFC;
  margin: auto;
  padding: 0;
}

.plan-switch button {
  width: 89px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  height: 39px;
  background-color: transparent;  
  border: none;
  color: white;
}

.plan-switch button.active {
  border-radius: 20px;
  background: white;
  color: black;
}