@charset "UTF-8";
/* ocean blue */
/* navy blue  */
/* sky blue   */
/* gold       */
/* bg-newsletter */
/* bg-copyright  */
/* bg-body       */
/* #0078ff */
/* #00dffa */
/* #00223e */
/* #e9ecef - subtle UI elements */
/* #adb5bd - muted text, placeholders */
/* #495057 - secondary text */
/* Linear */
:root {
  --primary: #0078ff;
  --secondary: #00223e;
  --success: #219653;
  --danger: #d7141a;
  --warning: #ffc107;
  --info: #00dffa;
  --light: #f8f9fa;
  --dark: #343a40;
  --gold: #b08e43;
  --primary-2: #b08e43;
  --bg-newsletter: #136dd2;
  --bg-copyright: #00192d;
  --gray-1: #333333;
  --green-1: #008f6e;
  --green-2: #1b7e6e;
  --light-blue: #e6f2ff;
  --brand-primary: var(--ocean-500);
  --gold-100: #efe8d9;
  --gold-200: #dfd2b4;
  --gold-300: #d0bb8e;
  --gold-400: #c0a569;
  --gold-500: #b08e43;
  --gold-600: #8d7236;
  --gold-700: #6a5528;
  --gold-800: #46391b;
  --gold-900: #231c0d;
  --ocean-100: #cce4ff;
  --ocean-200: #99c9ff;
  --ocean-300: #66aeff;
  --ocean-400: #3393ff;
  --ocean-500: #0078ff;
  --ocean-600: #0060cc;
  --ocean-700: #004899;
  --ocean-800: #003066;
  --ocean-900: #001833;
  --navy-100: #ccd3d8;
  --navy-200: #99a7b2;
  --navy-300: #667a8b;
  --navy-400: #334e65;
  --navy-500: #00223e;
  --navy-600: #001b32;
  --navy-700: #001425;
  --navy-800: #000e19;
  --navy-900: #00070c;
  --sky-100: #ccf9fe;
  --sky-200: #99f2fd;
  --sky-300: #66ecfc;
  --sky-400: #33e5fb;
  --sky-500: #00dffa;
  --sky-600: #00b2c8;
  --sky-700: #008696;
  --sky-800: #005964;
  --sky-900: #002d32;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --cm-primary: #33be79;
  --cm-secondary: #6c757d;
  --cm-success: #28a745;
  --cm-danger: #dc3545;
  --cm-warning: #ffc107;
  --cm-info: #17a2b8;
  --cm-light: #e9ecef;
  --cm-dark: #343a40;
  --cm-gold: #b08e43;
  --better-primary: #0078ff;
  --better-secondary: #00223e;
  --better-success: #219653;
  --better-danger: #d7141a;
  --better-warning: #ffc107;
  --better-info: #00dffa;
  --better-light: #e9ecef;
  --better-dark: #343a40;
  --better-gold: #b08e43;
  --better-newsletter: #136dd2;
  --better-copyright: #00192d;
  --better-gray-1: #333;
  --better-green-1: #219653;
  --better-green-2: #1b7e6e;
  --better-light-blue: #e6f2ff;
  --better-white: #FFFFFF;
  --better-black: #000000;
  --better-brand-primary: #D0FB2A;
}

:root {
  --brand-primary: var(--ocean-500); /* #0078ff */
  --brand-secondary: var(--sky-500); /* #00dffa */
  --brand-dark-navy: var(--navy-500); /* #00223e */
  --brand-deep-navy: #00192d;
  --brand-gray-light: var(--gray-200); /* #e9ecef - subtle UI elements */
  --brand-gray-mid: var(--gray-500); /* #adb5bd - muted text, placeholders */
  --brand-gray-dark: var(--gray-700); /* #495057 - secondary text */
  --brand-success: #219653;
  --brand-danger: #d7141a;
  --brand-green: #219653;
  --brand-red: #d7141a;
  --gradient-brand-primary: linear-gradient(180deg, var(--brand-secondary) 0%, var(--brand-primary) 100%);
  --brand-light-blue-cm: #0078ff;
  --brand-dakr-blue-cm: #00223e;
  --brand-white: #ffffff;
  --brand-newsletter: #136dd2;
  --brand-copyright: #00192d;
  --brand-light-blue: #E6F2FF;
  --container-gap: 2rem;
  --rd-color-white: #FFFFFF;
  --rd-color-black: #000000;
  --rd-color-gray-1: #333333;
  --rd-color-green-1: #008F6E;
  --rd-color-green-2: #1B7E6E;
  --better-mid-blue-rgb: 0, 120, 255;
  --text-secondary: #6c757d;
  --better-white: #FFFFFF;
  --better-black: #000000;
  --better-green-1: #219653;
  --brand-mid-blue: #0078ff;
  --brand-dark-blue: #00223e;
  --brand-bg-newsletter: #136dd2;
  --brand-bg-copyright: #00192d;
  --brand-gradient-primary: linear-gradient(180deg, var(--brand-secondary) 0%, var(--brand-primary) 100%);
}

body {
  font-family: "Nunito Sans", sans-serif;
  background-color: var(--light-blue);
  color: #343a40;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ** Bootstrap 4.6 Defaults: ** */
/* - H1 = 2.5rem (40px) - recommended range: 32px to 40px */
/* - H2 = 2rem (32px) - recommended range: 28px+ */
/* - H3 = 1.75rem (28px) - recommended range: 24px+ */
/* - H4 = 1.5rem (24px) - recommended range: 20px+ */
/* - H5 = 1.25rem (20px) - recommended range: 18px+ */
/* - H6 = 1rem (16px) - recommended range: 14px+ */
/* ** Standard Web Typography: ** */
/* - H1 is the largest (typically 32-40px) */
/* - H2 is medium-large (typically 24-28px) */
/* - H3 is medium (typically 20-24px) */
/* - H4 would be ~18-20px */
/* - H5 would be ~16-18px */
/* - H6 would be ~14-16px */
/*.display-1::before, h1::before, h2::before, h3::before, h4::before,*/
/*.title::before, .paragraph::before {*/
/*    font-size: 1rem; vertical-align: middle; }*/
/*.display-1::before { content: "✅D1 "; }*/
/*h1::before { content: "✅H1 "; }*/
/*h2::before { content: "✅H2 "; }*/
/*h3::before { content: "✅H3 "; }*/
/*h4::before { content: "✅H4 "; }*/
/*p::before { content: "✅P "; }*/
/*.title::before { content: "✅T "; }*/
#spots {
  font-size: 15px !important;
  font-weight: 400 !important;
}

.navbar .navbar-nav-intl .nav-link {
  font-size: 15px;
  font-weight: 400;
}

/* ==============================
   MOBILE (default <768px)
   ============================== */
p {
  font-size: 15px;
  font-weight: 400;
}

.title {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em; /* 12% of font size */
}

/* ==============================
   TABLET (≥768px) MD + LG
   ============================== */
@media (min-width: 768px) {
  p {
    font-size: 15px;
  }
  .title {
    font-size: 15px;
    letter-spacing: 0.15em; /* 15% of font size */
  }
}
/* ==============================
   DESKTOP XL (≥1200px)
   ============================== */
@media (min-width: 1200px) {
  p {
    font-size: 16px;
  }
  #hero p {
    font-size: 20px;
  }
  #offer p {
    font-size: 16px;
  }
  .title {
    font-size: 18px;
    letter-spacing: 0.15em; /* 15% of font size */
  }
}
.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

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

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/* TODO: PX-TO-REM (change to SASS function) */
:root {
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-14: 0.875rem;
  --size-15: 0.9375rem;
  --size-16: 1rem;
  --size-17: 1.0625rem;
  --size-18: 1.125rem;
  --size-19: 1.1875rem;
  --size-20: 1.25rem;
  --size-22: 1.375rem;
  --size-24: 1.5rem;
  --size-28: 1.75rem;
  --size-32: 2rem;
  --size-36: 2.25rem;
  --size-40: 2.5rem;
  --size-48: 3rem;
  --size-52: 3.25rem;
  --size-56: 3.5rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-80: 5rem;
  --size-96: 6rem;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4,
.display-1 {
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 1rem;
}

.display-1 {
  font-size: 2rem;
}

h1, .h1 {
  font-size: 2.25rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

@media (min-width: 576px) {
  .display-1 {
    font-size: 2.75rem;
  }
  h1, .h1 {
    font-size: 2.5rem;
  }
  h2, .h2 {
    font-size: 2.25rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .display-1 {
    font-size: 2.75rem;
  }
  h1, .h1 {
    font-size: 2.5rem;
  }
  h2, .h2 {
    font-size: 2.25rem;
  }
  h3, .h3 {
    font-size: 1.75rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
}
@media (min-width: 992px) {
  .display-1 {
    font-size: 3.25rem;
  }
  h1, .h1 {
    font-size: 2.75rem;
  }
  h2, .h2 {
    font-size: 2.375rem;
  }
  h3, .h3 {
    font-size: 1.875rem;
  }
  h4, .h4 {
    font-size: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 4rem;
  }
  h1, .h1 {
    font-size: 3.25rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 2rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
}
.btn-primary,
.btn-secondary {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.01em;
}

.btn-link {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle1 {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.body-15 {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
}

.body-15-italic {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  font-style: italic;
}

.body-15-semibold {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.6;
}

.body-15-bold {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.6;
}

.body-16 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.body-16-italic {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  font-style: italic;
}

.body-16-semibold {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
}

.body-16-bold {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
}

.body-18 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55;
}

.body-18-semibold {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.55;
}

.body-18-bold {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55;
}

.body-20 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
}

.body-20-semibold {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.body-20-bold {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.bg-cm-primary {
  background-color: var(--cm-primary) !important;
}

.bg-cm-secondary {
  background-color: var(--cm-secondary) !important;
}

.bg-cm-success {
  background-color: var(--cm-success) !important;
}

.bg-cm-danger {
  background-color: var(--cm-danger) !important;
}

.bg-cm-warning {
  background-color: var(--cm-warning) !important;
}

.bg-cm-info {
  background-color: var(--cm-info) !important;
}

.bg-cm-light {
  background-color: var(--cm-light) !important;
}

.bg-cm-dark {
  background-color: var(--cm-dark) !important;
}

.bg-cm-gold {
  background-color: var(--cm-gold) !important;
}

.bg-better-primary {
  background-color: var(--better-primary) !important;
}

.bg-better-secondary {
  background-color: var(--better-secondary) !important;
}

.bg-better-success {
  background-color: var(--better-success) !important;
}

.bg-better-danger {
  background-color: var(--better-danger) !important;
}

.bg-better-warning {
  background-color: var(--better-warning) !important;
}

.bg-better-info {
  background-color: var(--better-info) !important;
}

.bg-better-light {
  background-color: var(--better-light) !important;
}

.bg-better-dark {
  background-color: var(--better-dark) !important;
}

.bg-better-gold {
  background-color: var(--better-gold) !important;
}

.bg-better-newsletter {
  background-color: var(--better-newsletter) !important;
}

.bg-better-copyright {
  background-color: var(--better-copyright) !important;
}

.bg-better-gray-1 {
  background-color: var(--better-gray-1) !important;
}

.bg-better-green-1 {
  background-color: var(--better-green-1) !important;
}

.bg-better-green-2 {
  background-color: var(--better-green-2) !important;
}

.bg-better-light-blue {
  background-color: var(--better-light-blue) !important;
}

.bg-better-white {
  background-color: var(--better-white) !important;
}

.bg-better-black {
  background-color: var(--better-black) !important;
}

.bg-better-brand-primary {
  background-color: var(--better-brand-primary) !important;
}

.text-dark-navy {
  color: var(--brand-dark-navy) !important;
}

.bg-dark-blue-cm {
  background-color: var(--brand-dakr-blue-cm) !important;
}

.bg-dark-navy {
  background-color: var(--brand-dark-navy) !important;
}

.bg-newsletter {
  background-color: var(--brand-newsletter) !important;
}

.bg-copyright {
  background-color: var(--brand-copyright) !important;
}

.bg-light-blue {
  background-color: var(--brand-light-blue) !important;
}

.feature-box {
  border: 1px solid var(--brand-newsletter) !important;
}

.text-muted {
  color: var(--gray-600) !important;
}

.text-dark-navy {
  color: var(--brand-dark-navy) !important;
}

.bg-dark-navy {
  background-color: var(--brand-dark-navy) !important;
}

.bg-user-search {
  background-color: var(--brand-dark-blue) !important;
}

.bg-newsletter {
  background-color: var(--brand-bg-newsletter) !important;
}

.bg-links {
  background-color: var(--brand-dark-blue) !important;
}

.bg-hero {
  background-color: var(--brand-mid-blue) !important;
}

.bg-light-cm {
  background-color: var(--brand-white) !important;
}

.text-dark-cm {
  color: var(--brand-dark-blue) !important;
}

.text-light-cm {
  color: var(--brand-white) !important;
}

.semibold-16 {
  font-size: 16px !important;
  font-weight: 600;
} /* 600 */
.spots-section .spot-up {
  color: var(--better-success);
}
.spots-section .spot-down {
  color: var(--better-danger);
}
.spots-section .divider {
  margin: 0 0.125rem;
}
.spots-section .coin-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: var(--white);
  border: 1px solid var(--gray-100);
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
}
.spots-section .coin-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

.links-section {
  color: #ffffff;
  background-color: #00223e;
}
.social-icon i {
  font-size: 1.25rem; /* replace fa-xl */
}

.partners-grid, .eu-funds {
  max-width: 390px;
}

.copyright-section {
  background-color: #00192d;
  height: 66px;
}

:root {
  --primary: #0078ff;
  --primary-hover: #0060cc;
  --primary-active: #004899;
  --primary-focus: #0060cc;
  --primary-disabled: rgb(191.25, 221.25, 255);
  --secondary: #00223e;
  --secondary-hover: rgb(0, 27.2, 49.6);
  --secondary-active: rgb(0, 20.4, 37.2);
  --secondary-focus: rgb(0, 27.2, 49.6);
  --secondary-disabled: rgb(191.25, 199.75, 206.75);
  --success: #219653;
  --success-hover: rgb(26.4, 120, 66.4);
  --success-active: rgb(19.8, 90, 49.8);
  --success-focus: rgb(26.4, 120, 66.4);
  --success-disabled: rgb(199.5, 228.75, 212);
  --danger: #d7141a;
  --danger-hover: rgb(172, 16, 20.8);
  --danger-active: rgb(129, 12, 15.6);
  --danger-focus: rgb(172, 16, 20.8);
  --danger-disabled: rgb(245, 196.25, 197.75);
  --warning: #ffc107;
  --warning-hover: rgb(204, 154.4, 5.6);
  --warning-active: rgb(153, 115.8, 4.2);
  --warning-focus: rgb(204, 154.4, 5.6);
  --warning-disabled: rgb(255, 239.5, 193);
  --info: #00dffa;
  --info-hover: rgb(0, 178.4, 200);
  --info-active: rgb(0, 133.8, 150);
  --info-focus: rgb(0, 178.4, 200);
  --info-disabled: rgb(191.25, 247, 253.75);
  --light: #e9ecef;
  --light-hover: rgb(186.4, 188.8, 191.2);
  --light-active: rgb(139.8, 141.6, 143.4);
  --light-focus: rgb(186.4, 188.8, 191.2);
  --light-disabled: rgb(249.5, 250.25, 251);
  --dark: #343a40;
  --dark-hover: rgb(41.6, 46.4, 51.2);
  --dark-active: rgb(31.2, 34.8, 38.4);
  --dark-focus: rgb(41.6, 46.4, 51.2);
  --dark-disabled: rgb(204.25, 205.75, 207.25);
  --gold: #b08e43;
  --gold-hover: rgb(140.8, 113.6, 53.6);
  --gold-active: rgb(105.6, 85.2, 40.2);
  --gold-focus: rgb(140.8, 113.6, 53.6);
  --gold-disabled: rgb(235.25, 226.75, 208);
  --primary-2: #b08e43;
  --primary-2-hover: rgb(140.8, 113.6, 53.6);
  --primary-2-active: rgb(105.6, 85.2, 40.2);
  --primary-2-focus: rgb(140.8, 113.6, 53.6);
  --primary-2-disabled: rgb(235.25, 226.75, 208);
  --light: #e9ecef;
  --light-hover: #dee2e6;
  --light-active: #ced4da;
  --light-focus: #dee2e6;
  --light-disabled: #f8f9fa;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2rem;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  outline: 0;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.btn-lg {
  padding: 0.5rem 1.5rem;
  font-size: 1.125rem;
}
.btn:disabled, .btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

/* ── Solid Buttons */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: #fff;
}

.btn-primary:focus {
  background-color: var(--primary-focus);
  border-color: var(--primary-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(0, 120, 255, 0.25);
}

.btn-primary:active,
.btn-primary.active {
  background-color: var(--primary-active);
  border-color: var(--primary-active);
  color: #fff;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--primary-disabled);
  border-color: var(--primary-disabled);
  color: #fff;
}

.btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #fff;
}

.btn-secondary:hover {
  background-color: var(--secondary-hover);
  border-color: var(--secondary-hover);
  color: #fff;
}

.btn-secondary:focus {
  background-color: var(--secondary-focus);
  border-color: var(--secondary-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(0, 34, 62, 0.25);
}

.btn-secondary:active,
.btn-secondary.active {
  background-color: var(--secondary-active);
  border-color: var(--secondary-active);
  color: #fff;
}

.btn-secondary:disabled,
.btn-secondary.disabled {
  background-color: var(--secondary-disabled);
  border-color: var(--secondary-disabled);
  color: #fff;
}

.btn-success {
  background-color: var(--success);
  border-color: var(--success);
  color: #fff;
}

.btn-success:hover {
  background-color: var(--success-hover);
  border-color: var(--success-hover);
  color: #fff;
}

.btn-success:focus {
  background-color: var(--success-focus);
  border-color: var(--success-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(33, 150, 83, 0.25);
}

.btn-success:active,
.btn-success.active {
  background-color: var(--success-active);
  border-color: var(--success-active);
  color: #fff;
}

.btn-success:disabled,
.btn-success.disabled {
  background-color: var(--success-disabled);
  border-color: var(--success-disabled);
  color: #fff;
}

.btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: #fff;
}

.btn-danger:hover {
  background-color: var(--danger-hover);
  border-color: var(--danger-hover);
  color: #fff;
}

.btn-danger:focus {
  background-color: var(--danger-focus);
  border-color: var(--danger-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(215, 20, 26, 0.25);
}

.btn-danger:active,
.btn-danger.active {
  background-color: var(--danger-active);
  border-color: var(--danger-active);
  color: #fff;
}

.btn-danger:disabled,
.btn-danger.disabled {
  background-color: var(--danger-disabled);
  border-color: var(--danger-disabled);
  color: #fff;
}

.btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: #343a40;
}

.btn-warning:hover {
  background-color: var(--warning-hover);
  border-color: var(--warning-hover);
  color: #343a40;
}

.btn-warning:focus {
  background-color: var(--warning-focus);
  border-color: var(--warning-focus);
  color: #343a40;
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}

.btn-warning:active,
.btn-warning.active {
  background-color: var(--warning-active);
  border-color: var(--warning-active);
  color: #343a40;
}

.btn-warning:disabled,
.btn-warning.disabled {
  background-color: var(--warning-disabled);
  border-color: var(--warning-disabled);
  color: #343a40;
}

.btn-info {
  background-color: var(--info);
  border-color: var(--info);
  color: #00223e;
}

.btn-info:hover {
  background-color: var(--info-hover);
  border-color: var(--info-hover);
  color: #00223e;
}

.btn-info:focus {
  background-color: var(--info-focus);
  border-color: var(--info-focus);
  color: #00223e;
  box-shadow: 0 0 0 0.25rem rgba(0, 223, 250, 0.25);
}

.btn-info:active,
.btn-info.active {
  background-color: var(--info-active);
  border-color: var(--info-active);
  color: #fff;
}

.btn-info:disabled,
.btn-info.disabled {
  background-color: var(--info-disabled);
  border-color: var(--info-disabled);
  color: #00223e;
}

.btn-light {
  background-color: var(--light);
  border-color: var(--light);
  color: #343a40;
}

.btn-light:hover {
  background-color: var(--light-hover);
  border-color: var(--light-hover);
  color: #343a40;
}

.btn-light:focus {
  background-color: var(--light-focus);
  border-color: var(--light-focus);
  color: #343a40;
  box-shadow: 0 0 0 0.25rem rgba(233, 236, 239, 0.5);
}

.btn-light:active,
.btn-light.active {
  background-color: var(--light-active);
  border-color: var(--light-active);
  color: #343a40;
}

.btn-light:disabled,
.btn-light.disabled {
  background-color: var(--light-disabled);
  border-color: var(--light-disabled);
  color: #343a40;
}

.btn-dark {
  background-color: var(--dark);
  border-color: var(--dark);
  color: #fff;
}

.btn-dark:hover {
  background-color: var(--dark-hover);
  border-color: var(--dark-hover);
  color: #fff;
}

.btn-dark:focus {
  background-color: var(--dark-focus);
  border-color: var(--dark-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(52, 58, 64, 0.25);
}

.btn-dark:active,
.btn-dark.active {
  background-color: var(--dark-active);
  border-color: var(--dark-active);
  color: #fff;
}

.btn-dark:disabled,
.btn-dark.disabled {
  background-color: var(--dark-disabled);
  border-color: var(--dark-disabled);
  color: #fff;
}

.btn-gold {
  background-color: var(--gold);
  border-color: var(--gold);
  color: #fff;
}

.btn-gold:hover {
  background-color: var(--gold-hover);
  border-color: var(--gold-hover);
  color: #fff;
}

.btn-gold:focus {
  background-color: var(--gold-focus);
  border-color: var(--gold-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(176, 142, 67, 0.25);
}

.btn-gold:active,
.btn-gold.active {
  background-color: var(--gold-active);
  border-color: var(--gold-active);
  color: #fff;
}

.btn-gold:disabled,
.btn-gold.disabled {
  background-color: var(--gold-disabled);
  border-color: var(--gold-disabled);
  color: #fff;
}

.btn-primary-2 {
  background-color: var(--gold);
  border-color: var(--gold);
  color: #fff;
}

.btn-primary-2:hover {
  background-color: var(--gold-hover);
  border-color: var(--gold-hover);
  color: #fff;
}

.btn-primary-2:focus {
  background-color: var(--gold-focus);
  border-color: var(--gold-focus);
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(176, 142, 67, 0.25);
}

.btn-primary-2:active,
.btn-primary-2.active {
  background-color: var(--gold-active);
  border-color: var(--gold-active);
  color: #fff;
}

.btn-primary-2:disabled,
.btn-primary-2.disabled {
  background-color: var(--gold-disabled);
  border-color: var(--gold-disabled);
  color: #fff;
}

/* ── Outline Buttons */
.btn-outline-primary {
  background-color: #fff;
  border-color: var(--primary);
  color: #0078ff;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.btn-outline-primary:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(0, 120, 255, 0.25);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  background-color: #fff;
  border-color: var(--primary-disabled);
  color: var(--primary-disabled);
}

.btn-outline-secondary {
  background-color: #fff;
  border-color: var(--secondary);
  color: #00223e;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #fff;
}

.btn-outline-secondary:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-secondary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(0, 34, 62, 0.25);
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  background-color: #fff;
  border-color: var(--secondary-disabled);
  color: var(--secondary-disabled);
}

.btn-outline-success {
  background-color: #fff;
  border-color: var(--success);
  color: #219653;
}

.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success.active {
  background-color: var(--success);
  border-color: var(--success);
  color: #fff;
}

.btn-outline-success:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-success:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(33, 150, 83, 0.25);
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
  background-color: #fff;
  border-color: var(--success-disabled);
  color: var(--success-disabled);
}

.btn-outline-danger {
  background-color: #fff;
  border-color: var(--danger);
  color: #d7141a;
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger.active {
  background-color: var(--danger);
  border-color: var(--danger);
  color: #fff;
}

.btn-outline-danger:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-danger:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(215, 20, 26, 0.25);
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
  background-color: #fff;
  border-color: var(--danger-disabled);
  color: var(--danger-disabled);
}

.btn-outline-warning {
  background-color: #fff;
  border-color: var(--warning);
  color: #343a40;
}

.btn-outline-warning:hover,
.btn-outline-warning:active,
.btn-outline-warning.active {
  background-color: var(--warning);
  border-color: var(--warning);
  color: #343a40;
}

.btn-outline-warning:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-warning:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25);
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
  background-color: #fff;
  border-color: var(--warning-disabled);
  color: #adb5bd;
}

.btn-outline-info {
  background-color: #fff;
  border-color: var(--info);
  color: #00223e;
}

.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info.active {
  background-color: var(--info);
  border-color: var(--info);
  color: #00223e;
}

.btn-outline-info:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-info:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(0, 223, 250, 0.25);
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
  background-color: #fff;
  border-color: var(--info-disabled);
  color: #adb5bd;
}

.btn-outline-light {
  background-color: #fff;
  border-color: var(--light);
  color: #6c757d;
}

.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light.active {
  background-color: var(--light);
  border-color: var(--light);
  color: #343a40;
}

.btn-outline-light:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-light:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(233, 236, 239, 0.5);
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
  background-color: #fff;
  border-color: var(--light-disabled);
  color: #adb5bd;
}

.btn-outline-dark {
  background-color: #fff;
  border-color: var(--dark);
  color: #343a40;
}

.btn-outline-dark:hover,
.btn-outline-dark:active,
.btn-outline-dark.active {
  background-color: var(--dark);
  border-color: var(--dark);
  color: #fff;
}

.btn-outline-dark:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-dark:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(52, 58, 64, 0.25);
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
  background-color: #fff;
  border-color: var(--dark-disabled);
  color: var(--dark-disabled);
}

.btn-outline-gold {
  background-color: #fff;
  border-color: var(--gold);
  color: #b08e43;
}

.btn-outline-gold:hover,
.btn-outline-gold:active,
.btn-outline-gold.active {
  background-color: var(--gold);
  border-color: var(--gold);
  color: #fff;
}

.btn-outline-gold:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-gold:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(176, 142, 67, 0.25);
}

.btn-outline-gold:disabled,
.btn-outline-gold.disabled {
  background-color: #fff;
  border-color: var(--gold-disabled);
  color: var(--gold-disabled);
}

.btn-outline-primary-2 {
  background-color: #fff;
  border-color: var(--gold);
  color: #b08e43;
}

.btn-outline-primary-2:hover,
.btn-outline-primary-2:active,
.btn-outline-primary-2.active {
  background-color: var(--gold);
  border-color: var(--gold);
  color: #fff;
}

.btn-outline-primary-2:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.btn-outline-primary-2:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(176, 142, 67, 0.25);
}

.btn-outline-primary-2:disabled,
.btn-outline-primary-2.disabled {
  background-color: #fff;
  border-color: var(--gold-disabled);
  color: var(--gold-disabled);
}

/* ── Utility Classes */
.bg-primary {
  background-color: var(--primary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.border-primary {
  border-color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.border-secondary {
  border-color: var(--secondary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.text-success {
  color: var(--success) !important;
}

.border-success {
  border-color: var(--success) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.border-danger {
  border-color: var(--danger) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.border-warning {
  border-color: var(--warning) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

.text-info {
  color: var(--info) !important;
}

.border-info {
  border-color: var(--info) !important;
}

.bg-light {
  background-color: var(--light) !important;
}

.text-light {
  color: var(--light) !important;
}

.border-light {
  border-color: var(--light) !important;
}

.bg-dark {
  background-color: var(--dark) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.border-dark {
  border-color: var(--dark) !important;
}

.bg-gold {
  background-color: var(--gold) !important;
}

.text-gold {
  color: var(--gold) !important;
}

.border-gold {
  border-color: var(--gold) !important;
}

.bg-primary-2 {
  background-color: var(--gold) !important;
}

.text-primary-2 {
  color: var(--gold) !important;
}

.border-primary-2 {
  border-color: var(--gold) !important;
}

/* ── Alerts */
.alert {
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}

.alert-primary {
  background-color: var(--primary-disabled);
  border-color: var(--primary);
  color: var(--primary-active);
}

.alert-secondary {
  background-color: var(--secondary-disabled);
  border-color: var(--secondary);
  color: var(--secondary-active);
}

.alert-success {
  background-color: var(--success-disabled);
  border-color: var(--success);
  color: var(--success-active);
}

.alert-danger {
  background-color: var(--danger-disabled);
  border-color: var(--danger);
  color: var(--danger-active);
}

.alert-warning {
  background-color: var(--warning-disabled);
  border-color: var(--warning);
  color: var(--warning-active);
}

.alert-info {
  background-color: var(--info-disabled);
  border-color: var(--info);
  color: var(--info-active);
}

.alert-dark {
  background-color: var(--dark-disabled);
  border-color: var(--dark);
  color: var(--dark-active);
}

.alert-gold {
  background-color: var(--gold-disabled);
  border-color: var(--gold);
  color: var(--gold-active);
}

.alert-light {
  background-color: var(--light-disabled);
  border-color: var(--light);
  color: var(--dark);
}

.alert-primary-2 {
  background-color: var(--gold-disabled);
  border-color: var(--gold);
  color: var(--gold-active);
}

/* ── Badges */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25em 0.6em;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  border-radius: 2rem;
}

.badge-primary {
  background-color: var(--primary);
  color: #fff;
}

.badge-secondary {
  background-color: var(--secondary);
  color: #fff;
}

.badge-success {
  background-color: var(--success);
  color: #fff;
}

.badge-danger {
  background-color: var(--danger);
  color: #fff;
}

.badge-warning {
  background-color: var(--warning);
  color: #343a40;
}

.badge-info {
  background-color: var(--info);
  color: #00223e;
}

.badge-light {
  background-color: var(--light);
  color: #343a40;
}

.badge-dark {
  background-color: var(--dark);
  color: #fff;
}

.badge-gold {
  background-color: var(--gold);
  color: #fff;
}

.badge-primary-2 {
  background-color: var(--gold);
  color: #fff;
}

.breadcrumb .home {
  border: 1px solid var(--ocean-500);
  border-radius: 50%;
  padding: 0.25rem;
}

.border-rounded {
  border: 1px solid var(--ocean-100) !important;
  border-radius: 0.75rem !important;
}

.group {
  border: 1px solid var(--ocean-100) !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}

header {
  padding: 0;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  border-top: 1px solid rgba(0, 120, 255, 0.2);
}

input::placeholder, textarea::placeholder {
  color: #adb5bd !important;
  font-style: italic !important;
}

.container-fluid {
  padding: 0 !important;
  max-width: 100% !important;
}

.container {
  padding: 0.5rem !important;
  max-width: 1260px !important;
}

.container-hp {
  border: 1px solid green;
  border-inline: 8px solid green;
}

.block {
  border: 1px solid rgba(0, 120, 255, 0.5) !important;
  border-radius: 1rem !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.page-content {
  /*margin-top: 145px; !* adjust header height 36+64+37 *!*/
  margin-top: 0; /* adjust header height 36+64+37 */
}

.container-fluid {
  /* margin-top: 0 !important; */
  /* margin-bottom: 0 !important; */
  padding: 0 !important;
  max-width: 100% !important;
  /* border-inline: 8px solid rgba(220, 20, 60, 0.25); !* crimson *! */
}

.container {
  /* margin-top: 0 !important; */
  /* margin-bottom: 0 !important; */
  padding: 0.5rem !important;
  /*max-width: 1200px; !important;*/
  max-width: 1260px !important;
  /* border-inline: 1px solid rgba(0, 120, 255, 0.25); */
}

.container-hp {
  border: 1px solid green;
  border-inline: 8px solid green;
}

/* .container-fluid { padding: 0.5rem !important; } */
/* .container { padding: 0.5rem !important; } */
/* .page-content { border: 2rem solid var(--brand-mid-blue) !important; } */
/* block border, radius and shadow */
.block {
  border: 1px solid rgba(0, 120, 255, 0.5) !important;
  border-radius: 1rem !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  /* box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important; */
}

.page-content {
  /*margin-top: 145px; !* adjust header height 36+64+37 *!*/
  margin-top: 0; /* adjust header height 36+64+37 */
}

header {
  padding: 0;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  border-top: 1px solid rgba(0, 120, 255, 0.2);
}

/* vectors */
.logo-white {
  filter: brightness(0) invert(1);
}

/* images */
/*.border { border: var(--border-primary-020) !important; }*/
/*.rounded { border-radius: var(--border-radius) !important; }*/
hr {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  border-top: 1px solid rgba(0, 120, 255, 0.2);
}

input::placeholder, textarea::placeholder {
  color: #adb5bd !important;
  font-style: italic !important;
}

/*// SASS variables*/
/*$breakpoint-sm: 576px;*/
/*$breakpoint-md: 768px;*/
/*$breakpoint-lg: 992px;*/
/*$breakpoint-xl: 1200px;*/
/*$breakpoint-xxl: 1400px;*/
/* vectors */
.logo-white {
  filter: brightness(0) invert(1);
}

.logo-border {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.25rem;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  border-top: 1px solid rgba(0, 120, 255, 0.2);
}

input::placeholder, textarea::placeholder {
  color: #adb5bd !important;
  font-style: italic !important;
}

/*# sourceMappingURL=main.css.map */