* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}
body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
:root {
  --primary-color: #6c5ce7;
  --secondary-color: #a29bfe;
  --success-color: #00b894;
  --info-color: #0984e3;
  --warning-color: #fdcb6e;
  --danger-color: #d63031;
}
.page-wrapper {
  height: 100vh;
}
.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  overflow-x: hidden;
}
.page-wrapper .page-content>div {
  padding: 30px 30px 30px 65px;
}
@media screen and ( min-width:768px ) {
  .page-wrapper.toggled .page-content {
    padding-left: 300px;
  }
}

/* ===== CARD ===== */
a,
a .card,
a.text-decoration-none:hover,
a.text-decoration-none:focus {
  text-decoration: none !important;
}
.card-custom {
  border-radius: 10px;
  border: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}
.card-custom:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.card-custom .icon {
  font-size: 2.5rem;
  opacity: 0.7;
  color: #0c2461;
}
.card-custom-background {
  background: linear-gradient(135deg, #74b9ff, #a8e6ff);
}

/* ===== BREADCUMB ===== */
.breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.breadcrumb-item {
  display: inline-flex;
  align-items: center;
}
.breadcrumb-link {
  text-decoration: none;
}
.breadcrumb-link:hover {
  text-decoration: underline;
}