* {
  font-family: "Roboto Mono";
  font-size: 16px;
}

body {
  background-color: #fffdfa;
}

.tabs-list,
.modal-tabs-list {
  background-color: transparent;
}

.tabs-list .tab-button {
  padding: 1rem 2rem;
  font-size: 1.125rem;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

.tabs-list .tab-active {
  background: #3f00a5;
  color: #ffffff;
  border: 5px solid #3f00a5;
}

.tab-content {
  display: none;
}

.tab-content {
  padding: 0 1.5rem;
}

.tab-content.active {
  display: block;
}

.content {
  border: 5px solid #3f00a5;
  /* height: 425px; */
}

.fs-16 {
  font-size: 16px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fw-500 {
  font-weight: 500;
}

input[name="cloud-selectors"] + label {
  color: black !important;
  border: 1px solid #ccc6b8 !important;
  border-radius: 0% !important;
}

input[name="cloud-selectors"]:checked + label {
  background-color: #3f00a5 !important;
  color: white !important;
}

.f-inter {
  font-family: inter !important;
}

.content {
  background: #f5f4f0;
}

.custom-border {
  border: 1px solid #ccc6b8;
}

.e6data-fill {
  background: #8800ff;
  color: #ffffff;
}

.get-started-btn {
  border-radius: 0px;
  background: #49f59f;
}

.get-started-btn:hover {
  background: #49f59f !important;
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

.get-started-btn:disabled {
  background: #cccccc !important;
  cursor: not-allowed !important;
}

#success-message {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.success-message-box {
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 0px;
  border-left: 4px solid #8800ff;
  font-family: 'Inter', sans-serif;
}

.w-20 {
  width: 20% !important;
}

.content option {
  font-family: inter !important;
}