/* ==========================================================
   Bootstrap 5 Modern Theme
   Load AFTER bootstrap.min.css
========================================================== */

:root {
    /* Brand Colors */
    --bs-primary: #6366F1;
    --bs-primary-rgb: 99,102,241;

    --bs-secondary: #64748B;
    --bs-secondary-rgb: 100,116,139;

    --bs-success: #1fce7d; 
    --bs-success-rgb: 16,185,129;

    --bs-info: #06B6D4;
    --bs-info-rgb: 6,182,212;

    --bs-warning: #F59E0B;
    --bs-warning-rgb: 245,158,11;

    --bs-danger: #EF4444;
    --bs-danger-rgb: 239,68,68;

    --bs-light: #F8FAFC;
    --bs-light-rgb: 248,250,252;

    --bs-light-white: #bdc7d1;
    --bs-light-white-rgb: 189,199,209;

    --bs-dark: #0F172A;
    --bs-dark-rgb: 15,23,42;

    /* Body */
    --bs-body-bg: #FFFFFF;
    --bs-body-color: #1E293B;

    /* Borders */
    --bs-border-color: #E2E8F0;

    /* Links */
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: #4F46E5;

    /* Border Radius */
    --bs-border-radius: .75rem;
    --bs-border-radius-sm: .5rem;
    --bs-border-radius-lg: 1rem;
}

/* =========================
   Typography
========================= */

/* body {
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
    font-family: Inter, "Segoe UI", Roboto, sans-serif;
} */

body {
  font-family: 'Poppins', sans-serif;
  color: var(--bs-body-color);
  background-color: #ffffff;
  /* display: flex;
  flex-direction: column;
  min-height: 100vh; */

  scroll-behavior: smooth;
  
}


/* =========================
   Buttons
========================= */

.btn {
    border-radius: .75rem;
    font-weight: 600;
    padding: .65rem 1.25rem;
    transition: all .2s ease;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.12);
}

/* =========================
   Cards
========================= */

.card {
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: 0 .5rem 1.5rem rgba(15,23,42,.06);
}

/* =========================
   Navbar
========================= */


.navbar .nav-link {
    color: #475569;
    font-weight: 500;
    transition: .2s;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--bs-primary);
}

/* =========================
   Forms
========================= */

.form-control,
.form-select {
    border-radius: .75rem;
    border-color: #CBD5E1;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgba(99,102,241,.15);
}

/* =========================
   Badges
========================= */

.badge {
    border-radius: 999px;
    padding: .45em .85em;
    font-weight: 600;
}

/* =========================
   Alerts
========================= */

.alert {
    border: 0;
    border-radius: 1rem;
}

/* =========================
   Tables
========================= */

.table {
    --bs-table-striped-bg: rgba(99,102,241,.04);
}

.table thead th {
    color: #475569;
    font-weight: 600;
}

/* =========================
   Dropdown
========================= */

.dropdown-menu {
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: 0 .75rem 2rem rgba(0,0,0,.08);
}

/* =========================
   Modals
========================= */

.modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.15);
}

/* =========================
   Pagination
========================= */

.page-link {
    color: var(--bs-primary);
    border-radius: .5rem !important;
}

.page-item.active .page-link {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* =========================
   Progress
========================= */

.progress {
    height: .75rem;
    border-radius: 999px;
}

/* =========================
   List Groups
========================= */

.list-group-item {
    border-color: var(--bs-border-color);
}

/* =========================
   Accordion
========================= */

.accordion-item {
    border-radius: 1rem;
    overflow: hidden;
}

/* =========================
   Shadows
========================= */

.shadow-sm {
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.05) !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.10) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 2rem rgba(0,0,0,.15) !important;
}


/* Primary */
.btn-primary{
    background:#6366F1;
    border-color:#6366F1;
}
.btn-primary:hover,
.btn-primary:focus{
    background:#4F46E5;
    border-color:#4F46E5;
}

/* Secondary */
.btn-secondary{
    background:#64748B;
    border-color:#64748B;
}
.btn-secondary:hover,
.btn-secondary:focus{
    background:#475569;
    border-color:#475569;
}

/* Success */
.btn-success{
    background:#10B981;
    border-color:#10B981;
}
.btn-success:hover,
.btn-success:focus{
    background:#059669;
    border-color:#059669;
}

/* Info */
.btn-info{
    background:#06B6D4;
    border-color:#06B6D4;
    color:#fff;
}
.btn-info:hover,
.btn-info:focus{
    background:#0891B2;
    border-color:#0891B2;
    color:#fff;
}

/* Warning */
.btn-warning{
    background:#F59E0B;
    border-color:#F59E0B;
    color:#fff;
}
.btn-warning:hover,
.btn-warning:focus{
    background:#D97706;
    border-color:#D97706;
    color:#fff;
}

/* Danger */
.btn-danger{
    background:#EF4444;
    border-color:#EF4444;
}
.btn-danger:hover,
.btn-danger:focus{
    background:#DC2626;
    border-color:#DC2626;
}

/* Dark */
.btn-dark{
    background:#0F172A;
    border-color:#0F172A;
}
.btn-dark:hover,
.btn-dark:focus{
    background:#020617;
    border-color:#020617;
}

/* Light */
.btn-light{
    background:#F8FAFC;
    border-color:#E2E8F0;
    color:#334155;
}
.btn-light:hover,
.btn-light:focus{
    background:#E2E8F0;
    border-color:#CBD5E1;
    color:#1E293B;
}


.light-white{
    color: var(--bs-light-white);
}