:root {  --bs-blue: #0d6efd;  --bs-indigo: #6610f2;  --bs-purple: #6f42c1;  --bs-pink: #d63384;  --bs-red: #dc3545;  --bs-orange: #fd7e14;  --bs-yellow: #fff68b;  --bs-green: #198754;  --bs-teal: #20c997;  --bs-cyan: #0dcaf0;  --bs-white: #fff;  --bs-gray: #6c757d;  --bs-gray-dark: #343a40;  --bs-gray-100: #f8f9fa;  --bs-gray-200: #e9ecef;  --bs-gray-300: #dee2e6;  --bs-gray-400: #ced4da;  --bs-gray-500: #adb5bd;  --bs-gray-600: #6c757d;  --bs-gray-700: #495057;  --bs-gray-800: #343a40;  --bs-gray-900: #212529;  --bs-primary: #fff68b;  --bs-secondary: #6c757d;  --bs-success: #198754;  --bs-info: #0dcaf0;  --bs-warning: #fff68b;  --bs-danger: #dc3545;  --bs-light: #f8f9fa;  --bs-dark: #212529;  --bs-primary-rgb: 255, 200, 0;  --bs-secondary-rgb: 108, 117, 125;  --bs-success-rgb: 25, 135, 84;  --bs-info-rgb: 13, 202, 240;  --bs-warning-rgb: 255, 200, 0;  --bs-danger-rgb: 220, 53, 69;  --bs-light-rgb: 248, 249, 250;  --bs-dark-rgb: 33, 37, 41;  --bs-white-rgb: 255, 255, 255;  --bs-black-rgb: 0, 0, 0;  --bs-body-rgb: 33, 37, 41;  --bs-gradient: linear-gradient(   180deg,   rgba(255, 255, 255, 0.15),   rgba(255, 255, 255, 0)  );  --bs-body-font-size: 1rem;  --bs-body-font-weight: 400;  --bs-body-line-height: 1.5;  --bs-body-color: #212529;  --bs-body-bg: #fff;  --navy-blue: #0e1f31;  --light-blue: #0c6eb7;  --teal: #0d6c7e;  --orange: #d97d28;  --yellow: #fef200;  --gray: #9c9ca6;  --light-bg: #e4e9ec; } @font-face {  font-family: "Neue Haas Grotesk Display Pro";  font-style: normal;  font-weight: 400;  font-display: swap;  src: local("Neue Haas Grotesk Display Pro"), url(https://fleetmobility.ca/fonts/neue-haas/NeueHaasDisplayLight.woff2) format("woff2"), url(https://fleetmobility.ca/fonts/neue-haas/NeueHaasDisplayLight.woff) format("woff"); } @font-face {  font-family: "Neue Haas Grotesk Display Pro";  font-style: normal;  font-weight: 700;  font-display: swap;  src: local("Neue Haas Grotesk Display Pro"), url(https://fleetmobility.ca/fonts/neue-haas/NeueHaasDisplayBold.woff2) format("woff2"), url(https://fleetmobility.ca/fonts/neue-haas/NeueHaasDisplayBold.woff) format("woff"); } @font-face {  font-family: "Neue Haas Grotesk Display Pro";  font-style: normal;  font-weight: 900;  font-display: swap;  src: local("Neue Haas Grotesk Display Pro"), url(https://fleetmobility.ca/fonts/neue-haas/NeueHaasDisplayBlack.woff2) format("woff2"), url(https://fleetmobility.ca/fonts/neue-haas/NeueHaasDisplayBlack.woff) format("woff"); } @font-face {  font-family: "Neue Haas Grotesk Fallback";  src: local("Arial");  size-adjust: 99.7%;  ascent-override: 82.05%;  descent-override: 18.25%;  line-gap-override: 20.06%; } *, *::before, *::after {  box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) {  :root {   scroll-behavior: smooth;  } } body {  margin: 0;  font-family: "Neue Haas Grotesk Display Pro", "Neue Haas Grotesk Fallback", Arial, sans-serif;  font-size: var(--bs-body-font-size);  font-weight: var(--bs-body-font-weight);  line-height: var(--bs-body-line-height);  color: var(--bs-body-color);  text-align: var(--bs-body-text-align);  background-color: var(--bs-body-bg);  -webkit-text-size-adjust: 100%;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr {  margin: 1rem 0;  color: inherit;  background-color: currentColor;  border: 0;  opacity: 0.25; } hr:not([size]) {  height: 1px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {  margin-top: 0;  margin-bottom: 0.5rem;  font-weight: 700;  line-height: 1.2; } h1, .h1 {  font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) {  h1,  .h1 {   font-size: 2.5rem;  } } h2, .h2 {  font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) {  h2,  .h2 {   font-size: 2rem;  } } h3, .h3 {  font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) {  h3,  .h3 {   font-size: 1.75rem;  } } h4, .h4 {  font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) {  h4,  .h4 {   font-size: 1.5rem;  } } h5, .h5 {  font-size: 1.25rem; } h6, .h6 {  font-size: 1rem; } p {  margin-top: 0;  margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] {  -webkit-text-decoration: underline dotted;  text-decoration: underline dotted;  cursor: help;  -webkit-text-decoration-skip-ink: none;  text-decoration-skip-ink: none; } address {  margin-bottom: 1rem;  font-style: normal;  line-height: inherit; } ol, ul {  padding-left: 2rem; } ol, ul, dl {  margin-top: 0;  margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol {  margin-bottom: 0; } dt {  font-weight: 700; } dd {  margin-bottom: 0.5rem;  margin-left: 0; } blockquote {  margin: 0 0 1rem; } b, strong {  font-weight: bolder; } small, .small {  font-size: 0.875em; } mark, .mark {  padding: 0.2em;  background-color: #fcf8e3; } sub, sup {  position: relative;  font-size: 0.75em;  line-height: 0;  vertical-align: baseline; } sub {  bottom: -0.25em; } sup {  top: -0.5em; } a {  color: var(--navy-blue); } a:hover {  color: var(--navy-blue); } a:not([href]):not([class]), a:not([href]):not([class]):hover {  color: inherit;  text-decoration: none; } pre, code, kbd, samp {  font-size: 1em;  direction: ltr;  unicode-bidi: bidi-override; } pre {  display: block;  margin-top: 0;  margin-bottom: 1rem;  overflow: auto;  font-size: 0.875em; } pre code {  font-size: inherit;  color: inherit;  word-break: normal; } code {  font-size: 0.875em;  color: #d63384;  word-wrap: break-word; } a > code {  color: inherit; } kbd {  padding: 0.2rem 0.4rem;  font-size: 0.875em;  color: #fff;  background-color: #212529;  border-radius: 0.2rem; } kbd kbd {  padding: 0;  font-size: 1em;  font-weight: 700; } figure {  margin: 0 0 1rem; } img, svg {  vertical-align: middle; } table {  caption-side: bottom;  border-collapse: collapse; } caption {  padding-top: 0.5rem;  padding-bottom: 0.5rem;  color: #6c757d;  text-align: left; } th {  text-align: inherit;  text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th {  border-color: inherit;  border-style: solid;  border-width: 0; } label {  display: inline-block; } button {  border-radius: 0; } button:focus:not(:focus-visible) {  outline: 0; } input, button, select, optgroup, textarea {  margin: 0;  font-size: inherit;  line-height: inherit; } button, select {  text-transform: none; } [role=button] {  cursor: pointer; } select {  word-wrap: normal; } select:disabled {  opacity: 1; } [list]::-webkit-calendar-picker-indicator {  display: none; } button, [type=button], [type=reset], [type=submit] {  -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {  cursor: pointer; } ::-moz-focus-inner {  padding: 0;  border-style: none; } textarea {  resize: vertical; } fieldset {  min-width: 0;  padding: 0;  margin: 0;  border: 0; } legend {  float: left;  width: 100%;  padding: 0;  margin-bottom: 0.5rem;  font-size: calc(1.275rem + 0.3vw);  line-height: inherit; } @media (min-width: 1200px) {  legend {   font-size: 1.5rem;  } } legend + * {  clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {  padding: 0; } ::-webkit-inner-spin-button {  height: auto; } [type=search] {  outline-offset: -2px;  -webkit-appearance: textfield; }  ::-webkit-search-decoration {  -webkit-appearance: none; } ::-webkit-color-swatch-wrapper {  padding: 0; } ::file-selector-button {  font: inherit; } ::-webkit-file-upload-button {  font: inherit;  -webkit-appearance: button; } output {  display: inline-block; } iframe {  border: 0; } summary {  display: list-item;  cursor: pointer; } progress {  vertical-align: baseline; } [hidden] {  display: none !important; } .lead {  font-size: 1.25rem;  font-weight: 300; } .display-1 {  font-size: calc(1.625rem + 4.5vw);  font-weight: 300;  line-height: 1.2; } @media (min-width: 1200px) {  .display-1 {   font-size: 5rem;  } } .display-2 {  font-size: calc(1.575rem + 3.9vw);  font-weight: 300;  line-height: 1.2; } @media (min-width: 1200px) {  .display-2 {   font-size: 4.5rem;  } } .display-3 {  font-size: calc(1.525rem + 3.3vw);  font-weight: 300;  line-height: 1.2; } @media (min-width: 1200px) {  .display-3 {   font-size: 4rem;  } } .display-4 {  font-size: calc(1.475rem + 2.7vw);  font-weight: 300;  line-height: 1.2; } @media (min-width: 1200px) {  .display-4 {   font-size: 3.5rem;  } } .display-5 {  font-size: calc(1.425rem + 2.1vw);  font-weight: 300;  line-height: 1.2; } @media (min-width: 1200px) {  .display-5 {   font-size: 3rem;  } } .display-6 {  font-size: calc(1.375rem + 1.5vw);  font-weight: 300;  line-height: 1.2; } @media (min-width: 1200px) {  .display-6 {   font-size: 2.5rem;  } } .list-unstyled {  padding-left: 0;  list-style: none; } .list-inline {  padding-left: 0;  list-style: none; } .list-inline-item {  display: inline-block; } .list-inline-item:not(:last-child) {  margin-right: 0.5rem; } .initialism {  font-size: 0.875em;  text-transform: uppercase; } .blockquote {  margin-bottom: 1rem;  font-size: 1.25rem; } .blockquote > :last-child {  margin-bottom: 0; } .blockquote-footer {  margin-top: -1rem;  margin-bottom: 1rem;  font-size: 0.875em;  color: #6c757d; } .blockquote-footer::before {  content: "— "; } .img-fluid {  margin: auto; } .map {  background: #000000 0% 0% no-repeat padding-box;  border-radius: 5px;  color: white; } .map .address {  padding: 25px;  border: 1px solid #ffffff; } .map .address h4 {  font-size: 24px;  margin-bottom: 20px; } .map .address p {  font-weight: 300;  font-size: 20px; } .map iframe {  width: 100%; } .img-thumbnail {  padding: 0.25rem;  background-color: #fff;  border: 1px solid #dee2e6;  border-radius: 0.25rem;  max-width: 100%;  height: auto; } .figure {  display: inline-block; } .figure-img {  margin-bottom: 0.5rem;  line-height: 1; } .figure-caption {  font-size: 0.875em;  color: #6c757d; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {  width: 100%;  padding-right: var(--bs-gutter-x, 0.75rem);  padding-left: var(--bs-gutter-x, 0.75rem);  margin-right: auto;  margin-left: auto; } @media (min-width: 576px) {  .container-sm,  .container {   max-width: 540px;  } } @media (min-width: 768px) {  .container-md,  .container-sm,  .container {   max-width: 720px;  } } @media (min-width: 992px) {  .container-lg,  .container-md,  .container-sm,  .container {   max-width: 960px;  } } @media (min-width: 1200px) {  .container-xl,  .container-lg,  .container-md,  .container-sm,  .container {   max-width: 1140px;  } } @media (min-width: 1400px) {  .container-xxl,  .container-xl,  .container-lg,  .container-md,  .container-sm,  .container {   max-width: 1320px;  } } .row {  --bs-gutter-x: 1.5rem;  --bs-gutter-y: 0;  display: flex;  flex-wrap: wrap;  margin-top: calc(var(--bs-gutter-y) * -1);  margin-right: calc(var(--bs-gutter-x) * -0.5);  margin-left: calc(var(--bs-gutter-x) * -0.5); } .row > * {  flex-shrink: 0;  width: 100%;  max-width: 100%;  padding-right: calc(var(--bs-gutter-x) * 0.5);  padding-left: calc(var(--bs-gutter-x) * 0.5);  margin-top: var(--bs-gutter-y); } .col {  flex: 1 0 0%; } .row-cols-auto > * {  flex: 0 0 auto;  width: auto; } .row-cols-1 > * {  flex: 0 0 auto;  width: 100%; } .row-cols-2 > * {  flex: 0 0 auto;  width: 50%; } .row-cols-3 > * {  flex: 0 0 auto;  width: 33.3333333333%; } .row-cols-4 > * {  flex: 0 0 auto;  width: 25%; } .row-cols-5 > * {  flex: 0 0 auto;  width: 20%; } .row-cols-6 > * {  flex: 0 0 auto;  width: 16.6666666667%; } .col-auto {  flex: 0 0 auto;  width: auto; } .col-1 {  flex: 0 0 auto;  width: 8.33333333%; } .col-2 {  flex: 0 0 auto;  width: 16.66666667%; } .col-3 {  flex: 0 0 auto;  width: 25%; } .col-4 {  flex: 0 0 auto;  width: 33.33333333%; } .col-5 {  flex: 0 0 auto;  width: 41.66666667%; } .col-6 {  flex: 0 0 auto;  width: 50%; } .col-7 {  flex: 0 0 auto;  width: 58.33333333%; } .col-8 {  flex: 0 0 auto;  width: 66.66666667%; } .col-9 {  flex: 0 0 auto;  width: 75%; } .col-10 {  flex: 0 0 auto;  width: 83.33333333%; } .col-11 {  flex: 0 0 auto;  width: 91.66666667%; } .col-12 {  flex: 0 0 auto;  width: 100%; } .offset-1 {  margin-left: 8.33333333%; } .offset-2 {  margin-left: 16.66666667%; } .offset-3 {  margin-left: 25%; } .offset-4 {  margin-left: 33.33333333%; } .offset-5 {  margin-left: 41.66666667%; } .offset-6 {  margin-left: 50%; } .offset-7 {  margin-left: 58.33333333%; } .offset-8 {  margin-left: 66.66666667%; } .offset-9 {  margin-left: 75%; } .offset-10 {  margin-left: 83.33333333%; } .offset-11 {  margin-left: 91.66666667%; } .g-0, .gx-0 {  --bs-gutter-x: 0; } .g-0, .gy-0 {  --bs-gutter-y: 0; } .g-1, .gx-1 {  --bs-gutter-x: 0.25rem; } .g-1, .gy-1 {  --bs-gutter-y: 0.25rem; } .g-2, .gx-2 {  --bs-gutter-x: 0.5rem; } .g-2, .gy-2 {  --bs-gutter-y: 0.5rem; } .g-3, .gx-3 {  --bs-gutter-x: 1rem; } .g-3, .gy-3 {  --bs-gutter-y: 1rem; } .g-4, .gx-4 {  --bs-gutter-x: 1.5rem; } .g-4, .gy-4 {  --bs-gutter-y: 1.5rem; } .g-5, .gx-5 {  --bs-gutter-x: 3rem; } .g-5, .gy-5 {  --bs-gutter-y: 3rem; } @media (min-width: 576px) {  .col-sm {   flex: 1 0 0%;  }  .row-cols-sm-auto > * {   flex: 0 0 auto;   width: auto;  }  .row-cols-sm-1 > * {   flex: 0 0 auto;   width: 100%;  }  .row-cols-sm-2 > * {   flex: 0 0 auto;   width: 50%;  }  .row-cols-sm-3 > * {   flex: 0 0 auto;   width: 33.3333333333%;  }  .row-cols-sm-4 > * {   flex: 0 0 auto;   width: 25%;  }  .row-cols-sm-5 > * {   flex: 0 0 auto;   width: 20%;  }  .row-cols-sm-6 > * {   flex: 0 0 auto;   width: 16.6666666667%;  }  .col-sm-auto {   flex: 0 0 auto;   width: auto;  }  .col-sm-1 {   flex: 0 0 auto;   width: 8.33333333%;  }  .col-sm-2 {   flex: 0 0 auto;   width: 16.66666667%;  }  .col-sm-3 {   flex: 0 0 auto;   width: 25%;  }  .col-sm-4 {   flex: 0 0 auto;   width: 33.33333333%;  }  .col-sm-5 {   flex: 0 0 auto;   width: 41.66666667%;  }  .col-sm-6 {   flex: 0 0 auto;   width: 50%;  }  .col-sm-7 {   flex: 0 0 auto;   width: 58.33333333%;  }  .col-sm-8 {   flex: 0 0 auto;   width: 66.66666667%;  }  .col-sm-9 {   flex: 0 0 auto;   width: 75%;  }  .col-sm-10 {   flex: 0 0 auto;   width: 83.33333333%;  }  .col-sm-11 {   flex: 0 0 auto;   width: 91.66666667%;  }  .col-sm-12 {   flex: 0 0 auto;   width: 100%;  }  .offset-sm-0 {   margin-left: 0;  }  .offset-sm-1 {   margin-left: 8.33333333%;  }  .offset-sm-2 {   margin-left: 16.66666667%;  }  .offset-sm-3 {   margin-left: 25%;  }  .offset-sm-4 {   margin-left: 33.33333333%;  }  .offset-sm-5 {   margin-left: 41.66666667%;  }  .offset-sm-6 {   margin-left: 50%;  }  .offset-sm-7 {   margin-left: 58.33333333%;  }  .offset-sm-8 {   margin-left: 66.66666667%;  }  .offset-sm-9 {   margin-left: 75%;  }  .offset-sm-10 {   margin-left: 83.33333333%;  }  .offset-sm-11 {   margin-left: 91.66666667%;  }  .g-sm-0,  .gx-sm-0 {   --bs-gutter-x: 0;  }  .g-sm-0,  .gy-sm-0 {   --bs-gutter-y: 0;  }  .g-sm-1,  .gx-sm-1 {   --bs-gutter-x: 0.25rem;  }  .g-sm-1,  .gy-sm-1 {   --bs-gutter-y: 0.25rem;  }  .g-sm-2,  .gx-sm-2 {   --bs-gutter-x: 0.5rem;  }  .g-sm-2,  .gy-sm-2 {   --bs-gutter-y: 0.5rem;  }  .g-sm-3,  .gx-sm-3 {   --bs-gutter-x: 1rem;  }  .g-sm-3,  .gy-sm-3 {   --bs-gutter-y: 1rem;  }  .g-sm-4,  .gx-sm-4 {   --bs-gutter-x: 1.5rem;  }  .g-sm-4,  .gy-sm-4 {   --bs-gutter-y: 1.5rem;  }  .g-sm-5,  .gx-sm-5 {   --bs-gutter-x: 3rem;  }  .g-sm-5,  .gy-sm-5 {   --bs-gutter-y: 3rem;  } } @media (min-width: 768px) {  .col-md {   flex: 1 0 0%;  }  .row-cols-md-auto > * {   flex: 0 0 auto;   width: auto;  }  .row-cols-md-1 > * {   flex: 0 0 auto;   width: 100%;  }  .row-cols-md-2 > * {   flex: 0 0 auto;   width: 50%;  }  .row-cols-md-3 > * {   flex: 0 0 auto;   width: 33.3333333333%;  }  .row-cols-md-4 > * {   flex: 0 0 auto;   width: 25%;  }  .row-cols-md-5 > * {   flex: 0 0 auto;   width: 20%;  }  .row-cols-md-6 > * {   flex: 0 0 auto;   width: 16.6666666667%;  }  .col-md-auto {   flex: 0 0 auto;   width: auto;  }  .col-md-1 {   flex: 0 0 auto;   width: 8.33333333%;  }  .col-md-2 {   flex: 0 0 auto;   width: 16.66666667%;  }  .col-md-3 {   flex: 0 0 auto;   width: 25%;  }  .col-md-4 {   flex: 0 0 auto;   width: 33.33333333%;  }  .col-md-5 {   flex: 0 0 auto;   width: 41.66666667%;  }  .col-md-6 {   flex: 0 0 auto;   width: 50%;  }  .col-md-7 {   flex: 0 0 auto;   width: 58.33333333%;  }  .col-md-8 {   flex: 0 0 auto;   width: 66.66666667%;  }  .col-md-9 {   flex: 0 0 auto;   width: 75%;  }  .col-md-10 {   flex: 0 0 auto;   width: 83.33333333%;  }  .col-md-11 {   flex: 0 0 auto;   width: 91.66666667%;  }  .col-md-12 {   flex: 0 0 auto;   width: 100%;  }  .offset-md-0 {   margin-left: 0;  }  .offset-md-1 {   margin-left: 8.33333333%;  }  .offset-md-2 {   margin-left: 16.66666667%;  }  .offset-md-3 {   margin-left: 25%;  }  .offset-md-4 {   margin-left: 33.33333333%;  }  .offset-md-5 {   margin-left: 41.66666667%;  }  .offset-md-6 {   margin-left: 50%;  }  .offset-md-7 {   margin-left: 58.33333333%;  }  .offset-md-8 {   margin-left: 66.66666667%;  }  .offset-md-9 {   margin-left: 75%;  }  .offset-md-10 {   margin-left: 83.33333333%;  }  .offset-md-11 {   margin-left: 91.66666667%;  }  .g-md-0,  .gx-md-0 {   --bs-gutter-x: 0;  }  .g-md-0,  .gy-md-0 {   --bs-gutter-y: 0;  }  .g-md-1,  .gx-md-1 {   --bs-gutter-x: 0.25rem;  }  .g-md-1,  .gy-md-1 {   --bs-gutter-y: 0.25rem;  }  .g-md-2,  .gx-md-2 {   --bs-gutter-x: 0.5rem;  }  .g-md-2,  .gy-md-2 {   --bs-gutter-y: 0.5rem;  }  .g-md-3,  .gx-md-3 {   --bs-gutter-x: 1rem;  }  .g-md-3,  .gy-md-3 {   --bs-gutter-y: 1rem;  }  .g-md-4,  .gx-md-4 {   --bs-gutter-x: 1.5rem;  }  .g-md-4,  .gy-md-4 {   --bs-gutter-y: 1.5rem;  }  .g-md-5,  .gx-md-5 {   --bs-gutter-x: 3rem;  }  .g-md-5,  .gy-md-5 {   --bs-gutter-y: 3rem;  } } @media (min-width: 992px) {  .col-lg {   flex: 1 0 0%;  }  .row-cols-lg-auto > * {   flex: 0 0 auto;   width: auto;  }  .row-cols-lg-1 > * {   flex: 0 0 auto;   width: 100%;  }  .row-cols-lg-2 > * {   flex: 0 0 auto;   width: 50%;  }  .row-cols-lg-3 > * {   flex: 0 0 auto;   width: 33.3333333333%;  }  .row-cols-lg-4 > * {   flex: 0 0 auto;   width: 25%;  }  .row-cols-lg-5 > * {   flex: 0 0 auto;   width: 20%;  }  .row-cols-lg-6 > * {   flex: 0 0 auto;   width: 16.6666666667%;  }  .col-lg-auto {   flex: 0 0 auto;   width: auto;  }  .col-lg-1 {   flex: 0 0 auto;   width: 8.33333333%;  }  .col-lg-2 {   flex: 0 0 auto;   width: 16.66666667%;  }  .col-lg-3 {   flex: 0 0 auto;   width: 25%;  }  .col-lg-4 {   flex: 0 0 auto;   width: 33.33333333%;  }  .col-lg-5 {   flex: 0 0 auto;   width: 41.66666667%;  }  .col-lg-6 {   flex: 0 0 auto;   width: 50%;  }  .col-lg-7 {   flex: 0 0 auto;   width: 58.33333333%;  }  .col-lg-8 {   flex: 0 0 auto;   width: 66.66666667%;  }  .col-lg-9 {   flex: 0 0 auto;   width: 75%;  }  .col-lg-10 {   flex: 0 0 auto;   width: 83.33333333%;  }  .col-lg-11 {   flex: 0 0 auto;   width: 91.66666667%;  }  .col-lg-12 {   flex: 0 0 auto;   width: 100%;  }  .offset-lg-0 {   margin-left: 0;  }  .offset-lg-1 {   margin-left: 8.33333333%;  }  .offset-lg-2 {   margin-left: 16.66666667%;  }  .offset-lg-3 {   margin-left: 25%;  }  .offset-lg-4 {   margin-left: 33.33333333%;  }  .offset-lg-5 {   margin-left: 41.66666667%;  }  .offset-lg-6 {   margin-left: 50%;  }  .offset-lg-7 {   margin-left: 58.33333333%;  }  .offset-lg-8 {   margin-left: 66.66666667%;  }  .offset-lg-9 {   margin-left: 75%;  }  .offset-lg-10 {   margin-left: 83.33333333%;  }  .offset-lg-11 {   margin-left: 91.66666667%;  }  .g-lg-0,  .gx-lg-0 {   --bs-gutter-x: 0;  }  .g-lg-0,  .gy-lg-0 {   --bs-gutter-y: 0;  }  .g-lg-1,  .gx-lg-1 {   --bs-gutter-x: 0.25rem;  }  .g-lg-1,  .gy-lg-1 {   --bs-gutter-y: 0.25rem;  }  .g-lg-2,  .gx-lg-2 {   --bs-gutter-x: 0.5rem;  }  .g-lg-2,  .gy-lg-2 {   --bs-gutter-y: 0.5rem;  }  .g-lg-3,  .gx-lg-3 {   --bs-gutter-x: 1rem;  }  .g-lg-3,  .gy-lg-3 {   --bs-gutter-y: 1rem;  }  .g-lg-4,  .gx-lg-4 {   --bs-gutter-x: 1.5rem;  }  .g-lg-4,  .gy-lg-4 {   --bs-gutter-y: 1.5rem;  }  .g-lg-5,  .gx-lg-5 {   --bs-gutter-x: 3rem;  }  .g-lg-5,  .gy-lg-5 {   --bs-gutter-y: 3rem;  } } @media (min-width: 1200px) {  .col-xl {   flex: 1 0 0%;  }  .row-cols-xl-auto > * {   flex: 0 0 auto;   width: auto;  }  .row-cols-xl-1 > * {   flex: 0 0 auto;   width: 100%;  }  .row-cols-xl-2 > * {   flex: 0 0 auto;   width: 50%;  }  .row-cols-xl-3 > * {   flex: 0 0 auto;   width: 33.3333333333%;  }  .row-cols-xl-4 > * {   flex: 0 0 auto;   width: 25%;  }  .row-cols-xl-5 > * {   flex: 0 0 auto;   width: 20%;  }  .row-cols-xl-6 > * {   flex: 0 0 auto;   width: 16.6666666667%;  }  .col-xl-auto {   flex: 0 0 auto;   width: auto;  }  .col-xl-1 {   flex: 0 0 auto;   width: 8.33333333%;  }  .col-xl-2 {   flex: 0 0 auto;   width: 16.66666667%;  }  .col-xl-3 {   flex: 0 0 auto;   width: 25%;  }  .col-xl-4 {   flex: 0 0 auto;   width: 33.33333333%;  }  .col-xl-5 {   flex: 0 0 auto;   width: 41.66666667%;  }  .col-xl-6 {   flex: 0 0 auto;   width: 50%;  }  .col-xl-7 {   flex: 0 0 auto;   width: 58.33333333%;  }  .col-xl-8 {   flex: 0 0 auto;   width: 66.66666667%;  }  .col-xl-9 {   flex: 0 0 auto;   width: 75%;  }  .col-xl-10 {   flex: 0 0 auto;   width: 83.33333333%;  }  .col-xl-11 {   flex: 0 0 auto;   width: 91.66666667%;  }  .col-xl-12 {   flex: 0 0 auto;   width: 100%;  }  .offset-xl-0 {   margin-left: 0;  }  .offset-xl-1 {   margin-left: 8.33333333%;  }  .offset-xl-2 {   margin-left: 16.66666667%;  }  .offset-xl-3 {   margin-left: 25%;  }  .offset-xl-4 {   margin-left: 33.33333333%;  }  .offset-xl-5 {   margin-left: 41.66666667%;  }  .offset-xl-6 {   margin-left: 50%;  }  .offset-xl-7 {   margin-left: 58.33333333%;  }  .offset-xl-8 {   margin-left: 66.66666667%;  }  .offset-xl-9 {   margin-left: 75%;  }  .offset-xl-10 {   margin-left: 83.33333333%;  }  .offset-xl-11 {   margin-left: 91.66666667%;  }  .g-xl-0,  .gx-xl-0 {   --bs-gutter-x: 0;  }  .g-xl-0,  .gy-xl-0 {   --bs-gutter-y: 0;  }  .g-xl-1,  .gx-xl-1 {   --bs-gutter-x: 0.25rem;  }  .g-xl-1,  .gy-xl-1 {   --bs-gutter-y: 0.25rem;  }  .g-xl-2,  .gx-xl-2 {   --bs-gutter-x: 0.5rem;  }  .g-xl-2,  .gy-xl-2 {   --bs-gutter-y: 0.5rem;  }  .g-xl-3,  .gx-xl-3 {   --bs-gutter-x: 1rem;  }  .g-xl-3,  .gy-xl-3 {   --bs-gutter-y: 1rem;  }  .g-xl-4,  .gx-xl-4 {   --bs-gutter-x: 1.5rem;  }  .g-xl-4,  .gy-xl-4 {   --bs-gutter-y: 1.5rem;  }  .g-xl-5,  .gx-xl-5 {   --bs-gutter-x: 3rem;  }  .g-xl-5,  .gy-xl-5 {   --bs-gutter-y: 3rem;  } } @media (min-width: 1400px) {  .col-xxl {   flex: 1 0 0%;  }  .row-cols-xxl-auto > * {   flex: 0 0 auto;   width: auto;  }  .row-cols-xxl-1 > * {   flex: 0 0 auto;   width: 100%;  }  .row-cols-xxl-2 > * {   flex: 0 0 auto;   width: 50%;  }  .row-cols-xxl-3 > * {   flex: 0 0 auto;   width: 33.3333333333%;  }  .row-cols-xxl-4 > * {   flex: 0 0 auto;   width: 25%;  }  .row-cols-xxl-5 > * {   flex: 0 0 auto;   width: 20%;  }  .row-cols-xxl-6 > * {   flex: 0 0 auto;   width: 16.6666666667%;  }  .col-xxl-auto {   flex: 0 0 auto;   width: auto;  }  .col-xxl-1 {   flex: 0 0 auto;   width: 8.33333333%;  }  .col-xxl-2 {   flex: 0 0 auto;   width: 16.66666667%;  }  .col-xxl-3 {   flex: 0 0 auto;   width: 25%;  }  .col-xxl-4 {   flex: 0 0 auto;   width: 33.33333333%;  }  .col-xxl-5 {   flex: 0 0 auto;   width: 41.66666667%;  }  .col-xxl-6 {   flex: 0 0 auto;   width: 50%;  }  .col-xxl-7 {   flex: 0 0 auto;   width: 58.33333333%;  }  .col-xxl-8 {   flex: 0 0 auto;   width: 66.66666667%;  }  .col-xxl-9 {   flex: 0 0 auto;   width: 75%;  }  .col-xxl-10 {   flex: 0 0 auto;   width: 83.33333333%;  }  .col-xxl-11 {   flex: 0 0 auto;   width: 91.66666667%;  }  .col-xxl-12 {   flex: 0 0 auto;   width: 100%;  }  .offset-xxl-0 {   margin-left: 0;  }  .offset-xxl-1 {   margin-left: 8.33333333%;  }  .offset-xxl-2 {   margin-left: 16.66666667%;  }  .offset-xxl-3 {   margin-left: 25%;  }  .offset-xxl-4 {   margin-left: 33.33333333%;  }  .offset-xxl-5 {   margin-left: 41.66666667%;  }  .offset-xxl-6 {   margin-left: 50%;  }  .offset-xxl-7 {   margin-left: 58.33333333%;  }  .offset-xxl-8 {   margin-left: 66.66666667%;  }  .offset-xxl-9 {   margin-left: 75%;  }  .offset-xxl-10 {   margin-left: 83.33333333%;  }  .offset-xxl-11 {   margin-left: 91.66666667%;  }  .g-xxl-0,  .gx-xxl-0 {   --bs-gutter-x: 0;  }  .g-xxl-0,  .gy-xxl-0 {   --bs-gutter-y: 0;  }  .g-xxl-1,  .gx-xxl-1 {   --bs-gutter-x: 0.25rem;  }  .g-xxl-1,  .gy-xxl-1 {   --bs-gutter-y: 0.25rem;  }  .g-xxl-2,  .gx-xxl-2 {   --bs-gutter-x: 0.5rem;  }  .g-xxl-2,  .gy-xxl-2 {   --bs-gutter-y: 0.5rem;  }  .g-xxl-3,  .gx-xxl-3 {   --bs-gutter-x: 1rem;  }  .g-xxl-3,  .gy-xxl-3 {   --bs-gutter-y: 1rem;  }  .g-xxl-4,  .gx-xxl-4 {   --bs-gutter-x: 1.5rem;  }  .g-xxl-4,  .gy-xxl-4 {   --bs-gutter-y: 1.5rem;  }  .g-xxl-5,  .gx-xxl-5 {   --bs-gutter-x: 3rem;  }  .g-xxl-5,  .gy-xxl-5 {   --bs-gutter-y: 3rem;  } } .table {  --bs-table-bg: transparent;  --bs-table-accent-bg: transparent;  --bs-table-striped-color: #212529;  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);  --bs-table-active-color: #212529;  --bs-table-active-bg: rgba(0, 0, 0, 0.1);  --bs-table-hover-color: #212529;  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);  width: 100%;  margin-bottom: 1rem;  color: #212529;  vertical-align: top;  border-color: #dee2e6; } .table > :not(caption) > * > * {  padding: 0.5rem 0.5rem;  background-color: var(--bs-table-bg);  border-bottom-width: 1px;  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody {  vertical-align: inherit; } .table > thead {  vertical-align: bottom; } .table > :not(:last-child) > :last-child > * {  border-bottom-color: currentColor; } .caption-top {  caption-side: top; } .table-sm > :not(caption) > * > * {  padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * {  border-width: 1px 0; } .table-bordered > :not(caption) > * > * {  border-width: 0 1px; } .table-borderless > :not(caption) > * > * {  border-bottom-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) {  --bs-table-accent-bg: var(--bs-table-striped-bg);  color: var(--bs-table-striped-color); } .table-active {  --bs-table-accent-bg: var(--bs-table-active-bg);  color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover {  --bs-table-accent-bg: var(--bs-table-hover-bg);  color: var(--bs-table-hover-color); } .table-primary {  --bs-table-bg: #fff4cc;  --bs-table-striped-bg: #f2e8c2;  --bs-table-striped-color: #000;  --bs-table-active-bg: #e6dcb8;  --bs-table-active-color: #000;  --bs-table-hover-bg: #ece2bd;  --bs-table-hover-color: #000;  color: #000;  border-color: #e6dcb8; } .table-secondary {  --bs-table-bg: #e2e3e5;  --bs-table-striped-bg: #d7d8da;  --bs-table-striped-color: #000;  --bs-table-active-bg: #cbccce;  --bs-table-active-color: #fff;  --bs-table-hover-bg: #d1d2d4;  --bs-table-hover-color: #fff;  color: #000;  border-color: #cbccce; } .table-success {  --bs-table-bg: #d1e7dd;  --bs-table-striped-bg: #c7dbd2;  --bs-table-striped-color: #000;  --bs-table-active-bg: #bcd0c7;  --bs-table-active-color: #fff;  --bs-table-hover-bg: #c1d6cc;  --bs-table-hover-color: #fff;  color: #000;  border-color: #bcd0c7; } .table-info {  --bs-table-bg: #cff4fc;  --bs-table-striped-bg: #c5e8ef;  --bs-table-striped-color: #000;  --bs-table-active-bg: #badce3;  --bs-table-active-color: #000;  --bs-table-hover-bg: #bfe2e9;  --bs-table-hover-color: #000;  color: #000;  border-color: #badce3; } .table-warning {  --bs-table-bg: #fff4cc;  --bs-table-striped-bg: #f2e8c2;  --bs-table-striped-color: #000;  --bs-table-active-bg: #e6dcb8;  --bs-table-active-color: #000;  --bs-table-hover-bg: #ece2bd;  --bs-table-hover-color: #000;  color: #000;  border-color: #e6dcb8; } .table-danger {  --bs-table-bg: #f8d7da;  --bs-table-striped-bg: #eccccf;  --bs-table-striped-color: #000;  --bs-table-active-bg: #dfc2c4;  --bs-table-active-color: #fff;  --bs-table-hover-bg: #e5c7ca;  --bs-table-hover-color: #fff;  color: #000;  border-color: #dfc2c4; } .table-light {  --bs-table-bg: #f8f9fa;  --bs-table-striped-bg: #ecedee;  --bs-table-striped-color: #000;  --bs-table-active-bg: #dfe0e1;  --bs-table-active-color: #000;  --bs-table-hover-bg: #e5e6e7;  --bs-table-hover-color: #000;  color: #000;  border-color: #dfe0e1; } .table-dark {  --bs-table-bg: #212529;  --bs-table-striped-bg: #2c3034;  --bs-table-striped-color: #fff;  --bs-table-active-bg: #373b3e;  --bs-table-active-color: #fff;  --bs-table-hover-bg: #323539;  --bs-table-hover-color: #fff;  color: #fff;  border-color: #373b3e; } .table-responsive {  overflow-x: auto;  -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) {  .table-responsive-sm {   overflow-x: auto;   -webkit-overflow-scrolling: touch;  } } @media (max-width: 767.98px) {  .table-responsive-md {   overflow-x: auto;   -webkit-overflow-scrolling: touch;  } } @media (max-width: 991.98px) {  .table-responsive-lg {   overflow-x: auto;   -webkit-overflow-scrolling: touch;  } } @media (max-width: 1199.98px) {  .table-responsive-xl {   overflow-x: auto;   -webkit-overflow-scrolling: touch;  } } @media (max-width: 1399.98px) {  .table-responsive-xxl {   overflow-x: auto;   -webkit-overflow-scrolling: touch;  } } .form-label {  margin-bottom: 0.5rem; } .col-form-label {  padding-top: calc(0.375rem + 1px);  padding-bottom: calc(0.375rem + 1px);  margin-bottom: 0;  font-size: inherit;  line-height: 1.5; } .col-form-label-lg {  padding-top: calc(0.5rem + 1px);  padding-bottom: calc(0.5rem + 1px);  font-size: 1.25rem; } .col-form-label-sm {  padding-top: calc(0.25rem + 1px);  padding-bottom: calc(0.25rem + 1px);  font-size: 0.875rem; } .form-text {  margin-top: 0.25rem;  font-size: 0.875em;  color: #6c757d; } .form-control {  display: block;  width: 100%;  padding: 0.375rem 0.75rem;  font-size: 1rem;  font-weight: 400;  line-height: 1.5;  color: #212529;  background-color: #fff;  background-clip: padding-box;  border: 1px solid #ced4da;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  border-radius: 0.25rem;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .form-control {   transition: none;  } } .form-control[type=file] {  overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) {  cursor: pointer; } .form-control:focus {  color: #212529;  background-color: #fff;  border-color: #ffe480;  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .form-control::-webkit-date-and-time-value {  height: 1.5em; } .form-control::-moz-placeholder {  color: #6c757d;  opacity: 1; } .form-control::placeholder {  color: #6c757d;  opacity: 1; } .form-control:disabled, .form-control[readonly] {  background-color: #e9ecef;  opacity: 1; } .form-control::file-selector-button {  padding: 0.375rem 0.75rem;  margin: -0.375rem -0.75rem;  margin-inline-end: 0.75rem;  color: #212529;  background-color: #e9ecef;  pointer-events: none;  border-color: inherit;  border-style: solid;  border-width: 0;  border-inline-end-width: 1px;  border-radius: 0;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .form-control::file-selector-button {   transition: none;  } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button {  background-color: #dde0e3; } .form-control::-webkit-file-upload-button {  padding: 0.375rem 0.75rem;  margin: -0.375rem -0.75rem;  margin-inline-end: 0.75rem;  color: #212529;  background-color: #e9ecef;  pointer-events: none;  border-color: inherit;  border-style: solid;  border-width: 0;  border-inline-end-width: 1px;  border-radius: 0;  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .form-control::-webkit-file-upload-button {   -webkit-transition: none;   transition: none;  } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {  background-color: #dde0e3; } .form-control-plaintext {  display: block;  width: 100%;  padding: 0.375rem 0;  margin-bottom: 0;  line-height: 1.5;  color: #212529;  background-color: transparent;  border: solid transparent;  border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {  padding-right: 0;  padding-left: 0; } .form-control-sm {  min-height: calc(1.5em + 0.5rem + 2px);  padding: 0.25rem 0.5rem;  font-size: 0.875rem;  border-radius: 0.2rem; } .form-control-sm::file-selector-button {  padding: 0.25rem 0.5rem;  margin: -0.25rem -0.5rem;  margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button {  padding: 0.25rem 0.5rem;  margin: -0.25rem -0.5rem;  margin-inline-end: 0.5rem; } .form-control-lg {  min-height: calc(1.5em + 1rem + 2px);  padding: 0.5rem 1rem;  font-size: 1.25rem;  border-radius: 0.3rem; } .form-control-lg::file-selector-button {  padding: 0.5rem 1rem;  margin: -0.5rem -1rem;  margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button {  padding: 0.5rem 1rem;  margin: -0.5rem -1rem;  margin-inline-end: 1rem; } textarea.form-control {  min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm {  min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg {  min-height: calc(1.5em + 1rem + 2px); } .form-control-color {  width: 3rem;  height: auto;  padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) {  cursor: pointer; } .form-control-color::-moz-color-swatch {  height: 1.5em;  border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch {  height: 1.5em;  border-radius: 0.25rem; } .form-select {  display: block;  width: 100%;  padding: 0.375rem 2.25rem 0.375rem 0.75rem;  -moz-padding-start: calc(0.75rem - 3px);  font-size: 1rem;  font-weight: 400;  line-height: 1.5;  color: #212529;  background-color: #fff;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");  background-repeat: no-repeat;  background-position: right 0.75rem center;  background-size: 16px 12px;  border: 1px solid #ced4da;  border-radius: 0.25rem;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; } @media (prefers-reduced-motion: reduce) {  .form-select {   transition: none;  } } .form-select:focus {  border-color: #ffe480;  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) {  padding-right: 0.75rem;  background-image: none; } .form-select:disabled {  background-color: #e9ecef; } .form-select:-moz-focusring {  color: transparent;  text-shadow: 0 0 0 #212529; } .form-select-sm {  padding-top: 0.25rem;  padding-bottom: 0.25rem;  padding-left: 0.5rem;  font-size: 0.875rem; } .form-select-lg {  padding-top: 0.5rem;  padding-bottom: 0.5rem;  padding-left: 1rem;  font-size: 1.25rem; } .form-check {  display: block;  min-height: 1.5rem;  padding-left: 1.5em;  margin-bottom: 0.125rem; } .form-check .form-check-input {  float: left;  margin-left: -1.5em; } .form-check-input {  width: 1em;  height: 1em;  margin-top: 0.25em;  vertical-align: top;  background-color: #fff;  background-repeat: no-repeat;  background-position: center;  background-size: contain;  border: 1px solid rgba(0, 0, 0, 0.25);  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-print-color-adjust: exact;  color-adjust: exact; } .form-check-input[type=checkbox] {  border-radius: 0.25em; } .form-check-input[type=radio] {  border-radius: 50%; } .form-check-input:active {  filter: brightness(90%); } .form-check-input:focus {  border-color: #ffe480;  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .form-check-input:checked {  background-color: #fff68b;  border-color: #fff68b; } .form-check-input:checked[type=checkbox] {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate {  background-color: #fff68b;  border-color: #fff68b;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled {  pointer-events: none;  filter: none;  opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {  opacity: 0.5; } .form-switch {  padding-left: 2.5em; } .form-switch .form-check-input {  width: 2em;  margin-left: -2.5em;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");  background-position: left center;  border-radius: 2em;  transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .form-switch .form-check-input {   transition: none;  } } .form-switch .form-check-input:focus {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffe480'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked {  background-position: right center;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline {  display: inline-block;  margin-right: 1rem; } .btn-check {  position: absolute;  clip: rect(0, 0, 0, 0);  pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn {  pointer-events: none;  filter: none;  opacity: 0.65; } .form-range {  width: 100%;  height: 1.5rem;  padding: 0;  background-color: transparent;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; } .form-range:focus {  outline: 0; } .form-range:focus::-webkit-slider-thumb {  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .form-range:focus::-moz-range-thumb {  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .form-range::-moz-focus-outer {  border: 0; } .form-range::-webkit-slider-thumb {  width: 1rem;  height: 1rem;  margin-top: -0.25rem;  background-color: #fff68b;  border: 0;  border-radius: 1rem;  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  -webkit-appearance: none;  appearance: none; } @media (prefers-reduced-motion: reduce) {  .form-range::-webkit-slider-thumb {   -webkit-transition: none;   transition: none;  } } .form-range::-webkit-slider-thumb:active {  background-color: #ffefb3; } .form-range::-webkit-slider-runnable-track {  width: 100%;  height: 0.5rem;  color: transparent;  cursor: pointer;  background-color: #dee2e6;  border-color: transparent;  border-radius: 1rem; } .form-range::-moz-range-thumb {  width: 1rem;  height: 1rem;  background-color: #fff68b;  border: 0;  border-radius: 1rem;  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  -moz-appearance: none;  appearance: none; } @media (prefers-reduced-motion: reduce) {  .form-range::-moz-range-thumb {   -moz-transition: none;   transition: none;  } } .form-range::-moz-range-thumb:active {  background-color: #ffefb3; } .form-range::-moz-range-track {  width: 100%;  height: 0.5rem;  color: transparent;  cursor: pointer;  background-color: #dee2e6;  border-color: transparent;  border-radius: 1rem; } .form-range:disabled {  pointer-events: none; } .form-range:disabled::-webkit-slider-thumb {  background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb {  background-color: #adb5bd; } .form-floating {  position: relative; } .form-floating > .form-control, .form-floating > .form-select {  height: calc(3.5rem + 2px);  line-height: 1.25; } .form-floating > label {  position: absolute;  top: 0;  left: 0;  height: 100%;  padding: 1rem 0.75rem;  pointer-events: none;  border: 1px solid transparent;  transform-origin: 0 0;  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .form-floating > label {   transition: none;  } } .form-floating > .form-control {  padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder {  color: transparent; } .form-floating > .form-control::placeholder {  color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown) {  padding-top: 1.625rem;  padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder) {  padding-top: 1.625rem;  padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {  padding-top: 1.625rem;  padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill {  padding-top: 1.625rem;  padding-bottom: 0.625rem; } .form-floating > .form-select {  padding-top: 1.625rem;  padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {  opacity: 0.65;  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-moz-placeholder) ~ label {  opacity: 0.65;  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {  opacity: 0.65;  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label {  opacity: 0.65;  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group {  position: relative;  display: flex;  flex-wrap: wrap;  align-items: stretch;  width: 100%; } .input-group > .form-control, .input-group > .form-select {  position: relative;  flex: 1 1 auto;  width: 1%;  min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus {  z-index: 3; } .input-group .btn {  position: relative;  z-index: 2; } .input-group .btn:focus {  z-index: 3; } .input-group-text {  display: flex;  align-items: center;  padding: 0.375rem 0.75rem;  font-size: 1rem;  font-weight: 400;  line-height: 1.5;  color: #212529;  text-align: center;  white-space: nowrap;  background-color: #e9ecef;  border: 1px solid #ced4da;  border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {  padding: 0.5rem 1rem;  font-size: 1.25rem;  border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {  padding: 0.25rem 0.5rem;  font-size: 0.875rem;  border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select {  padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {  border-top-right-radius: 0;  border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {  border-top-right-radius: 0;  border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {  margin-left: -1px;  border-top-left-radius: 0;  border-bottom-left-radius: 0; } .valid-feedback {  display: none;  width: 100%;  margin-top: 0.25rem;  font-size: 0.875em;  color: #198754; } .valid-tooltip {  position: absolute;  top: 100%;  z-index: 5;  display: none;  max-width: 100%;  padding: 0.25rem 0.5rem;  margin-top: 0.1rem;  font-size: 0.875rem;  color: #fff;  background-color: rgba(25, 135, 84, 0.9);  border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {  display: block; } .was-validated .form-control:valid, .form-control.is-valid {  border-color: #198754;  padding-right: calc(1.5em + 0.75rem);  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");  background-repeat: no-repeat;  background-position: right calc(0.375em + 0.1875rem) center;  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus {  border-color: #198754;  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid {  padding-right: calc(1.5em + 0.75rem);  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid {  border-color: #198754; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {  padding-right: 4.125rem;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");  background-position: right 0.75rem center, center right 2.25rem;  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus {  border-color: #198754;  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid {  border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {  background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {  color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback {  margin-left: 0.5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid {  z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus {  z-index: 3; } .invalid-feedback {  display: none;  width: 100%;  margin-top: 0.25rem;  font-size: 0.875em;  color: #dc3545; } .invalid-tooltip {  position: absolute;  top: 100%;  z-index: 5;  display: none;  max-width: 100%;  padding: 0.25rem 0.5rem;  margin-top: 0.1rem;  font-size: 0.875rem;  color: #fff;  background-color: rgba(220, 53, 69, 0.9);  border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {  display: block; } .was-validated .form-control:invalid, .form-control.is-invalid {  border-color: #dc3545;  padding-right: calc(1.5em + 0.75rem);  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");  background-repeat: no-repeat;  background-position: right calc(0.375em + 0.1875rem) center;  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {  border-color: #dc3545;  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {  padding-right: calc(1.5em + 0.75rem);  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid {  border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {  padding-right: 4.125rem;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");  background-position: right 0.75rem center, center right 2.25rem;  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {  border-color: #dc3545;  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid {  border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {  background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {  color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback {  margin-left: 0.5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid {  z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus {  z-index: 3; } .btn {  display: inline-block;  font-weight: 400;  line-height: 1.5;  color: #212529;  text-align: center;  text-decoration: none;  vertical-align: middle;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  user-select: none;  background-color: transparent;  border: 1px solid transparent;  padding: 0.375rem 0.75rem;  font-size: 1rem;  border-radius: 0.25rem;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .btn {   transition: none;  } } .btn:hover {  color: #212529; } .btn-check:focus + .btn, .btn:focus {  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .btn:disabled, .btn.disabled, fieldset:disabled .btn {  pointer-events: none;  opacity: 0.65; } .btn-primary {  background-color: #fff68b;  border-color: #fff68b; } .btn-primary:hover {  background-color: #fff68b;  border-color: #fff68b; } .btn-check:focus + .btn-primary, .btn-primary:focus {  color: #fff;  background-color: #fff68b;  border-color: #fff68b;  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {  color: #fff;  background-color: #fff68b;  border-color: #bf9600; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5); } .btn-primary:disabled, .btn-primary.disabled {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-secondary {  color: #fff;  background-color: #6c757d;  border-color: #6c757d; } .btn-secondary:hover {  color: #fff;  background-color: #5c636a;  border-color: #565e64; } .btn-check:focus + .btn-secondary, .btn-secondary:focus {  color: #fff;  background-color: #5c636a;  border-color: #565e64;  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {  color: #fff;  background-color: #565e64;  border-color: #51585e; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled {  color: #fff;  background-color: #6c757d;  border-color: #6c757d; } .btn-success {  color: #fff;  background-color: #198754;  border-color: #198754; } .btn-success:hover {  color: #fff;  background-color: #157347;  border-color: #146c43; } .btn-check:focus + .btn-success, .btn-success:focus {  color: #fff;  background-color: #157347;  border-color: #146c43;  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {  color: #fff;  background-color: #146c43;  border-color: #13653f; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-success:disabled, .btn-success.disabled {  color: #fff;  background-color: #198754;  border-color: #198754; } .btn-info {  color: #fff;  background-color: #0dcaf0;  border-color: #0dcaf0; } .btn-info:hover {  color: #fff;  background-color: #0baccc;  border-color: #0aa2c0; } .btn-check:focus + .btn-info, .btn-info:focus {  color: #fff;  background-color: #0baccc;  border-color: #0aa2c0;  box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {  color: #fff;  background-color: #0aa2c0;  border-color: #0a98b4; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5); } .btn-info:disabled, .btn-info.disabled {  color: #fff;  background-color: #0dcaf0;  border-color: #0dcaf0; } .btn-warning {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-warning:hover {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-check:focus + .btn-warning, .btn-warning:focus {  color: #fff;  background-color: #fff68b;  border-color: #fff68b;  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {  color: #fff;  background-color: #fff68b;  border-color: #bf9600; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5); } .btn-warning:disabled, .btn-warning.disabled {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-danger {  color: #fff;  background-color: #dc3545;  border-color: #dc3545; } .btn-danger:hover {  color: #fff;  background-color: #bb2d3b;  border-color: #b02a37; } .btn-check:focus + .btn-danger, .btn-danger:focus {  color: #fff;  background-color: #bb2d3b;  border-color: #b02a37;  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {  color: #fff;  background-color: #b02a37;  border-color: #a52834; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-danger:disabled, .btn-danger.disabled {  color: #fff;  background-color: #dc3545;  border-color: #dc3545; } .btn-light {  color: #000;  background-color: #f8f9fa;  border-color: #f8f9fa; } .btn-light:hover {  color: #000;  background-color: #f9fafb;  border-color: #f9fafb; } .btn-check:focus + .btn-light, .btn-light:focus {  color: #000;  background-color: #f9fafb;  border-color: #f9fafb;  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {  color: #000;  background-color: #f9fafb;  border-color: #f9fafb; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-light:disabled, .btn-light.disabled {  color: #000;  background-color: #f8f9fa;  border-color: #f8f9fa; } .btn-dark {  color: #fff;  background-color: #212529;  border-color: #212529; } .btn-dark:hover {  color: #fff;  background-color: #1c1f23;  border-color: #1a1e21; } .btn-check:focus + .btn-dark, .btn-dark:focus {  color: #fff;  background-color: #1c1f23;  border-color: #1a1e21;  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {  color: #fff;  background-color: #1a1e21;  border-color: #191c1f; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-dark:disabled, .btn-dark.disabled {  color: #fff;  background-color: #212529;  border-color: #212529; } .btn-outline-primary {  color: #fff68b;  border-color: #fff68b; } .btn-outline-primary:hover {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled {  color: #fff68b;  background-color: transparent; } .btn-outline-secondary {  color: #6c757d;  border-color: #6c757d; } .btn-outline-secondary:hover {  color: #fff;  background-color: #6c757d;  border-color: #6c757d; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {  color: #fff;  background-color: #6c757d;  border-color: #6c757d; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {  color: #6c757d;  background-color: transparent; } .btn-outline-success {  color: #198754;  border-color: #198754; } .btn-outline-success:hover {  color: #fff;  background-color: #198754;  border-color: #198754; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {  color: #fff;  background-color: #198754;  border-color: #198754; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled {  color: #198754;  background-color: transparent; } .btn-outline-info {  color: #0dcaf0;  border-color: #0dcaf0; } .btn-outline-info:hover {  color: #fff;  background-color: #0dcaf0;  border-color: #0dcaf0; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {  color: #fff;  background-color: #0dcaf0;  border-color: #0dcaf0; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled {  color: #0dcaf0;  background-color: transparent; } .btn-outline-warning {  color: #fff68b;  border-color: #fff68b; } .btn-outline-warning:hover {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled {  color: #fff68b;  background-color: transparent; } .btn-outline-danger {  color: #dc3545;  border-color: #dc3545; } .btn-outline-danger:hover {  color: #fff;  background-color: #dc3545;  border-color: #dc3545; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {  color: #fff;  background-color: #dc3545;  border-color: #dc3545; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled {  color: #dc3545;  background-color: transparent; } .btn-outline-light {  color: #f8f9fa;  border-color: #f8f9fa; } .btn-outline-light:hover {  color: #000;  background-color: #f8f9fa;  border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {  color: #000;  background-color: #f8f9fa;  border-color: #f8f9fa; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-light:disabled, .btn-outline-light.disabled {  color: #f8f9fa;  background-color: transparent; } .btn-outline-dark {  color: #212529;  border-color: #212529; } .btn-outline-dark:hover {  color: #fff;  background-color: #212529;  border-color: #212529; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {  color: #fff;  background-color: #212529;  border-color: #212529; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled {  color: #212529;  background-color: transparent; } .btn-link {  font-weight: 400;  color: #fff68b;  text-decoration: underline; } .btn-link:hover {  color: #fff68b; } .btn-link:disabled, .btn-link.disabled {  color: #6c757d; } .btn-lg, .btn-group-lg > .btn {  padding: 0.5rem 1rem;  font-size: 1.25rem;  border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn {  padding: 0.25rem 0.5rem;  font-size: 0.875rem;  border-radius: 0.2rem; } .fade {  transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) {  .fade {   transition: none;  } } .fade:not(.show) {  opacity: 0; } .collapse:not(.show) {  display: none; } .collapsing {  height: 0;  overflow: hidden;  transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) {  .collapsing {   transition: none;  } } .collapsing.collapse-horizontal {  width: 0;  height: auto;  transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) {  .collapsing.collapse-horizontal {   transition: none;  } } .dropup, .dropend, .dropdown, .dropstart {  position: relative; } .dropdown-toggle {  white-space: nowrap; } .dropdown-toggle::after {  display: inline-block;  margin-left: 0.255em;  vertical-align: 0.255em;  content: "";  border-top: 0.3em solid;  border-right: 0.3em solid transparent;  border-bottom: 0;  border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after {  margin-left: 0; } .dropdown-menu {  position: absolute;  z-index: 1000;  display: none;  min-width: 10rem;  padding: 0.5rem 0;  margin: 0;  font-size: 1rem;  color: #212529;  text-align: left;  list-style: none;  background-color: #fff;  background-clip: padding-box;  border: 1px solid rgba(0, 0, 0, 0.15);  border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] {  top: 100%;  left: 0;  margin-top: 0.125rem; } .dropdown-menu-start {  --bs-position: start; } .dropdown-menu-start[data-bs-popper] {  right: auto;  left: 0; } .dropdown-menu-end {  --bs-position: end; } .dropdown-menu-end[data-bs-popper] {  right: 0;  left: auto; } @media (min-width: 576px) {  .dropdown-menu-sm-start {   --bs-position: start;  }  .dropdown-menu-sm-start[data-bs-popper] {   right: auto;   left: 0;  }  .dropdown-menu-sm-end {   --bs-position: end;  }  .dropdown-menu-sm-end[data-bs-popper] {   right: 0;   left: auto;  } } @media (min-width: 768px) {  .dropdown-menu-md-start {   --bs-position: start;  }  .dropdown-menu-md-start[data-bs-popper] {   right: auto;   left: 0;  }  .dropdown-menu-md-end {   --bs-position: end;  }  .dropdown-menu-md-end[data-bs-popper] {   right: 0;   left: auto;  } } @media (min-width: 992px) {  .dropdown-menu-lg-start {   --bs-position: start;  }  .dropdown-menu-lg-start[data-bs-popper] {   right: auto;   left: 0;  }  .dropdown-menu-lg-end {   --bs-position: end;  }  .dropdown-menu-lg-end[data-bs-popper] {   right: 0;   left: auto;  } } @media (min-width: 1200px) {  .dropdown-menu-xl-start {   --bs-position: start;  }  .dropdown-menu-xl-start[data-bs-popper] {   right: auto;   left: 0;  }  .dropdown-menu-xl-end {   --bs-position: end;  }  .dropdown-menu-xl-end[data-bs-popper] {   right: 0;   left: auto;  } } @media (min-width: 1400px) {  .dropdown-menu-xxl-start {   --bs-position: start;  }  .dropdown-menu-xxl-start[data-bs-popper] {   right: auto;   left: 0;  }  .dropdown-menu-xxl-end {   --bs-position: end;  }  .dropdown-menu-xxl-end[data-bs-popper] {   right: 0;   left: auto;  } } .dropup .dropdown-menu[data-bs-popper] {  top: auto;  bottom: 100%;  margin-top: 0;  margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after {  display: inline-block;  margin-left: 0.255em;  vertical-align: 0.255em;  content: "";  border-top: 0;  border-right: 0.3em solid transparent;  border-bottom: 0.3em solid;  border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after {  margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] {  top: 0;  right: auto;  left: 100%;  margin-top: 0;  margin-left: 0.125rem; } .dropend .dropdown-toggle::after {  display: inline-block;  margin-left: 0.255em;  vertical-align: 0.255em;  content: "";  border-top: 0.3em solid transparent;  border-right: 0;  border-bottom: 0.3em solid transparent;  border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after {  margin-left: 0; } .dropend .dropdown-toggle::after {  vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] {  top: 0;  right: 100%;  left: auto;  margin-top: 0;  margin-right: 0.125rem; } .dropstart .dropdown-toggle::after {  display: inline-block;  margin-left: 0.255em;  vertical-align: 0.255em;  content: ""; } .dropstart .dropdown-toggle::after {  display: none; } .dropstart .dropdown-toggle::before {  display: inline-block;  margin-right: 0.255em;  vertical-align: 0.255em;  content: "";  border-top: 0.3em solid transparent;  border-right: 0.3em solid;  border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after {  margin-left: 0; } .dropstart .dropdown-toggle::before {  vertical-align: 0; } .dropdown-divider {  height: 0;  margin: 0.5rem 0;  overflow: hidden;  border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item {  display: block;  width: 100%;  padding: 0.25rem 1rem;  clear: both;  font-weight: 400;  color: #212529;  text-align: inherit;  text-decoration: none;  white-space: nowrap;  background-color: transparent;  border: 0; } .dropdown-item:hover, .dropdown-item:focus {  color: #1e2125;  background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active {  color: #fff;  text-decoration: none;  background-color: #fff68b; } .dropdown-item.disabled, .dropdown-item:disabled {  color: #adb5bd;  pointer-events: none;  background-color: transparent; } .dropdown-menu.show {  display: block; } .dropdown-header {  display: block;  padding: 0.5rem 1rem;  margin-bottom: 0;  font-size: 0.875rem;  color: #6c757d;  white-space: nowrap; } .dropdown-item-text {  display: block;  padding: 0.25rem 1rem;  color: #212529; } .dropdown-menu-dark {  color: #dee2e6;  background-color: #343a40;  border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item {  color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {  color: #fff;  background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {  color: #fff;  background-color: #fff68b; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {  color: #adb5bd; } .dropdown-menu-dark .dropdown-divider {  border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text {  color: #dee2e6; } .dropdown-menu-dark .dropdown-header {  color: #adb5bd; } .btn-group, .btn-group-vertical {  position: relative;  display: inline-flex;  vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn {  position: relative;  flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {  z-index: 1; } .btn-toolbar {  display: flex;  flex-wrap: wrap;  justify-content: flex-start; } .btn-toolbar .input-group {  width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {  margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {  border-top-right-radius: 0;  border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {  border-top-left-radius: 0;  border-bottom-left-radius: 0; } .dropdown-toggle-split {  padding-right: 0.5625rem;  padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {  margin-left: 0; } .dropstart .dropdown-toggle-split::before {  margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {  padding-right: 0.375rem;  padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {  padding-right: 0.75rem;  padding-left: 0.75rem; } .btn-group-vertical {  flex-direction: column;  align-items: flex-start;  justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {  width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {  margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {  border-bottom-right-radius: 0;  border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {  border-top-left-radius: 0;  border-top-right-radius: 0; } .nav {  display: flex;  flex-wrap: wrap;  padding-left: 0;  margin-bottom: 0;  list-style: none; } .nav-link {  display: block;  padding: 0.5rem 1rem;  color: #fff68b;  text-decoration: none;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .nav-link {   transition: none;  } } .nav-link:hover, .nav-link:focus {  color: #fff68b; } .nav-link.disabled {  color: #6c757d;  pointer-events: none;  cursor: default; } .nav-tabs {  border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link {  margin-bottom: -1px;  background: none;  border: 1px solid transparent;  border-top-left-radius: 0.25rem;  border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {  border-color: #e9ecef #e9ecef #dee2e6;  isolation: isolate; } .nav-tabs .nav-link.disabled {  color: #6c757d;  background-color: transparent;  border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {  color: #495057;  background-color: #fff;  border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu {  margin-top: -1px;  border-top-left-radius: 0;  border-top-right-radius: 0; } .nav-pills .nav-link {  background: none;  border: 0;  border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link {  color: #fff;  background-color: #fff68b; } .nav-fill > .nav-link, .nav-fill .nav-item {  flex: 1 1 auto;  text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item {  flex-basis: 0;  flex-grow: 1;  text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {  width: 100%; } .tab-content > .tab-pane {  display: none; } .tab-content > .active {  display: block; } .navbar {  position: relative;  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  padding-top: 0.5rem;  padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {  display: flex;  flex-wrap: inherit;  align-items: center;  justify-content: space-between; } .navbar-brand {  padding-top: 0.3125rem;  padding-bottom: 0.3125rem;  margin-right: 1rem;  font-size: 1.25rem;  text-decoration: none;  white-space: nowrap; } .navbar-nav {  display: flex;  flex-direction: column;  padding-left: 0;  margin-bottom: 0;  list-style: none; } .navbar-nav .nav-link {  padding-right: 0;  padding-left: 0; } .navbar-nav .dropdown-menu {  position: static; } .navbar-text {  padding-top: 0.5rem;  padding-bottom: 0.5rem; } .navbar-collapse {  flex-basis: 100%;  flex-grow: 1;  align-items: center; } .navbar-toggler {  padding: 0.25rem 0.75rem;  font-size: 1.25rem;  line-height: 1;  background-color: transparent;  border: 1px solid transparent;  border-radius: 0.25rem;  transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .navbar-toggler {   transition: none;  } } .navbar-toggler:hover {  text-decoration: none; } .navbar-toggler:focus {  text-decoration: none;  outline: 0;  box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon {  display: inline-block;  width: 1.5em;  height: 1.5em;  vertical-align: middle;  background-repeat: no-repeat;  background-position: center;  background-size: 100%; } .navbar-nav-scroll {  max-height: var(--bs-scroll-height, 75vh);  overflow-y: auto; } @media (min-width: 576px) {  .navbar-expand-sm {   flex-wrap: nowrap;   justify-content: flex-start;  }  .navbar-expand-sm .navbar-nav {   flex-direction: row;  }  .navbar-expand-sm .navbar-nav .dropdown-menu {   position: absolute;  }  .navbar-expand-sm .navbar-nav .nav-link {   padding-right: 0.5rem;   padding-left: 0.5rem;  }  .navbar-expand-sm .navbar-nav-scroll {   overflow: visible;  }  .navbar-expand-sm .navbar-collapse {   display: flex !important;   flex-basis: auto;  }  .navbar-expand-sm .navbar-toggler {   display: none;  }  .navbar-expand-sm .offcanvas-header {   display: none;  }  .navbar-expand-sm .offcanvas {   position: inherit;   bottom: 0;   z-index: 1000;   flex-grow: 1;   visibility: visible !important;   background-color: transparent;   border-right: 0;   border-left: 0;   transition: none;   transform: none;  }  .navbar-expand-sm .offcanvas-top,  .navbar-expand-sm .offcanvas-bottom {   height: auto;   border-top: 0;   border-bottom: 0;  }  .navbar-expand-sm .offcanvas-body {   display: flex;   flex-grow: 0;   padding: 0;   overflow-y: visible;  } } @media (min-width: 768px) {  .navbar-expand-md {   flex-wrap: nowrap;   justify-content: flex-start;  }  .navbar-expand-md .navbar-nav {   flex-direction: row;  }  .navbar-expand-md .navbar-nav .dropdown-menu {   position: absolute;  }  .navbar-expand-md .navbar-nav .nav-link {   padding-right: 0.5rem;   padding-left: 0.5rem;  }  .navbar-expand-md .navbar-nav-scroll {   overflow: visible;  }  .navbar-expand-md .navbar-collapse {   display: flex !important;   flex-basis: auto;  }  .navbar-expand-md .navbar-toggler {   display: none;  }  .navbar-expand-md .offcanvas-header {   display: none;  }  .navbar-expand-md .offcanvas {   position: inherit;   bottom: 0;   z-index: 1000;   flex-grow: 1;   visibility: visible !important;   background-color: transparent;   border-right: 0;   border-left: 0;   transition: none;   transform: none;  }  .navbar-expand-md .offcanvas-top,  .navbar-expand-md .offcanvas-bottom {   height: auto;   border-top: 0;   border-bottom: 0;  }  .navbar-expand-md .offcanvas-body {   display: flex;   flex-grow: 0;   padding: 0;   overflow-y: visible;  } } @media (min-width: 992px) {  .navbar-expand-lg {   flex-wrap: nowrap;   justify-content: flex-start;  }  .navbar-expand-lg .navbar-nav {   flex-direction: row;  }  .navbar-expand-lg .navbar-nav .dropdown-menu {   position: absolute;  }  .navbar-expand-lg .navbar-nav .nav-link {   padding-right: 0.5rem;   padding-left: 0.5rem;  }  .navbar-expand-lg .navbar-nav-scroll {   overflow: visible;  }  .navbar-expand-lg .navbar-collapse {   display: flex !important;   flex-basis: auto;  }  .navbar-expand-lg .navbar-toggler {   display: none;  }  .navbar-expand-lg .offcanvas-header {   display: none;  }  .navbar-expand-lg .offcanvas {   position: inherit;   bottom: 0;   z-index: 1000;   flex-grow: 1;   visibility: visible !important;   background-color: transparent;   border-right: 0;   border-left: 0;   transition: none;   transform: none;  }  .navbar-expand-lg .offcanvas-top,  .navbar-expand-lg .offcanvas-bottom {   height: auto;   border-top: 0;   border-bottom: 0;  }  .navbar-expand-lg .offcanvas-body {   display: flex;   flex-grow: 0;   padding: 0;   overflow-y: visible;  } } @media (min-width: 1200px) {  .navbar-expand-xl {   flex-wrap: nowrap;   justify-content: flex-start;  }  .navbar-expand-xl .navbar-nav {   flex-direction: row;  }  .navbar-expand-xl .navbar-nav .dropdown-menu {   position: absolute;  }  .navbar-expand-xl .navbar-nav .nav-link {   padding-right: 0.5rem;   padding-left: 0.5rem;  }  .navbar-expand-xl .navbar-nav-scroll {   overflow: visible;  }  .navbar-expand-xl .navbar-collapse {   display: flex !important;   flex-basis: auto;  }  .navbar-expand-xl .navbar-toggler {   display: none;  }  .navbar-expand-xl .offcanvas-header {   display: none;  }  .navbar-expand-xl .offcanvas {   position: inherit;   bottom: 0;   z-index: 1000;   flex-grow: 1;   visibility: visible !important;   background-color: transparent;   border-right: 0;   border-left: 0;   transition: none;   transform: none;  }  .navbar-expand-xl .offcanvas-top,  .navbar-expand-xl .offcanvas-bottom {   height: auto;   border-top: 0;   border-bottom: 0;  }  .navbar-expand-xl .offcanvas-body {   display: flex;   flex-grow: 0;   padding: 0;   overflow-y: visible;  } } @media (min-width: 1400px) {  .navbar-expand-xxl {   flex-wrap: nowrap;   justify-content: flex-start;  }  .navbar-expand-xxl .navbar-nav {   flex-direction: row;  }  .navbar-expand-xxl .navbar-nav .dropdown-menu {   position: absolute;  }  .navbar-expand-xxl .navbar-nav .nav-link {   padding-right: 0.5rem;   padding-left: 0.5rem;  }  .navbar-expand-xxl .navbar-nav-scroll {   overflow: visible;  }  .navbar-expand-xxl .navbar-collapse {   display: flex !important;   flex-basis: auto;  }  .navbar-expand-xxl .navbar-toggler {   display: none;  }  .navbar-expand-xxl .offcanvas-header {   display: none;  }  .navbar-expand-xxl .offcanvas {   position: inherit;   bottom: 0;   z-index: 1000;   flex-grow: 1;   visibility: visible !important;   background-color: transparent;   border-right: 0;   border-left: 0;   transition: none;   transform: none;  }  .navbar-expand-xxl .offcanvas-top,  .navbar-expand-xxl .offcanvas-bottom {   height: auto;   border-top: 0;   border-bottom: 0;  }  .navbar-expand-xxl .offcanvas-body {   display: flex;   flex-grow: 0;   padding: 0;   overflow-y: visible;  } } .navbar-expand {  flex-wrap: nowrap;  justify-content: flex-start; } .navbar-expand .navbar-nav {  flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu {  position: absolute; } .navbar-expand .navbar-nav .nav-link {  padding-right: 0.5rem;  padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll {  overflow: visible; } .navbar-expand .navbar-collapse {  display: flex !important;  flex-basis: auto; } .navbar-expand .navbar-toggler {  display: none; } .navbar-expand .offcanvas-header {  display: none; } .navbar-expand .offcanvas {  position: inherit;  bottom: 0;  z-index: 1000;  flex-grow: 1;  visibility: visible !important;  background-color: transparent;  border-right: 0;  border-left: 0;  transition: none;  transform: none; } .navbar-expand .offcanvas-top, .navbar-expand .offcanvas-bottom {  height: auto;  border-top: 0;  border-bottom: 0; } .navbar-expand .offcanvas-body {  display: flex;  flex-grow: 0;  padding: 0;  overflow-y: visible; } .navbar-light .navbar-brand {  color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {  color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link {  color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {  color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled {  color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {  color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler {  color: rgba(0, 0, 0, 0.55);  border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text {  color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {  color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand {  color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {  color: #fff; } .navbar-dark .navbar-nav .nav-link {  color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {  color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled {  color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {  color: #fff; } .navbar-dark .navbar-toggler {  color: rgba(255, 255, 255, 0.55);  border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text {  color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {  color: #fff; } .card {  position: relative;  display: flex;  flex-direction: column;  min-width: 0;  word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border: 1px solid rgba(0, 0, 0, 0.125);  border-radius: 0.25rem; } .card > hr {  margin-right: 0;  margin-left: 0; } .card > .list-group {  border-top: inherit;  border-bottom: inherit; } .card > .list-group:first-child {  border-top-width: 0;  border-top-left-radius: calc(0.25rem - 1px);  border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child {  border-bottom-width: 0;  border-bottom-right-radius: calc(0.25rem - 1px);  border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer {  border-top: 0; } .card-body {  flex: 1 1 auto;  padding: 1rem 1rem; } .card-title {  margin-bottom: 0.5rem; } .card-subtitle {  margin-top: -0.25rem;  margin-bottom: 0; } .card-text:last-child {  margin-bottom: 0; } .card-link + .card-link {  margin-left: 1rem; } .card-header {  padding: 0.5rem 1rem;  margin-bottom: 0;  background-color: rgba(0, 0, 0, 0.03);  border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child {  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer {  padding: 0.5rem 1rem;  background-color: rgba(0, 0, 0, 0.03);  border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child {  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs {  margin-right: -0.5rem;  margin-bottom: -0.5rem;  margin-left: -0.5rem;  border-bottom: 0; } .card-header-pills {  margin-right: -0.5rem;  margin-left: -0.5rem; } .card-img-overlay {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  padding: 1rem;  border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom {  width: 100%;  -o-object-fit: cover;   object-fit: cover;  aspect-ratio: 3/2; } .card-img, .card-img-top {  border-top-left-radius: calc(0.25rem - 1px);  border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom {  border-bottom-right-radius: calc(0.25rem - 1px);  border-bottom-left-radius: calc(0.25rem - 1px); } .card-group > .card {  margin-bottom: 0.75rem; } .cards-no-image .card-img-top {  -o-object-fit: cover;   object-fit: cover;  aspect-ratio: 3/2; } @media (min-width: 576px) {  .card-group {   display: flex;   flex-flow: row wrap;  }  .card-group > .card {   flex: 1 0 0%;   margin-bottom: 0;  }  .card-group > .card + .card {   margin-left: 0;   border-left: 0;  }  .card-group > .card:not(:last-child) {   border-top-right-radius: 0;   border-bottom-right-radius: 0;  }  .card-group > .card:not(:last-child) .card-img-top,  .card-group > .card:not(:last-child) .card-header {   border-top-right-radius: 0;  }  .card-group > .card:not(:last-child) .card-img-bottom,  .card-group > .card:not(:last-child) .card-footer {   border-bottom-right-radius: 0;  }  .card-group > .card:not(:first-child) {   border-top-left-radius: 0;   border-bottom-left-radius: 0;  }  .card-group > .card:not(:first-child) .card-img-top,  .card-group > .card:not(:first-child) .card-header {   border-top-left-radius: 0;  }  .card-group > .card:not(:first-child) .card-img-bottom,  .card-group > .card:not(:first-child) .card-footer {   border-bottom-left-radius: 0;  } } .accordion-button {  position: relative;  display: flex;  align-items: center;  width: 100%;  padding: 1rem 1.25rem;  font-size: 1rem;  color: #212529;  text-align: left;  background-color: #fff;  border: 0;  border-radius: 0;  overflow-anchor: none;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) {  .accordion-button {   transition: none;  } } .accordion-button:not(.collapsed) {  color: #e6b400;  background-color: #fffae6;  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6b400'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  transform: rotate(-180deg); } .accordion-button::after {  flex-shrink: 0;  width: 1.25rem;  height: 1.25rem;  margin-left: auto;  content: "";  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  background-repeat: no-repeat;  background-size: 1.25rem;  transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .accordion-button::after {   transition: none;  } } .accordion-button:hover {  z-index: 2; } .accordion-button:focus {  z-index: 3;  border-color: #ffe480;  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25); } .accordion-header {  margin-bottom: 0; } .accordion-item {  background-color: #fff;  border: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type {  border-top-left-radius: 0.25rem;  border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button {  border-top-left-radius: calc(0.25rem - 1px);  border-top-right-radius: calc(0.25rem - 1px); } .accordion-item:not(:first-of-type) {  border-top: 0; } .accordion-item:last-of-type {  border-bottom-right-radius: 0.25rem;  border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed {  border-bottom-right-radius: calc(0.25rem - 1px);  border-bottom-left-radius: calc(0.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse {  border-bottom-right-radius: 0.25rem;  border-bottom-left-radius: 0.25rem; } .accordion-body {  padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse {  border-width: 0; } .accordion-flush .accordion-item {  border-right: 0;  border-left: 0;  border-radius: 0; } .accordion-flush .accordion-item:first-child {  border-top: 0; } .accordion-flush .accordion-item:last-child {  border-bottom: 0; } .accordion-flush .accordion-item .accordion-button {  border-radius: 0; } .breadcrumb {  display: flex;  flex-wrap: wrap;  padding: 0 0;  margin-bottom: 1rem;  list-style: none; } .breadcrumb-item + .breadcrumb-item {  padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before {  float: left;  padding-right: 0.5rem;  color: #6c757d;  content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active {  color: #6c757d; } .pagination {  margin-top: 25px;  display: flex;  padding-left: 0;  list-style: none; } .page-link {  position: relative;  display: block;  color: var(--navy-blue);  text-decoration: none;  background-color: #fff;  border: 1px solid #dee2e6;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .page-link {   transition: none;  } } .page-link:hover {  z-index: 1;  color: var(--navy-blue);  background-color: #e9ecef;  border-color: #dee2e6; } .page-link:focus {  z-index: 1;  color: var(--navy-blue);  background-color: #e9ecef;  outline: 0;  box-shadow: 0 0 0 0.25rem var(--navy-blue); } .page-item:not(:first-child) .page-link {  margin-left: -1px; } .page-item.active .page-link {  color: #fff;  background-color: var(--navy-blue);  border-color: #dee2e6; } .page-item.disabled .page-link {  color: #6c757d;  pointer-events: none;  background-color: #fff;  border-color: #dee2e6; } .page-link {  padding: 0.375rem 0.75rem; } .page-item:first-child .page-link {  border-top-left-radius: 0.25rem;  border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link {  border-top-right-radius: 0.25rem;  border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link {  padding: 0.75rem 1.5rem;  font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link {  border-top-left-radius: 0.3rem;  border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link {  border-top-right-radius: 0.3rem;  border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link {  padding: 0.25rem 0.5rem;  font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link {  border-top-left-radius: 0.2rem;  border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link {  border-top-right-radius: 0.2rem;  border-bottom-right-radius: 0.2rem; } .badge {  display: inline-block;  padding: 0.35em 0.65em;  font-size: 0.75em;  font-weight: 700;  line-height: 1;  color: #fff;  text-align: center;  white-space: nowrap;  vertical-align: baseline;  border-radius: 0.25rem; } .badge:empty {  display: none; } .btn .badge {  position: relative;  top: -1px; } .alert {  position: relative;  padding: 1rem 1rem;  margin-bottom: 1rem;  border: 1px solid transparent;  border-radius: 0.25rem; } .alert-heading {  color: inherit; } .alert-link {  font-weight: 700; } .alert-dismissible {  padding-right: 3rem; } .alert-dismissible .btn-close {  position: absolute;  top: 0;  right: 0;  z-index: 2;  padding: 1.25rem 1rem;  text-align: center; } .alert-primary {  color: #997800;  background-color: #fff4cc;  border-color: #ffefb3; } .alert-primary .alert-link {  color: #7a6000; } .alert-secondary {  color: #41464b;  background-color: #e2e3e5;  border-color: #d3d6d8; } .alert-secondary .alert-link {  color: #34383c; } .alert-success {  color: #000000;  background-color: #fff68b;  border-color: #fff68b;  padding: 15px;  margin-bottom: 10px; } .alert-success .alert-link {  color: #0c4128; } .alert-info {  color: #087990;  background-color: #cff4fc;  border-color: #b6effb; } .alert-info .alert-link {  color: #066173; } .alert-warning {  color: #997800;  background-color: #fff4cc;  border-color: #ffefb3; } .alert-warning .alert-link {  color: #7a6000; } .alert-danger {  color: #842029;  background-color: #f8d7da;  border-color: #f8d7da;  padding: 15px;  margin-bottom: 10px; } .alert-danger .alert-link {  color: #6a1a21; } .alert-light {  color: #959596;  background-color: #fefefe;  border-color: #fdfdfe; } .alert-light .alert-link {  color: #777778; } .alert-dark {  color: #141619;  background-color: #d3d3d4;  border-color: #bcbebf; } .alert-dark .alert-link {  color: #101214; } @keyframes progress-bar-stripes {  0% {   background-position-x: 1rem;  } } .progress {  display: flex;  height: 1rem;  overflow: hidden;  font-size: 0.75rem;  background-color: #e9ecef;  border-radius: 0.25rem; } .progress-bar {  display: flex;  flex-direction: column;  justify-content: center;  overflow: hidden;  color: #fff;  text-align: center;  white-space: nowrap;  background-color: #fff68b;  transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) {  .progress-bar {   transition: none;  } } .progress-bar-striped {  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);  background-size: 1rem 1rem; } .progress-bar-animated {  animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) {  .progress-bar-animated {   animation: none;  } } .list-group {  display: flex;  flex-direction: column;  padding-left: 0;  margin-bottom: 0;  border-radius: 0.25rem; } .list-group-numbered {  list-style-type: none;  counter-reset: section; } .list-group-numbered > li::before {  content: counters(section, ".") ". ";  counter-increment: section; } .list-group-item-action {  width: 100%;  color: #495057;  text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus {  z-index: 1;  color: #495057;  text-decoration: none;  background-color: #f8f9fa; } .list-group-item-action:active {  color: #212529;  background-color: #e9ecef; } .list-group-item {  position: relative;  display: block;  padding: 0.5rem 1rem;  color: #212529;  text-decoration: none;  background-color: #fff;  border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child {  border-top-left-radius: inherit;  border-top-right-radius: inherit; } .list-group-item:last-child {  border-bottom-right-radius: inherit;  border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled {  color: #6c757d;  pointer-events: none;  background-color: #fff; } .list-group-item.active {  z-index: 2;  color: #fff;  background-color: #fff68b;  border-color: #fff68b; } .list-group-item + .list-group-item {  border-top-width: 0; } .list-group-item + .list-group-item.active {  margin-top: -1px;  border-top-width: 1px; } .list-group-horizontal {  flex-direction: row; } .list-group-horizontal > .list-group-item:first-child {  border-bottom-left-radius: 0.25rem;  border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child {  border-top-right-radius: 0.25rem;  border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active {  margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item {  border-top-width: 1px;  border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active {  margin-left: -1px;  border-left-width: 1px; } @media (min-width: 576px) {  .list-group-horizontal-sm {   flex-direction: row;  }  .list-group-horizontal-sm > .list-group-item:first-child {   border-bottom-left-radius: 0.25rem;   border-top-right-radius: 0;  }  .list-group-horizontal-sm > .list-group-item:last-child {   border-top-right-radius: 0.25rem;   border-bottom-left-radius: 0;  }  .list-group-horizontal-sm > .list-group-item.active {   margin-top: 0;  }  .list-group-horizontal-sm > .list-group-item + .list-group-item {   border-top-width: 1px;   border-left-width: 0;  }  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {   margin-left: -1px;   border-left-width: 1px;  } } @media (min-width: 768px) {  .list-group-horizontal-md {   flex-direction: row;  }  .list-group-horizontal-md > .list-group-item:first-child {   border-bottom-left-radius: 0.25rem;   border-top-right-radius: 0;  }  .list-group-horizontal-md > .list-group-item:last-child {   border-top-right-radius: 0.25rem;   border-bottom-left-radius: 0;  }  .list-group-horizontal-md > .list-group-item.active {   margin-top: 0;  }  .list-group-horizontal-md > .list-group-item + .list-group-item {   border-top-width: 1px;   border-left-width: 0;  }  .list-group-horizontal-md > .list-group-item + .list-group-item.active {   margin-left: -1px;   border-left-width: 1px;  } } @media (min-width: 992px) {  .list-group-horizontal-lg {   flex-direction: row;  }  .list-group-horizontal-lg > .list-group-item:first-child {   border-bottom-left-radius: 0.25rem;   border-top-right-radius: 0;  }  .list-group-horizontal-lg > .list-group-item:last-child {   border-top-right-radius: 0.25rem;   border-bottom-left-radius: 0;  }  .list-group-horizontal-lg > .list-group-item.active {   margin-top: 0;  }  .list-group-horizontal-lg > .list-group-item + .list-group-item {   border-top-width: 1px;   border-left-width: 0;  }  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {   margin-left: -1px;   border-left-width: 1px;  } } @media (min-width: 1200px) {  .list-group-horizontal-xl {   flex-direction: row;  }  .list-group-horizontal-xl > .list-group-item:first-child {   border-bottom-left-radius: 0.25rem;   border-top-right-radius: 0;  }  .list-group-horizontal-xl > .list-group-item:last-child {   border-top-right-radius: 0.25rem;   border-bottom-left-radius: 0;  }  .list-group-horizontal-xl > .list-group-item.active {   margin-top: 0;  }  .list-group-horizontal-xl > .list-group-item + .list-group-item {   border-top-width: 1px;   border-left-width: 0;  }  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {   margin-left: -1px;   border-left-width: 1px;  } } @media (min-width: 1400px) {  .list-group-horizontal-xxl {   flex-direction: row;  }  .list-group-horizontal-xxl > .list-group-item:first-child {   border-bottom-left-radius: 0.25rem;   border-top-right-radius: 0;  }  .list-group-horizontal-xxl > .list-group-item:last-child {   border-top-right-radius: 0.25rem;   border-bottom-left-radius: 0;  }  .list-group-horizontal-xxl > .list-group-item.active {   margin-top: 0;  }  .list-group-horizontal-xxl > .list-group-item + .list-group-item {   border-top-width: 1px;   border-left-width: 0;  }  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {   margin-left: -1px;   border-left-width: 1px;  } } .list-group-flush {  border-radius: 0; } .list-group-flush > .list-group-item {  border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child {  border-bottom-width: 0; } .list-group-item-primary {  color: #997800;  background-color: #fff4cc; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {  color: #997800;  background-color: #e6dcb8; } .list-group-item-primary.list-group-item-action.active {  color: #fff;  background-color: #997800;  border-color: #997800; } .list-group-item-secondary {  color: #41464b;  background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {  color: #41464b;  background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active {  color: #fff;  background-color: #41464b;  border-color: #41464b; } .list-group-item-success {  color: #0f5132;  background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {  color: #0f5132;  background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active {  color: #fff;  background-color: #0f5132;  border-color: #0f5132; } .list-group-item-info {  color: #087990;  background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {  color: #087990;  background-color: #badce3; } .list-group-item-info.list-group-item-action.active {  color: #fff;  background-color: #087990;  border-color: #087990; } .list-group-item-warning {  color: #997800;  background-color: #fff4cc; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {  color: #997800;  background-color: #e6dcb8; } .list-group-item-warning.list-group-item-action.active {  color: #fff;  background-color: #997800;  border-color: #997800; } .list-group-item-danger {  color: #842029;  background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {  color: #842029;  background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active {  color: #fff;  background-color: #842029;  border-color: #842029; } .list-group-item-light {  color: #959596;  background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {  color: #959596;  background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active {  color: #fff;  background-color: #959596;  border-color: #959596; } .list-group-item-dark {  color: #141619;  background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {  color: #141619;  background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active {  color: #fff;  background-color: #141619;  border-color: #141619; } .btn-close {  box-sizing: content-box;  width: 1em;  height: 1em;  padding: 0.25em 0.25em;  color: #000;  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;  border: 0;  border-radius: 0.25rem;  opacity: 0.5; } .btn-close:hover {  color: #000;  text-decoration: none;  opacity: 0.75; } .btn-close:focus {  outline: 0;  box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);  opacity: 1; } .btn-close:disabled, .btn-close.disabled {  pointer-events: none;  -webkit-user-select: none;  -moz-user-select: none;  user-select: none;  opacity: 0.25; } .btn-close-white {  filter: invert(1) grayscale(100%) brightness(200%); } .toast {  width: 350px;  max-width: 100%;  font-size: 0.875rem;  pointer-events: auto;  background-color: rgba(255, 255, 255, 0.85);  background-clip: padding-box;  border: 1px solid rgba(0, 0, 0, 0.1);  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);  border-radius: 0.25rem; } .toast.showing {  opacity: 0; } .toast:not(.show) {  display: none; } .toast-container {  width: -moz-max-content;  width: max-content;  max-width: 100%;  pointer-events: none; } .toast-container > :not(:last-child) {  margin-bottom: 0.75rem; } .toast-header {  display: flex;  align-items: center;  padding: 0.5rem 0.75rem;  color: #6c757d;  background-color: rgba(255, 255, 255, 0.85);  background-clip: padding-box;  border-bottom: 1px solid rgba(0, 0, 0, 0.05);  border-top-left-radius: calc(0.25rem - 1px);  border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close {  margin-right: -0.375rem;  margin-left: 0.75rem; } .toast-body {  padding: 0.75rem;  word-wrap: break-word; } .modal {  position: fixed;  top: 0;  left: 0;  z-index: 1055;  display: none;  width: 100%;  height: 100%;  overflow-x: hidden;  overflow-y: auto;  outline: 0; } .modal-dialog {  position: relative;  width: auto;  margin: 0.5rem;  pointer-events: none; } .modal.fade .modal-dialog {  transition: transform 0.3s ease-out;  transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) {  .modal.fade .modal-dialog {   transition: none;  } } .modal.show .modal-dialog {  transform: none; } .modal.modal-static .modal-dialog {  transform: scale(1.02); } .modal-dialog-scrollable {  height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content {  max-height: 100%;  overflow: hidden; } .modal-dialog-scrollable .modal-body {  overflow-y: auto; } .modal-dialog-centered {  display: flex;  align-items: center;  min-height: calc(100% - 1rem); } .modal-content {  position: relative;  display: flex;  flex-direction: column;  width: 100%;  pointer-events: auto;  background-color: #fff;  background-clip: padding-box;  border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 0.3rem;  outline: 0; } .modal-backdrop {  position: fixed;  top: 0;  left: 0;  z-index: 1050;  width: 100vw;  height: 100vh;  background-color: #000; } .modal-backdrop.fade {  opacity: 0; } .modal-backdrop.show {  opacity: 0.5; } .modal-header {  display: flex;  flex-shrink: 0;  align-items: center;  justify-content: space-between;  padding: 1rem 1rem;  border-bottom: 1px solid #dee2e6;  border-top-left-radius: calc(0.3rem - 1px);  border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close {  padding: 0.5rem 0.5rem;  margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title {  margin-bottom: 0;  line-height: 1.5; } .modal-body {  position: relative;  flex: 1 1 auto;  padding: 1rem; } .modal-footer {  display: flex;  flex-wrap: wrap;  flex-shrink: 0;  align-items: center;  justify-content: flex-end;  padding: 0.75rem;  border-top: 1px solid #dee2e6;  border-bottom-right-radius: calc(0.3rem - 1px);  border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * {  margin: 0.25rem; } @media (min-width: 576px) {  .modal-dialog {   max-width: 500px;   margin: 1.75rem auto;  }  .modal-dialog-scrollable {   height: calc(100% - 3.5rem);  }  .modal-dialog-centered {   min-height: calc(100% - 3.5rem);  }  .modal-sm {   max-width: 300px;  } } @media (min-width: 992px) {  .modal-lg,  .modal-xl {   max-width: 800px;  } } @media (min-width: 1200px) {  .modal-xl {   max-width: 1140px;  } } .modal-fullscreen {  width: 100vw;  max-width: none;  height: 100%;  margin: 0; } .modal-fullscreen .modal-content {  height: 100%;  border: 0;  border-radius: 0; } .modal-fullscreen .modal-header {  border-radius: 0; } .modal-fullscreen .modal-body {  overflow-y: auto; } .modal-fullscreen .modal-footer {  border-radius: 0; } @media (max-width: 575.98px) {  .modal-fullscreen-sm-down {   width: 100vw;   max-width: none;   height: 100%;   margin: 0;  }  .modal-fullscreen-sm-down .modal-content {   height: 100%;   border: 0;   border-radius: 0;  }  .modal-fullscreen-sm-down .modal-header {   border-radius: 0;  }  .modal-fullscreen-sm-down .modal-body {   overflow-y: auto;  }  .modal-fullscreen-sm-down .modal-footer {   border-radius: 0;  } } @media (max-width: 767.98px) {  .modal-fullscreen-md-down {   width: 100vw;   max-width: none;   height: 100%;   margin: 0;  }  .modal-fullscreen-md-down .modal-content {   height: 100%;   border: 0;   border-radius: 0;  }  .modal-fullscreen-md-down .modal-header {   border-radius: 0;  }  .modal-fullscreen-md-down .modal-body {   overflow-y: auto;  }  .modal-fullscreen-md-down .modal-footer {   border-radius: 0;  } } @media (max-width: 991.98px) {  .modal-fullscreen-lg-down {   width: 100vw;   max-width: none;   height: 100%;   margin: 0;  }  .modal-fullscreen-lg-down .modal-content {   height: 100%;   border: 0;   border-radius: 0;  }  .modal-fullscreen-lg-down .modal-header {   border-radius: 0;  }  .modal-fullscreen-lg-down .modal-body {   overflow-y: auto;  }  .modal-fullscreen-lg-down .modal-footer {   border-radius: 0;  } } @media (max-width: 1199.98px) {  .modal-fullscreen-xl-down {   width: 100vw;   max-width: none;   height: 100%;   margin: 0;  }  .modal-fullscreen-xl-down .modal-content {   height: 100%;   border: 0;   border-radius: 0;  }  .modal-fullscreen-xl-down .modal-header {   border-radius: 0;  }  .modal-fullscreen-xl-down .modal-body {   overflow-y: auto;  }  .modal-fullscreen-xl-down .modal-footer {   border-radius: 0;  } } @media (max-width: 1399.98px) {  .modal-fullscreen-xxl-down {   width: 100vw;   max-width: none;   height: 100%;   margin: 0;  }  .modal-fullscreen-xxl-down .modal-content {   height: 100%;   border: 0;   border-radius: 0;  }  .modal-fullscreen-xxl-down .modal-header {   border-radius: 0;  }  .modal-fullscreen-xxl-down .modal-body {   overflow-y: auto;  }  .modal-fullscreen-xxl-down .modal-footer {   border-radius: 0;  } } .tooltip {  position: absolute;  z-index: 1080;  display: block;  margin: 0;  font-style: normal;  font-weight: 400;  line-height: 1.5;  text-align: left;  text-align: start;  text-decoration: none;  text-shadow: none;  text-transform: none;  letter-spacing: normal;  word-break: normal;  word-spacing: normal;  white-space: normal;  line-break: auto;  font-size: 0.875rem;  word-wrap: break-word;  opacity: 0; } .tooltip.show {  opacity: 0.9; } .tooltip .tooltip-arrow {  position: absolute;  display: block;  width: 0.8rem;  height: 0.4rem; } .tooltip .tooltip-arrow::before {  position: absolute;  content: "";  border-color: transparent;  border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {  padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {  bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {  top: -1px;  border-width: 0.4rem 0.4rem 0;  border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {  padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {  left: 0;  width: 0.4rem;  height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {  right: -1px;  border-width: 0.4rem 0.4rem 0.4rem 0;  border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {  padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {  top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {  bottom: -1px;  border-width: 0 0.4rem 0.4rem;  border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {  padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {  right: 0;  width: 0.4rem;  height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {  left: -1px;  border-width: 0.4rem 0 0.4rem 0.4rem;  border-left-color: #000; } .tooltip-inner {  max-width: 200px;  padding: 0.25rem 0.5rem;  color: #fff;  text-align: center;  background-color: #000;  border-radius: 0.25rem; } .popover {  position: absolute;  top: 0;  left: 0;  z-index: 1070;  display: block;  max-width: 276px;  font-style: normal;  font-weight: 400;  line-height: 1.5;  text-align: left;  text-align: start;  text-decoration: none;  text-shadow: none;  text-transform: none;  letter-spacing: normal;  word-break: normal;  word-spacing: normal;  white-space: normal;  line-break: auto;  font-size: 0.875rem;  word-wrap: break-word;  background-color: #fff;  background-clip: padding-box;  border: 1px solid rgba(0, 0, 0, 0.2);  border-radius: 0.3rem; } .popover .popover-arrow {  position: absolute;  display: block;  width: 1rem;  height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after {  position: absolute;  display: block;  content: "";  border-color: transparent;  border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {  bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {  bottom: 0;  border-width: 0.5rem 0.5rem 0;  border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {  bottom: 1px;  border-width: 0.5rem 0.5rem 0;  border-top-color: #fff; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {  left: calc(-0.5rem - 1px);  width: 0.5rem;  height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {  left: 0;  border-width: 0.5rem 0.5rem 0.5rem 0;  border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {  left: 1px;  border-width: 0.5rem 0.5rem 0.5rem 0;  border-right-color: #fff; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {  top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {  top: 0;  border-width: 0 0.5rem 0.5rem 0.5rem;  border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {  top: 1px;  border-width: 0 0.5rem 0.5rem 0.5rem;  border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {  position: absolute;  top: 0;  left: 50%;  display: block;  width: 1rem;  margin-left: -0.5rem;  content: "";  border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {  right: calc(-0.5rem - 1px);  width: 0.5rem;  height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {  right: 0;  border-width: 0.5rem 0 0.5rem 0.5rem;  border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {  right: 1px;  border-width: 0.5rem 0 0.5rem 0.5rem;  border-left-color: #fff; } .popover-header {  padding: 0.5rem 1rem;  margin-bottom: 0;  font-size: 1rem;  background-color: #f0f0f0;  border-bottom: 1px solid rgba(0, 0, 0, 0.2);  border-top-left-radius: calc(0.3rem - 1px);  border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty {  display: none; } .popover-body {  padding: 1rem 1rem;  color: #212529; } .carousel {  position: relative; } .carousel.pointer-event {  touch-action: pan-y; } .carousel-inner {  position: relative;  width: 100%;  overflow: hidden; } .carousel-inner::after {  display: block;  clear: both;  content: ""; } .carousel-item {  position: relative;  display: none;  float: left;  width: 100%;  margin-right: -100%;  backface-visibility: hidden;  transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .carousel-item {   transition: none;  } } .carousel-item.active, .carousel-item-next, .carousel-item-prev {  display: block; }  .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {  transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {  transform: translateX(-100%); }  .carousel-fade .carousel-item {  opacity: 0;  transition-property: opacity;  transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {  z-index: 1;  opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {  z-index: 0;  opacity: 0;  transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) {  .carousel-fade .active.carousel-item-start,  .carousel-fade .active.carousel-item-end {   transition: none;  } } .carousel-control-prev, .carousel-control-next {  position: absolute;  top: 0;  bottom: 0;  z-index: 1;  display: flex;  align-items: center;  justify-content: center;  width: 15%;  padding: 0;  color: #fff;  text-align: center;  background: none;  border: 0;  opacity: 0.5;  transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) {  .carousel-control-prev,  .carousel-control-next {   transition: none;  } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {  color: #fff;  text-decoration: none;  outline: 0;  opacity: 0.9; } .carousel-control-prev {  left: 0; } .carousel-control-next {  right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon {  display: inline-block;  width: 2rem;  height: 2rem;  background-repeat: no-repeat;  background-position: 50%;  background-size: 100% 100%; } .carousel-control-prev-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' stroke='black' stroke-width='1'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");  width: 73px;  height: 73px;  background-size: contain; } .carousel-control-next-icon {  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' stroke='black' stroke-width='1'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  width: 73px;  height: 73px;  background-size: contain; } .carousel-indicators {  position: absolute;  right: 0;  bottom: 0;  left: 0;  z-index: 2;  display: flex;  justify-content: center;  padding: 0;  margin-right: 15%;  margin-bottom: 1rem;  margin-left: 15%;  list-style: none; } .carousel-indicators [data-bs-target] {  box-sizing: content-box;  flex: 0 1 auto;  width: 30px;  height: 3px;  padding: 0;  margin-right: 3px;  margin-left: 3px;  text-indent: -999px;  cursor: pointer;  background-color: #fff;  background-clip: padding-box;  border: 0;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  opacity: 0.5;  transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) {  .carousel-indicators [data-bs-target] {   transition: none;  } } .carousel-indicators .active {  opacity: 1; } .carousel-caption {  position: absolute;  right: 15%;  bottom: 1.25rem;  left: 15%;  padding-top: 1.25rem;  padding-bottom: 1.25rem;  color: #fff;  text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {  filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] {  background-color: #000; } .carousel-dark .carousel-caption {  color: #000; } @keyframes spinner-border {  to {   transform: rotate(360deg);  } } .spinner-border {  display: inline-block;  width: 2rem;  height: 2rem;  vertical-align: -0.125em;  border: 0.25em solid currentColor;  border-right-color: transparent;  border-radius: 50%;  animation: 0.75s linear infinite spinner-border; } .spinner-border-sm {  width: 1rem;  height: 1rem;  border-width: 0.2em; } @keyframes spinner-grow {  0% {   transform: scale(0);  }  50% {   opacity: 1;   transform: none;  } } .spinner-grow {  display: inline-block;  width: 2rem;  height: 2rem;  vertical-align: -0.125em;  background-color: currentColor;  border-radius: 50%;  opacity: 0;  animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm {  width: 1rem;  height: 1rem; } @media (prefers-reduced-motion: reduce) {  .spinner-border,  .spinner-grow {   animation-duration: 1.5s;  } } .offcanvas {  position: fixed;  bottom: 0;  z-index: 1045;  display: flex;  flex-direction: column;  max-width: 100%;  visibility: hidden;  background-color: #fff;  background-clip: padding-box;  outline: 0;  transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) {  .offcanvas {   transition: none;  } } .offcanvas-backdrop {  position: fixed;  top: 0;  left: 0;  z-index: 1040;  width: 100vw;  height: 100vh;  background-color: #000; } .offcanvas-backdrop.fade {  opacity: 0; } .offcanvas-backdrop.show {  opacity: 0.5; } .offcanvas-header {  display: flex;  align-items: center;  justify-content: space-between;  padding: 1rem 1rem; } .offcanvas-header .btn-close {  padding: 0.5rem 0.5rem;  margin-top: -0.5rem;  margin-right: -0.5rem;  margin-bottom: -0.5rem; } .offcanvas-title {  margin-bottom: 0;  line-height: 1.5; } .offcanvas-body {  flex-grow: 1;  padding: 1rem 1rem;  overflow-y: auto; } .offcanvas-start {  top: 0;  left: 0;  width: 400px;  border-right: 1px solid rgba(0, 0, 0, 0.2);  transform: translateX(-100%); } .offcanvas-end {  top: 0;  right: 0;  width: 400px;  border-left: 1px solid rgba(0, 0, 0, 0.2);  transform: translateX(100%); } .offcanvas-top {  top: 0;  right: 0;  left: 0;  height: 30vh;  max-height: 100%;  border-bottom: 1px solid rgba(0, 0, 0, 0.2);  transform: translateY(-100%); } .offcanvas-bottom {  right: 0;  left: 0;  height: 30vh;  max-height: 100%;  border-top: 1px solid rgba(0, 0, 0, 0.2);  transform: translateY(100%); } .offcanvas.show {  transform: none; } .placeholder {  display: inline-block;  min-height: 1em;  vertical-align: middle;  cursor: wait;  background-color: currentColor;  opacity: 0.5; } .placeholder.btn::before {  display: inline-block;  content: ""; } .placeholder-xs {  min-height: 0.6em; } .placeholder-sm {  min-height: 0.8em; } .placeholder-lg {  min-height: 1.2em; } .placeholder-glow .placeholder {  animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow {  50% {   opacity: 0.2;  } } .placeholder-wave {  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);  -webkit-mask-size: 200% 100%;  mask-size: 200% 100%;  animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave {  100% {   -webkit-mask-position: -200% 0%;   mask-position: -200% 0%;  } } .clearfix::after {  display: block;  clear: both;  content: ""; } .link-primary {  color: #fff68b; } .link-primary:hover, .link-primary:focus {  color: #fff68b; } .link-secondary {  color: #6c757d; } .link-secondary:hover, .link-secondary:focus {  color: #565e64; } .link-success {  color: #198754; } .link-success:hover, .link-success:focus {  color: #146c43; } .link-info {  color: #0dcaf0; } .link-info:hover, .link-info:focus {  color: #0aa2c0; } .link-warning {  color: #fff68b; } .link-warning:hover, .link-warning:focus {  color: #fff68b; } .link-danger {  color: #dc3545; } .link-danger:hover, .link-danger:focus {  color: #b02a37; } .link-light {  color: #f8f9fa; } .link-light:hover, .link-light:focus {  color: #f9fafb; } .link-dark {  color: #212529; } .link-dark:hover, .link-dark:focus {  color: #1a1e21; } .ratio {  position: relative;  width: 100%; } .ratio::before {  display: block;  padding-top: var(--bs-aspect-ratio);  content: ""; } .ratio > * {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; } .ratio-1x1 {  --bs-aspect-ratio: 100%; } .ratio-4x3 {  --bs-aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 {  --bs-aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 {  --bs-aspect-ratio: calc(9 / 21 * 100%); } .fixed-top {  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030; } .fixed-bottom {  position: fixed;  right: 0;  bottom: 0;  left: 0;  z-index: 1030; } .sticky-top {  position: sticky;  top: 0;  z-index: 1020; } @media (min-width: 576px) {  .sticky-sm-top {   position: sticky;   top: 0;   z-index: 1020;  } } @media (min-width: 768px) {  .sticky-md-top {   position: sticky;   top: 0;   z-index: 1020;  } } @media (min-width: 992px) {  .sticky-lg-top {   position: sticky;   top: 0;   z-index: 1020;  } } @media (min-width: 1200px) {  .sticky-xl-top {   position: sticky;   top: 0;   z-index: 1020;  } } @media (min-width: 1400px) {  .sticky-xxl-top {   position: sticky;   top: 0;   z-index: 1020;  } } .hstack {  display: flex;  flex-direction: row;  align-items: center;  align-self: stretch; } .vstack {  display: flex;  flex: 1 1 auto;  flex-direction: column;  align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {  position: absolute !important;  width: 1px !important;  height: 1px !important;  padding: 0 !important;  margin: -1px !important;  overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;  white-space: nowrap !important;  border: 0 !important; } .stretched-link::after {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1;  content: ""; } .text-truncate {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; } .vr {  display: inline-block;  align-self: stretch;  width: 1px;  min-height: 1em;  background-color: currentColor;  opacity: 0.25; } .align-baseline {  vertical-align: baseline !important; } .align-top {  vertical-align: top !important; } .align-middle {  vertical-align: middle !important; } .align-bottom {  vertical-align: bottom !important; } .align-text-bottom {  vertical-align: text-bottom !important; } .align-text-top {  vertical-align: text-top !important; } .float-start {  float: left !important; } .float-end {  float: right !important; } .float-none {  float: none !important; } .opacity-0 {  opacity: 0 !important; } .opacity-25 {  opacity: 0.25 !important; } .opacity-50 {  opacity: 0.5 !important; } .opacity-75 {  opacity: 0.75 !important; } .opacity-100 {  opacity: 1 !important; } .overflow-auto {  overflow: auto !important; } .overflow-hidden {  overflow: hidden !important; } .overflow-visible {  overflow: visible !important; } .overflow-scroll {  overflow: scroll !important; } .d-inline {  display: inline !important; } .d-inline-block {  display: inline-block !important; } .d-block {  display: block !important; } .d-grid {  display: grid !important; } .d-table {  display: table !important; } .d-table-row {  display: table-row !important; } .d-table-cell {  display: table-cell !important; } .d-flex {  display: flex !important; } .d-inline-flex {  display: inline-flex !important; } .d-none {  display: none !important; } .shadow {  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm {  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg {  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none {  box-shadow: none !important; } .position-static {  position: static !important; } .position-relative {  position: relative !important; } .position-absolute {  position: absolute !important; } .position-fixed {  position: fixed !important; } .position-sticky {  position: sticky !important; } .top-0 {  top: 0 !important; } .top-50 {  top: 50% !important; } .top-100 {  top: 100% !important; } .bottom-0 {  bottom: 0 !important; } .bottom-50 {  bottom: 50% !important; } .bottom-100 {  bottom: 100% !important; } .start-0 {  left: 0 !important; } .start-50 {  left: 50% !important; } .start-100 {  left: 100% !important; } .end-0 {  right: 0 !important; } .end-50 {  right: 50% !important; } .end-100 {  right: 100% !important; } .translate-middle {  transform: translate(-50%, -50%) !important; } .translate-middle-x {  transform: translateX(-50%) !important; } .translate-middle-y {  transform: translateY(-50%) !important; } .border {  border: 1px solid #dee2e6 !important; } .border-0 {  border: 0 !important; } .border-top {  border-top: 1px solid #dee2e6 !important; } .border-top-0 {  border-top: 0 !important; } .border-end {  border-right: 1px solid #dee2e6 !important; } .border-end-0 {  border-right: 0 !important; } .border-bottom {  border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 {  border-bottom: 0 !important; } .border-start {  border-left: 1px solid #dee2e6 !important; } .border-start-0 {  border-left: 0 !important; } .border-primary {  border-color: #fff68b !important; } .border-secondary {  border-color: #6c757d !important; } .border-success {  border-color: #198754 !important; } .border-info {  border-color: #0dcaf0 !important; } .border-warning {  border-color: #fff68b !important; } .border-danger {  border-color: #dc3545 !important; } .border-light {  border-color: #f8f9fa !important; } .border-dark {  border-color: #212529 !important; } .border-white {  border-color: #fff !important; } .border-1 {  border-width: 1px !important; } .border-2 {  border-width: 2px !important; } .border-3 {  border-width: 3px !important; } .border-4 {  border-width: 4px !important; } .border-5 {  border-width: 5px !important; } .w-25 {  width: 25% !important; } .w-50 {  width: 50% !important; } .w-75 {  width: 75% !important; } .w-100 {  width: 100% !important; } .w-auto {  width: auto !important; } .mw-100 {  max-width: 100% !important; } .vw-100 {  width: 100vw !important; } .min-vw-100 {  min-width: 100vw !important; } .h-25 {  height: 25% !important; } .h-50 {  height: 50% !important; } .h-75 {  height: 75% !important; } .h-100 {  height: 100% !important; } .h-auto {  height: auto !important; } .mh-100 {  max-height: 100% !important; } .vh-100 {  height: 100vh !important; } .min-vh-100 {  min-height: 100vh !important; } .flex-fill {  flex: 1 1 auto !important; } .flex-row {  flex-direction: row !important; } .flex-column {  flex-direction: column !important; } .flex-row-reverse {  flex-direction: row-reverse !important; } .flex-column-reverse {  flex-direction: column-reverse !important; } .flex-grow-0 {  flex-grow: 0 !important; } .flex-grow-1 {  flex-grow: 1 !important; } .flex-shrink-0 {  flex-shrink: 0 !important; } .flex-shrink-1 {  flex-shrink: 1 !important; } .flex-wrap {  flex-wrap: wrap !important; } .flex-nowrap {  flex-wrap: nowrap !important; } .flex-wrap-reverse {  flex-wrap: wrap-reverse !important; } .gap-0 {  gap: 0 !important; } .gap-1 {  gap: 0.25rem !important; } .gap-2 {  gap: 0.5rem !important; } .gap-3 {  gap: 1rem !important; } .gap-4 {  gap: 1.5rem !important; } .gap-5 {  gap: 3rem !important; } .justify-content-start {  justify-content: flex-start !important; } .justify-content-end {  justify-content: flex-end !important; } .justify-content-center {  justify-content: center !important; } .justify-content-between {  justify-content: space-between !important; } .justify-content-around {  justify-content: space-around !important; } .justify-content-evenly {  justify-content: space-evenly !important; } .align-items-start {  align-items: flex-start !important; } .align-items-end {  align-items: flex-end !important; } .align-items-center {  align-items: center !important; } .align-items-baseline {  align-items: baseline !important; } .align-items-stretch {  align-items: stretch !important; } .align-content-start {  align-content: flex-start !important; } .align-content-end {  align-content: flex-end !important; } .align-content-center {  align-content: center !important; } .align-content-between {  align-content: space-between !important; } .align-content-around {  align-content: space-around !important; } .align-content-stretch {  align-content: stretch !important; } .align-self-auto {  align-self: auto !important; } .align-self-start {  align-self: flex-start !important; } .align-self-end {  align-self: flex-end !important; } .align-self-center {  align-self: center !important; } .align-self-baseline {  align-self: baseline !important; } .align-self-stretch {  align-self: stretch !important; } .order-first {  order: -1 !important; } .order-0 {  order: 0 !important; } .order-1 {  order: 1 !important; } .order-2 {  order: 2 !important; } .order-3 {  order: 3 !important; } .order-4 {  order: 4 !important; } .order-5 {  order: 5 !important; } .order-last {  order: 6 !important; } .m-0 {  margin: 0 !important; } .m-1 {  margin: 0.25rem !important; } .m-2 {  margin: 0.5rem !important; } .m-3 {  margin: 1rem !important; } .m-4 {  margin: 1.5rem !important; } .m-5 {  margin: 3rem !important; } .m-auto {  margin: auto !important; } .mx-0 {  margin-right: 0 !important;  margin-left: 0 !important; } .mx-1 {  margin-right: 0.25rem !important;  margin-left: 0.25rem !important; } .mx-2 {  margin-right: 0.5rem !important;  margin-left: 0.5rem !important; } .mx-3 {  margin-right: 1rem !important;  margin-left: 1rem !important; } .mx-4 {  margin-right: 1.5rem !important;  margin-left: 1.5rem !important; } .mx-5 {  margin-right: 3rem !important;  margin-left: 3rem !important; } .mx-auto {  margin-right: auto !important;  margin-left: auto !important; } .my-0 {  margin-top: 0 !important;  margin-bottom: 0 !important; } .my-1 {  margin-top: 0.25rem !important;  margin-bottom: 0.25rem !important; } .my-2 {  margin-top: 0.5rem !important;  margin-bottom: 0.5rem !important; } .my-3 {  margin-top: 1rem !important;  margin-bottom: 1rem !important; } .my-4 {  margin-top: 1.5rem !important;  margin-bottom: 1.5rem !important; } .my-5 {  margin-top: 3rem !important;  margin-bottom: 3rem !important; } .my-auto {  margin-top: auto !important;  margin-bottom: auto !important; } .mt-0 {  margin-top: 0 !important; } .mt-1 {  margin-top: 0.25rem !important; } .mt-2 {  margin-top: 0.5rem !important; } .mt-3 {  margin-top: 1rem !important; } .mt-4 {  margin-top: 1.5rem !important; } .mt-5 {  margin-top: 3rem !important; } .mt-auto {  margin-top: auto !important; } .me-0 {  margin-right: 0 !important; } .me-1 {  margin-right: 0.25rem !important; } .me-2 {  margin-right: 0.5rem !important; } .me-3 {  margin-right: 1rem !important; } .me-4 {  margin-right: 1.5rem !important; } .me-5 {  margin-right: 3rem !important; } .me-auto {  margin-right: auto !important; } .mb-0 {  margin-bottom: 0 !important; } .mb-1 {  margin-bottom: 0.25rem !important; } .mb-2 {  margin-bottom: 0.5rem !important; } .mb-3 {  margin-bottom: 1rem !important; } .mb-4 {  margin-bottom: 1.5rem !important; } .mb-5 {  margin-bottom: 3rem !important; } .mb-auto {  margin-bottom: auto !important; } .ms-0 {  margin-left: 0 !important; } .ms-1 {  margin-left: 0.25rem !important; } .ms-2 {  margin-left: 0.5rem !important; } .ms-3 {  margin-left: 1rem !important; } .ms-4 {  margin-left: 1.5rem !important; } .ms-5 {  margin-left: 3rem !important; } .ms-auto {  margin-left: auto !important; } .p-0 {  padding: 0 !important; } .p-1 {  padding: 0.25rem !important; } .p-2 {  padding: 0.5rem !important; } .p-3 {  padding: 1rem !important; } .p-4 {  padding: 1.5rem !important; } .p-5 {  padding: 3rem !important; } .px-0 {  padding-right: 0 !important;  padding-left: 0 !important; } .px-1 {  padding-right: 0.25rem !important;  padding-left: 0.25rem !important; } .px-2 {  padding-right: 0.5rem !important;  padding-left: 0.5rem !important; } .px-3 {  padding-right: 1rem !important;  padding-left: 1rem !important; } .px-4 {  padding-right: 1.5rem !important;  padding-left: 1.5rem !important; } .px-5 {  padding-right: 3rem !important;  padding-left: 3rem !important; } .py-0 {  padding-top: 0 !important;  padding-bottom: 0 !important; } .py-1 {  padding-top: 0.25rem !important;  padding-bottom: 0.25rem !important; } .py-2 {  padding-top: 0.5rem !important;  padding-bottom: 0.5rem !important; } .py-3 {  padding-top: 1rem !important;  padding-bottom: 1rem !important; } .py-4 {  padding-top: 1.5rem !important;  padding-bottom: 1.5rem !important; } .py-5 {  padding-top: 3rem !important;  padding-bottom: 3rem !important; } .pt-0 {  padding-top: 0 !important; } .pt-1 {  padding-top: 0.25rem !important; } .pt-2 {  padding-top: 0.5rem !important; } .pt-3 {  padding-top: 1rem !important; } .pt-4 {  padding-top: 1.5rem !important; } .pt-5 {  padding-top: 3rem !important; } .pe-0 {  padding-right: 0 !important; } .pe-1 {  padding-right: 0.25rem !important; } .pe-2 {  padding-right: 0.5rem !important; } .pe-3 {  padding-right: 1rem !important; } .pe-4 {  padding-right: 1.5rem !important; } .pe-5 {  padding-right: 3rem !important; } .pb-0 {  padding-bottom: 0 !important; } .pb-1 {  padding-bottom: 0.25rem !important; } .pb-2 {  padding-bottom: 0.5rem !important; } .pb-3 {  padding-bottom: 1rem !important; } .pb-4 {  padding-bottom: 1.5rem !important; } .pb-5 {  padding-bottom: 3rem !important; } .ps-0 {  padding-left: 0 !important; } .ps-1 {  padding-left: 0.25rem !important; } .ps-2 {  padding-left: 0.5rem !important; } .ps-3 {  padding-left: 1rem !important; } .ps-4 {  padding-left: 1.5rem !important; } .ps-5 {  padding-left: 3rem !important; } .fs-1 {  font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 {  font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 {  font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 {  font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 {  font-size: 1.25rem !important; } .fs-6 {  font-size: 1rem !important; } .fst-italic {  font-style: italic !important; } .fst-normal {  font-style: normal !important; } .fw-light {  font-weight: 300 !important; } .fw-lighter {  font-weight: lighter !important; } .fw-normal {  font-weight: 400 !important; } .fw-bold {  font-weight: 700 !important; } .fw-bolder {  font-weight: bolder !important; } .lh-1 {  line-height: 1 !important; } .lh-sm {  line-height: 1.25 !important; } .lh-base {  line-height: 1.5 !important; } .lh-lg {  line-height: 1.75 !important; } .text-start {  text-align: left !important; } .text-end {  text-align: right !important; } .text-center {  text-align: center !important; } .text-decoration-none {  text-decoration: none !important; } .text-decoration-underline {  text-decoration: underline !important; } .text-decoration-line-through {  text-decoration: line-through !important; } .text-lowercase {  text-transform: lowercase !important; } .text-uppercase {  text-transform: uppercase !important; } .text-capitalize {  text-transform: capitalize !important; } .text-wrap {  white-space: normal !important; } .text-nowrap {  white-space: nowrap !important; }  .text-break {  word-wrap: break-word !important;  word-break: break-word !important; }  .text-primary {  --bs-text-opacity: 1;  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary {  --bs-text-opacity: 1;  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success {  --bs-text-opacity: 1;  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info {  --bs-text-opacity: 1;  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning {  --bs-text-opacity: 1;  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger {  --bs-text-opacity: 1;  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light {  --bs-text-opacity: 1;  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark {  --bs-text-opacity: 1;  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black {  --bs-text-opacity: 1;  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white {  --bs-text-opacity: 1;  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body {  --bs-text-opacity: 1;  color: rgba(var(--bs-body-rgb), var(--bs-text-opacity)) !important; } .text-muted {  --bs-text-opacity: 1;  color: #6c757d !important; } .text-para {  --bs-text-opacity: 1;  color: #bababa !important; } .text-black-50 {  --bs-text-opacity: 1;  color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 {  --bs-text-opacity: 1;  color: rgba(255, 255, 255, 0.5) !important; } .text-reset {  --bs-text-opacity: 1;  color: inherit !important; } .text-opacity-25 {  --bs-text-opacity: 0.25; } .text-opacity-50 {  --bs-text-opacity: 0.5; } .text-opacity-75 {  --bs-text-opacity: 0.75; } .text-opacity-100 {  --bs-text-opacity: 1; } .bg-primary {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body {  --bs-bg-opacity: 1;  background-color: rgba(var(--bs-body-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent {  --bs-bg-opacity: 1;  background-color: transparent !important; } .bg-opacity-10 {  --bs-bg-opacity: 0.1; } .bg-opacity-25 {  --bs-bg-opacity: 0.25; } .bg-opacity-50 {  --bs-bg-opacity: 0.5; } .bg-opacity-75 {  --bs-bg-opacity: 0.75; } .bg-opacity-100 {  --bs-bg-opacity: 1; } .bg-gradient {  background-image: var(--bs-gradient) !important; } .user-select-all {  -webkit-user-select: all !important;  -moz-user-select: all !important;  user-select: all !important; } .user-select-auto {  -webkit-user-select: auto !important;  -moz-user-select: auto !important;  user-select: auto !important; } .user-select-none {  -webkit-user-select: none !important;  -moz-user-select: none !important;  user-select: none !important; } .pe-none {  pointer-events: none !important; } .pe-auto {  pointer-events: auto !important; } .rounded {  border-radius: 0.25rem !important; } .rounded-0 {  border-radius: 0 !important; } .rounded-1 {  border-radius: 0.2rem !important; } .rounded-2 {  border-radius: 0.25rem !important; } .rounded-3 {  border-radius: 0.3rem !important; } .rounded-circle, .rounded-circle-team {  overflow: hidden;  border: 0.5rem solid rgba(0, 0, 0, 0.1);  display: flex;  align-items: center;  justify-content: center; } .rounded-circle-team {  width: 14rem;  height: 14rem;  border-radius: 50% !important; } .rounded-circle-team img {  width: 100%;  height: auto; } .rounded-pill {  border-radius: 50rem !important; } .rounded-top {  border-top-left-radius: 0.25rem !important;  border-top-right-radius: 0.25rem !important; } .rounded-end {  border-top-right-radius: 0.25rem !important;  border-bottom-right-radius: 0.25rem !important; } .rounded-bottom {  border-bottom-right-radius: 0.25rem !important;  border-bottom-left-radius: 0.25rem !important; } .rounded-start {  border-bottom-left-radius: 0.25rem !important;  border-top-left-radius: 0.25rem !important; } .visible {  visibility: visible !important; } .invisible {  visibility: hidden !important; } @media (min-width: 576px) {  .float-sm-start {   float: left !important;  }  .float-sm-end {   float: right !important;  }  .float-sm-none {   float: none !important;  }  .d-sm-inline {   display: inline !important;  }  .d-sm-inline-block {   display: inline-block !important;  }  .d-sm-block {   display: block !important;  }  .d-sm-grid {   display: grid !important;  }  .d-sm-table {   display: table !important;  }  .d-sm-table-row {   display: table-row !important;  }  .d-sm-table-cell {   display: table-cell !important;  }  .d-sm-flex {   display: flex !important;  }  .d-sm-inline-flex {   display: inline-flex !important;  }  .d-sm-none {   display: none !important;  }  .flex-sm-fill {   flex: 1 1 auto !important;  }  .flex-sm-row {   flex-direction: row !important;  }  .flex-sm-column {   flex-direction: column !important;  }  .flex-sm-row-reverse {   flex-direction: row-reverse !important;  }  .flex-sm-column-reverse {   flex-direction: column-reverse !important;  }  .flex-sm-grow-0 {   flex-grow: 0 !important;  }  .flex-sm-grow-1 {   flex-grow: 1 !important;  }  .flex-sm-shrink-0 {   flex-shrink: 0 !important;  }  .flex-sm-shrink-1 {   flex-shrink: 1 !important;  }  .flex-sm-wrap {   flex-wrap: wrap !important;  }  .flex-sm-nowrap {   flex-wrap: nowrap !important;  }  .flex-sm-wrap-reverse {   flex-wrap: wrap-reverse !important;  }  .gap-sm-0 {   gap: 0 !important;  }  .gap-sm-1 {   gap: 0.25rem !important;  }  .gap-sm-2 {   gap: 0.5rem !important;  }  .gap-sm-3 {   gap: 1rem !important;  }  .gap-sm-4 {   gap: 1.5rem !important;  }  .gap-sm-5 {   gap: 3rem !important;  }  .justify-content-sm-start {   justify-content: flex-start !important;  }  .justify-content-sm-end {   justify-content: flex-end !important;  }  .justify-content-sm-center {   justify-content: center !important;  }  .justify-content-sm-between {   justify-content: space-between !important;  }  .justify-content-sm-around {   justify-content: space-around !important;  }  .justify-content-sm-evenly {   justify-content: space-evenly !important;  }  .align-items-sm-start {   align-items: flex-start !important;  }  .align-items-sm-end {   align-items: flex-end !important;  }  .align-items-sm-center {   align-items: center !important;  }  .align-items-sm-baseline {   align-items: baseline !important;  }  .align-items-sm-stretch {   align-items: stretch !important;  }  .align-content-sm-start {   align-content: flex-start !important;  }  .align-content-sm-end {   align-content: flex-end !important;  }  .align-content-sm-center {   align-content: center !important;  }  .align-content-sm-between {   align-content: space-between !important;  }  .align-content-sm-around {   align-content: space-around !important;  }  .align-content-sm-stretch {   align-content: stretch !important;  }  .align-self-sm-auto {   align-self: auto !important;  }  .align-self-sm-start {   align-self: flex-start !important;  }  .align-self-sm-end {   align-self: flex-end !important;  }  .align-self-sm-center {   align-self: center !important;  }  .align-self-sm-baseline {   align-self: baseline !important;  }  .align-self-sm-stretch {   align-self: stretch !important;  }  .order-sm-first {   order: -1 !important;  }  .order-sm-0 {   order: 0 !important;  }  .order-sm-1 {   order: 1 !important;  }  .order-sm-2 {   order: 2 !important;  }  .order-sm-3 {   order: 3 !important;  }  .order-sm-4 {   order: 4 !important;  }  .order-sm-5 {   order: 5 !important;  }  .order-sm-last {   order: 6 !important;  }  .m-sm-0 {   margin: 0 !important;  }  .m-sm-1 {   margin: 0.25rem !important;  }  .m-sm-2 {   margin: 0.5rem !important;  }  .m-sm-3 {   margin: 1rem !important;  }  .m-sm-4 {   margin: 1.5rem !important;  }  .m-sm-5 {   margin: 3rem !important;  }  .m-sm-auto {   margin: auto !important;  }  .mx-sm-0 {   margin-right: 0 !important;   margin-left: 0 !important;  }  .mx-sm-1 {   margin-right: 0.25rem !important;   margin-left: 0.25rem !important;  }  .mx-sm-2 {   margin-right: 0.5rem !important;   margin-left: 0.5rem !important;  }  .mx-sm-3 {   margin-right: 1rem !important;   margin-left: 1rem !important;  }  .mx-sm-4 {   margin-right: 1.5rem !important;   margin-left: 1.5rem !important;  }  .mx-sm-5 {   margin-right: 3rem !important;   margin-left: 3rem !important;  }  .mx-sm-auto {   margin-right: auto !important;   margin-left: auto !important;  }  .my-sm-0 {   margin-top: 0 !important;   margin-bottom: 0 !important;  }  .my-sm-1 {   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important;  }  .my-sm-2 {   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important;  }  .my-sm-3 {   margin-top: 1rem !important;   margin-bottom: 1rem !important;  }  .my-sm-4 {   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important;  }  .my-sm-5 {   margin-top: 3rem !important;   margin-bottom: 3rem !important;  }  .my-sm-auto {   margin-top: auto !important;   margin-bottom: auto !important;  }  .mt-sm-0 {   margin-top: 0 !important;  }  .mt-sm-1 {   margin-top: 0.25rem !important;  }  .mt-sm-2 {   margin-top: 0.5rem !important;  }  .mt-sm-3 {   margin-top: 1rem !important;  }  .mt-sm-4 {   margin-top: 1.5rem !important;  }  .mt-sm-5 {   margin-top: 3rem !important;  }  .mt-sm-auto {   margin-top: auto !important;  }  .me-sm-0 {   margin-right: 0 !important;  }  .me-sm-1 {   margin-right: 0.25rem !important;  }  .me-sm-2 {   margin-right: 0.5rem !important;  }  .me-sm-3 {   margin-right: 1rem !important;  }  .me-sm-4 {   margin-right: 1.5rem !important;  }  .me-sm-5 {   margin-right: 3rem !important;  }  .me-sm-auto {   margin-right: auto !important;  }  .mb-sm-0 {   margin-bottom: 0 !important;  }  .mb-sm-1 {   margin-bottom: 0.25rem !important;  }  .mb-sm-2 {   margin-bottom: 0.5rem !important;  }  .mb-sm-3 {   margin-bottom: 1rem !important;  }  .mb-sm-4 {   margin-bottom: 1.5rem !important;  }  .mb-sm-5 {   margin-bottom: 3rem !important;  }  .mb-sm-auto {   margin-bottom: auto !important;  }  .ms-sm-0 {   margin-left: 0 !important;  }  .ms-sm-1 {   margin-left: 0.25rem !important;  }  .ms-sm-2 {   margin-left: 0.5rem !important;  }  .ms-sm-3 {   margin-left: 1rem !important;  }  .ms-sm-4 {   margin-left: 1.5rem !important;  }  .ms-sm-5 {   margin-left: 3rem !important;  }  .ms-sm-auto {   margin-left: auto !important;  }  .p-sm-0 {   padding: 0 !important;  }  .p-sm-1 {   padding: 0.25rem !important;  }  .p-sm-2 {   padding: 0.5rem !important;  }  .p-sm-3 {   padding: 1rem !important;  }  .p-sm-4 {   padding: 1.5rem !important;  }  .p-sm-5 {   padding: 3rem !important;  }  .px-sm-0 {   padding-right: 0 !important;   padding-left: 0 !important;  }  .px-sm-1 {   padding-right: 0.25rem !important;   padding-left: 0.25rem !important;  }  .px-sm-2 {   padding-right: 0.5rem !important;   padding-left: 0.5rem !important;  }  .px-sm-3 {   padding-right: 1rem !important;   padding-left: 1rem !important;  }  .px-sm-4 {   padding-right: 1.5rem !important;   padding-left: 1.5rem !important;  }  .px-sm-5 {   padding-right: 3rem !important;   padding-left: 3rem !important;  }  .py-sm-0 {   padding-top: 0 !important;   padding-bottom: 0 !important;  }  .py-sm-1 {   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important;  }  .py-sm-2 {   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important;  }  .py-sm-3 {   padding-top: 1rem !important;   padding-bottom: 1rem !important;  }  .py-sm-4 {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important;  }  .py-sm-5 {   padding-top: 3rem !important;   padding-bottom: 3rem !important;  }  .pt-sm-0 {   padding-top: 0 !important;  }  .pt-sm-1 {   padding-top: 0.25rem !important;  }  .pt-sm-2 {   padding-top: 0.5rem !important;  }  .pt-sm-3 {   padding-top: 1rem !important;  }  .pt-sm-4 {   padding-top: 1.5rem !important;  }  .pt-sm-5 {   padding-top: 3rem !important;  }  .pe-sm-0 {   padding-right: 0 !important;  }  .pe-sm-1 {   padding-right: 0.25rem !important;  }  .pe-sm-2 {   padding-right: 0.5rem !important;  }  .pe-sm-3 {   padding-right: 1rem !important;  }  .pe-sm-4 {   padding-right: 1.5rem !important;  }  .pe-sm-5 {   padding-right: 3rem !important;  }  .pb-sm-0 {   padding-bottom: 0 !important;  }  .pb-sm-1 {   padding-bottom: 0.25rem !important;  }  .pb-sm-2 {   padding-bottom: 0.5rem !important;  }  .pb-sm-3 {   padding-bottom: 1rem !important;  }  .pb-sm-4 {   padding-bottom: 1.5rem !important;  }  .pb-sm-5 {   padding-bottom: 3rem !important;  }  .ps-sm-0 {   padding-left: 0 !important;  }  .ps-sm-1 {   padding-left: 0.25rem !important;  }  .ps-sm-2 {   padding-left: 0.5rem !important;  }  .ps-sm-3 {   padding-left: 1rem !important;  }  .ps-sm-4 {   padding-left: 1.5rem !important;  }  .ps-sm-5 {   padding-left: 3rem !important;  }  .text-sm-start {   text-align: left !important;  }  .text-sm-end {   text-align: right !important;  }  .text-sm-center {   text-align: center !important;  } } @media (min-width: 768px) {  .float-md-start {   float: left !important;  }  .float-md-end {   float: right !important;  }  .float-md-none {   float: none !important;  }  .d-md-inline {   display: inline !important;  }  .d-md-inline-block {   display: inline-block !important;  }  .d-md-block {   display: block !important;  }  .d-md-grid {   display: grid !important;  }  .d-md-table {   display: table !important;  }  .d-md-table-row {   display: table-row !important;  }  .d-md-table-cell {   display: table-cell !important;  }  .d-md-flex {   display: flex !important;  }  .d-md-inline-flex {   display: inline-flex !important;  }  .d-md-none {   display: none !important;  }  .flex-md-fill {   flex: 1 1 auto !important;  }  .flex-md-row {   flex-direction: row !important;  }  .flex-md-column {   flex-direction: column !important;  }  .flex-md-row-reverse {   flex-direction: row-reverse !important;  }  .flex-md-column-reverse {   flex-direction: column-reverse !important;  }  .flex-md-grow-0 {   flex-grow: 0 !important;  }  .flex-md-grow-1 {   flex-grow: 1 !important;  }  .flex-md-shrink-0 {   flex-shrink: 0 !important;  }  .flex-md-shrink-1 {   flex-shrink: 1 !important;  }  .flex-md-wrap {   flex-wrap: wrap !important;  }  .flex-md-nowrap {   flex-wrap: nowrap !important;  }  .flex-md-wrap-reverse {   flex-wrap: wrap-reverse !important;  }  .gap-md-0 {   gap: 0 !important;  }  .gap-md-1 {   gap: 0.25rem !important;  }  .gap-md-2 {   gap: 0.5rem !important;  }  .gap-md-3 {   gap: 1rem !important;  }  .gap-md-4 {   gap: 1.5rem !important;  }  .gap-md-5 {   gap: 3rem !important;  }  .justify-content-md-start {   justify-content: flex-start !important;  }  .justify-content-md-end {   justify-content: flex-end !important;  }  .justify-content-md-center {   justify-content: center !important;  }  .justify-content-md-between {   justify-content: space-between !important;  }  .justify-content-md-around {   justify-content: space-around !important;  }  .justify-content-md-evenly {   justify-content: space-evenly !important;  }  .align-items-md-start {   align-items: flex-start !important;  }  .align-items-md-end {   align-items: flex-end !important;  }  .align-items-md-center {   align-items: center !important;  }  .align-items-md-baseline {   align-items: baseline !important;  }  .align-items-md-stretch {   align-items: stretch !important;  }  .align-content-md-start {   align-content: flex-start !important;  }  .align-content-md-end {   align-content: flex-end !important;  }  .align-content-md-center {   align-content: center !important;  }  .align-content-md-between {   align-content: space-between !important;  }  .align-content-md-around {   align-content: space-around !important;  }  .align-content-md-stretch {   align-content: stretch !important;  }  .align-self-md-auto {   align-self: auto !important;  }  .align-self-md-start {   align-self: flex-start !important;  }  .align-self-md-end {   align-self: flex-end !important;  }  .align-self-md-center {   align-self: center !important;  }  .align-self-md-baseline {   align-self: baseline !important;  }  .align-self-md-stretch {   align-self: stretch !important;  }  .order-md-first {   order: -1 !important;  }  .order-md-0 {   order: 0 !important;  }  .order-md-1 {   order: 1 !important;  }  .order-md-2 {   order: 2 !important;  }  .order-md-3 {   order: 3 !important;  }  .order-md-4 {   order: 4 !important;  }  .order-md-5 {   order: 5 !important;  }  .order-md-last {   order: 6 !important;  }  .m-md-0 {   margin: 0 !important;  }  .m-md-1 {   margin: 0.25rem !important;  }  .m-md-2 {   margin: 0.5rem !important;  }  .m-md-3 {   margin: 1rem !important;  }  .m-md-4 {   margin: 1.5rem !important;  }  .m-md-5 {   margin: 3rem !important;  }  .m-md-auto {   margin: auto !important;  }  .mx-md-0 {   margin-right: 0 !important;   margin-left: 0 !important;  }  .mx-md-1 {   margin-right: 0.25rem !important;   margin-left: 0.25rem !important;  }  .mx-md-2 {   margin-right: 0.5rem !important;   margin-left: 0.5rem !important;  }  .mx-md-3 {   margin-right: 1rem !important;   margin-left: 1rem !important;  }  .mx-md-4 {   margin-right: 1.5rem !important;   margin-left: 1.5rem !important;  }  .mx-md-5 {   margin-right: 3rem !important;   margin-left: 3rem !important;  }  .mx-md-auto {   margin-right: auto !important;   margin-left: auto !important;  }  .my-md-0 {   margin-top: 0 !important;   margin-bottom: 0 !important;  }  .my-md-1 {   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important;  }  .my-md-2 {   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important;  }  .my-md-3 {   margin-top: 1rem !important;   margin-bottom: 1rem !important;  }  .my-md-4 {   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important;  }  .my-md-5 {   margin-top: 3rem !important;   margin-bottom: 3rem !important;  }  .my-md-auto {   margin-top: auto !important;   margin-bottom: auto !important;  }  .mt-md-0 {   margin-top: 0 !important;  }  .mt-md-1 {   margin-top: 0.25rem !important;  }  .mt-md-2 {   margin-top: 0.5rem !important;  }  .mt-md-3 {   margin-top: 1rem !important;  }  .mt-md-4 {   margin-top: 1.5rem !important;  }  .mt-md-5 {   margin-top: 3rem !important;  }  .mt-md-auto {   margin-top: auto !important;  }  .me-md-0 {   margin-right: 0 !important;  }  .me-md-1 {   margin-right: 0.25rem !important;  }  .me-md-2 {   margin-right: 0.5rem !important;  }  .me-md-3 {   margin-right: 1rem !important;  }  .me-md-4 {   margin-right: 1.5rem !important;  }  .me-md-5 {   margin-right: 3rem !important;  }  .me-md-auto {   margin-right: auto !important;  }  .mb-md-0 {   margin-bottom: 0 !important;  }  .mb-md-1 {   margin-bottom: 0.25rem !important;  }  .mb-md-2 {   margin-bottom: 0.5rem !important;  }  .mb-md-3 {   margin-bottom: 1rem !important;  }  .mb-md-4 {   margin-bottom: 1.5rem !important;  }  .mb-md-5 {   margin-bottom: 3rem !important;  }  .mb-md-auto {   margin-bottom: auto !important;  }  .ms-md-0 {   margin-left: 0 !important;  }  .ms-md-1 {   margin-left: 0.25rem !important;  }  .ms-md-2 {   margin-left: 0.5rem !important;  }  .ms-md-3 {   margin-left: 1rem !important;  }  .ms-md-4 {   margin-left: 1.5rem !important;  }  .ms-md-5 {   margin-left: 3rem !important;  }  .ms-md-auto {   margin-left: auto !important;  }  .p-md-0 {   padding: 0 !important;  }  .p-md-1 {   padding: 0.25rem !important;  }  .p-md-2 {   padding: 0.5rem !important;  }  .p-md-3 {   padding: 1rem !important;  }  .p-md-4 {   padding: 1.5rem !important;  }  .p-md-5 {   padding: 3rem !important;  }  .px-md-0 {   padding-right: 0 !important;   padding-left: 0 !important;  }  .px-md-1 {   padding-right: 0.25rem !important;   padding-left: 0.25rem !important;  }  .px-md-2 {   padding-right: 0.5rem !important;   padding-left: 0.5rem !important;  }  .px-md-3 {   padding-right: 1rem !important;   padding-left: 1rem !important;  }  .px-md-4 {   padding-right: 1.5rem !important;   padding-left: 1.5rem !important;  }  .px-md-5 {   padding-right: 3rem !important;   padding-left: 3rem !important;  }  .py-md-0 {   padding-top: 0 !important;   padding-bottom: 0 !important;  }  .py-md-1 {   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important;  }  .py-md-2 {   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important;  }  .py-md-3 {   padding-top: 1rem !important;   padding-bottom: 1rem !important;  }  .py-md-4 {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important;  }  .py-md-5 {   padding-top: 3rem !important;   padding-bottom: 3rem !important;  }  .pt-md-0 {   padding-top: 0 !important;  }  .pt-md-1 {   padding-top: 0.25rem !important;  }  .pt-md-2 {   padding-top: 0.5rem !important;  }  .pt-md-3 {   padding-top: 1rem !important;  }  .pt-md-4 {   padding-top: 1.5rem !important;  }  .pt-md-5 {   padding-top: 3rem !important;  }  .pe-md-0 {   padding-right: 0 !important;  }  .pe-md-1 {   padding-right: 0.25rem !important;  }  .pe-md-2 {   padding-right: 0.5rem !important;  }  .pe-md-3 {   padding-right: 1rem !important;  }  .pe-md-4 {   padding-right: 1.5rem !important;  }  .pe-md-5 {   padding-right: 3rem !important;  }  .pb-md-0 {   padding-bottom: 0 !important;  }  .pb-md-1 {   padding-bottom: 0.25rem !important;  }  .pb-md-2 {   padding-bottom: 0.5rem !important;  }  .pb-md-3 {   padding-bottom: 1rem !important;  }  .pb-md-4 {   padding-bottom: 1.5rem !important;  }  .pb-md-5 {   padding-bottom: 3rem !important;  }  .ps-md-0 {   padding-left: 0 !important;  }  .ps-md-1 {   padding-left: 0.25rem !important;  }  .ps-md-2 {   padding-left: 0.5rem !important;  }  .ps-md-3 {   padding-left: 1rem !important;  }  .ps-md-4 {   padding-left: 1.5rem !important;  }  .ps-md-5 {   padding-left: 3rem !important;  }  .text-md-start {   text-align: left !important;  }  .text-md-end {   text-align: right !important;  }  .text-md-center {   text-align: center !important;  } } @media (min-width: 992px) {  .float-lg-start {   float: left !important;  }  .float-lg-end {   float: right !important;  }  .float-lg-none {   float: none !important;  }  .d-lg-inline {   display: inline !important;  }  .d-lg-inline-block {   display: inline-block !important;  }  .d-lg-block {   display: block !important;  }  .d-lg-grid {   display: grid !important;  }  .d-lg-table {   display: table !important;  }  .d-lg-table-row {   display: table-row !important;  }  .d-lg-table-cell {   display: table-cell !important;  }  .d-lg-flex {   display: flex !important;  }  .d-lg-inline-flex {   display: inline-flex !important;  }  .d-lg-none {   display: none !important;  }  .flex-lg-fill {   flex: 1 1 auto !important;  }  .flex-lg-row {   flex-direction: row !important;  }  .flex-lg-column {   flex-direction: column !important;  }  .flex-lg-row-reverse {   flex-direction: row-reverse !important;  }  .flex-lg-column-reverse {   flex-direction: column-reverse !important;  }  .flex-lg-grow-0 {   flex-grow: 0 !important;  }  .flex-lg-grow-1 {   flex-grow: 1 !important;  }  .flex-lg-shrink-0 {   flex-shrink: 0 !important;  }  .flex-lg-shrink-1 {   flex-shrink: 1 !important;  }  .flex-lg-wrap {   flex-wrap: wrap !important;  }  .flex-lg-nowrap {   flex-wrap: nowrap !important;  }  .flex-lg-wrap-reverse {   flex-wrap: wrap-reverse !important;  }  .gap-lg-0 {   gap: 0 !important;  }  .gap-lg-1 {   gap: 0.25rem !important;  }  .gap-lg-2 {   gap: 0.5rem !important;  }  .gap-lg-3 {   gap: 1rem !important;  }  .gap-lg-4 {   gap: 1.5rem !important;  }  .gap-lg-5 {   gap: 3rem !important;  }  .justify-content-lg-start {   justify-content: flex-start !important;  }  .justify-content-lg-end {   justify-content: flex-end !important;  }  .justify-content-lg-center {   justify-content: center !important;  }  .justify-content-lg-between {   justify-content: space-between !important;  }  .justify-content-lg-around {   justify-content: space-around !important;  }  .justify-content-lg-evenly {   justify-content: space-evenly !important;  }  .align-items-lg-start {   align-items: flex-start !important;  }  .align-items-lg-end {   align-items: flex-end !important;  }  .align-items-lg-center {   align-items: center !important;  }  .align-items-lg-baseline {   align-items: baseline !important;  }  .align-items-lg-stretch {   align-items: stretch !important;  }  .align-content-lg-start {   align-content: flex-start !important;  }  .align-content-lg-end {   align-content: flex-end !important;  }  .align-content-lg-center {   align-content: center !important;  }  .align-content-lg-between {   align-content: space-between !important;  }  .align-content-lg-around {   align-content: space-around !important;  }  .align-content-lg-stretch {   align-content: stretch !important;  }  .align-self-lg-auto {   align-self: auto !important;  }  .align-self-lg-start {   align-self: flex-start !important;  }  .align-self-lg-end {   align-self: flex-end !important;  }  .align-self-lg-center {   align-self: center !important;  }  .align-self-lg-baseline {   align-self: baseline !important;  }  .align-self-lg-stretch {   align-self: stretch !important;  }  .order-lg-first {   order: -1 !important;  }  .order-lg-0 {   order: 0 !important;  }  .order-lg-1 {   order: 1 !important;  }  .order-lg-2 {   order: 2 !important;  }  .order-lg-3 {   order: 3 !important;  }  .order-lg-4 {   order: 4 !important;  }  .order-lg-5 {   order: 5 !important;  }  .order-lg-last {   order: 6 !important;  }  .m-lg-0 {   margin: 0 !important;  }  .m-lg-1 {   margin: 0.25rem !important;  }  .m-lg-2 {   margin: 0.5rem !important;  }  .m-lg-3 {   margin: 1rem !important;  }  .m-lg-4 {   margin: 1.5rem !important;  }  .m-lg-5 {   margin: 3rem !important;  }  .m-lg-auto {   margin: auto !important;  }  .mx-lg-0 {   margin-right: 0 !important;   margin-left: 0 !important;  }  .mx-lg-1 {   margin-right: 0.25rem !important;   margin-left: 0.25rem !important;  }  .mx-lg-2 {   margin-right: 0.5rem !important;   margin-left: 0.5rem !important;  }  .mx-lg-3 {   margin-right: 1rem !important;   margin-left: 1rem !important;  }  .mx-lg-4 {   margin-right: 1.5rem !important;   margin-left: 1.5rem !important;  }  .mx-lg-5 {   margin-right: 3rem !important;   margin-left: 3rem !important;  }  .mx-lg-auto {   margin-right: auto !important;   margin-left: auto !important;  }  .my-lg-0 {   margin-top: 0 !important;   margin-bottom: 0 !important;  }  .my-lg-1 {   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important;  }  .my-lg-2 {   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important;  }  .my-lg-3 {   margin-top: 1rem !important;   margin-bottom: 1rem !important;  }  .my-lg-4 {   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important;  }  .my-lg-5 {   margin-top: 3rem !important;   margin-bottom: 3rem !important;  }  .my-lg-auto {   margin-top: auto !important;   margin-bottom: auto !important;  }  .mt-lg-0 {   margin-top: 0 !important;  }  .mt-lg-1 {   margin-top: 0.25rem !important;  }  .mt-lg-2 {   margin-top: 0.5rem !important;  }  .mt-lg-3 {   margin-top: 1rem !important;  }  .mt-lg-4 {   margin-top: 1.5rem !important;  }  .mt-lg-5 {   margin-top: 3rem !important;  }  .mt-lg-auto {   margin-top: auto !important;  }  .me-lg-0 {   margin-right: 0 !important;  }  .me-lg-1 {   margin-right: 0.25rem !important;  }  .me-lg-2 {   margin-right: 0.5rem !important;  }  .me-lg-3 {   margin-right: 1rem !important;  }  .me-lg-4 {   margin-right: 1.5rem !important;  }  .me-lg-5 {   margin-right: 3rem !important;  }  .me-lg-auto {   margin-right: auto !important;  }  .mb-lg-0 {   margin-bottom: 0 !important;  }  .mb-lg-1 {   margin-bottom: 0.25rem !important;  }  .mb-lg-2 {   margin-bottom: 0.5rem !important;  }  .mb-lg-3 {   margin-bottom: 1rem !important;  }  .mb-lg-4 {   margin-bottom: 1.5rem !important;  }  .mb-lg-5 {   margin-bottom: 3rem !important;  }  .mb-lg-auto {   margin-bottom: auto !important;  }  .ms-lg-0 {   margin-left: 0 !important;  }  .ms-lg-1 {   margin-left: 0.25rem !important;  }  .ms-lg-2 {   margin-left: 0.5rem !important;  }  .ms-lg-3 {   margin-left: 1rem !important;  }  .ms-lg-4 {   margin-left: 1.5rem !important;  }  .ms-lg-5 {   margin-left: 3rem !important;  }  .ms-lg-auto {   margin-left: auto !important;  }  .p-lg-0 {   padding: 0 !important;  }  .p-lg-1 {   padding: 0.25rem !important;  }  .p-lg-2 {   padding: 0.5rem !important;  }  .p-lg-3 {   padding: 1rem !important;  }  .p-lg-4 {   padding: 1.5rem !important;  }  .p-lg-5 {   padding: 3rem !important;  }  .px-lg-0 {   padding-right: 0 !important;   padding-left: 0 !important;  }  .px-lg-1 {   padding-right: 0.25rem !important;   padding-left: 0.25rem !important;  }  .px-lg-2 {   padding-right: 0.5rem !important;   padding-left: 0.5rem !important;  }  .px-lg-3 {   padding-right: 1rem !important;   padding-left: 1rem !important;  }  .px-lg-4 {   padding-right: 1.5rem !important;   padding-left: 1.5rem !important;  }  .px-lg-5 {   padding-right: 3rem !important;   padding-left: 3rem !important;  }  .py-lg-0 {   padding-top: 0 !important;   padding-bottom: 0 !important;  }  .py-lg-1 {   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important;  }  .py-lg-2 {   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important;  }  .py-lg-3 {   padding-top: 1rem !important;   padding-bottom: 1rem !important;  }  .py-lg-4 {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important;  }  .py-lg-5 {   padding-top: 3rem !important;   padding-bottom: 3rem !important;  }  .pt-lg-0 {   padding-top: 0 !important;  }  .pt-lg-1 {   padding-top: 0.25rem !important;  }  .pt-lg-2 {   padding-top: 0.5rem !important;  }  .pt-lg-3 {   padding-top: 1rem !important;  }  .pt-lg-4 {   padding-top: 1.5rem !important;  }  .pt-lg-5 {   padding-top: 3rem !important;  }  .pe-lg-0 {   padding-right: 0 !important;  }  .pe-lg-1 {   padding-right: 0.25rem !important;  }  .pe-lg-2 {   padding-right: 0.5rem !important;  }  .pe-lg-3 {   padding-right: 1rem !important;  }  .pe-lg-4 {   padding-right: 1.5rem !important;  }  .pe-lg-5 {   padding-right: 3rem !important;  }  .pb-lg-0 {   padding-bottom: 0 !important;  }  .pb-lg-1 {   padding-bottom: 0.25rem !important;  }  .pb-lg-2 {   padding-bottom: 0.5rem !important;  }  .pb-lg-3 {   padding-bottom: 1rem !important;  }  .pb-lg-4 {   padding-bottom: 1.5rem !important;  }  .pb-lg-5 {   padding-bottom: 3rem !important;  }  .ps-lg-0 {   padding-left: 0 !important;  }  .ps-lg-1 {   padding-left: 0.25rem !important;  }  .ps-lg-2 {   padding-left: 0.5rem !important;  }  .ps-lg-3 {   padding-left: 1rem !important;  }  .ps-lg-4 {   padding-left: 1.5rem !important;  }  .ps-lg-5 {   padding-left: 3rem !important;  }  .text-lg-start {   text-align: left !important;  }  .text-lg-end {   text-align: right !important;  }  .text-lg-center {   text-align: center !important;  } } @media (min-width: 1200px) {  .float-xl-start {   float: left !important;  }  .float-xl-end {   float: right !important;  }  .float-xl-none {   float: none !important;  }  .d-xl-inline {   display: inline !important;  }  .d-xl-inline-block {   display: inline-block !important;  }  .d-xl-block {   display: block !important;  }  .d-xl-grid {   display: grid !important;  }  .d-xl-table {   display: table !important;  }  .d-xl-table-row {   display: table-row !important;  }  .d-xl-table-cell {   display: table-cell !important;  }  .d-xl-flex {   display: flex !important;  }  .d-xl-inline-flex {   display: inline-flex !important;  }  .d-xl-none {   display: none !important;  }  .flex-xl-fill {   flex: 1 1 auto !important;  }  .flex-xl-row {   flex-direction: row !important;  }  .flex-xl-column {   flex-direction: column !important;  }  .flex-xl-row-reverse {   flex-direction: row-reverse !important;  }  .flex-xl-column-reverse {   flex-direction: column-reverse !important;  }  .flex-xl-grow-0 {   flex-grow: 0 !important;  }  .flex-xl-grow-1 {   flex-grow: 1 !important;  }  .flex-xl-shrink-0 {   flex-shrink: 0 !important;  }  .flex-xl-shrink-1 {   flex-shrink: 1 !important;  }  .flex-xl-wrap {   flex-wrap: wrap !important;  }  .flex-xl-nowrap {   flex-wrap: nowrap !important;  }  .flex-xl-wrap-reverse {   flex-wrap: wrap-reverse !important;  }  .gap-xl-0 {   gap: 0 !important;  }  .gap-xl-1 {   gap: 0.25rem !important;  }  .gap-xl-2 {   gap: 0.5rem !important;  }  .gap-xl-3 {   gap: 1rem !important;  }  .gap-xl-4 {   gap: 1.5rem !important;  }  .gap-xl-5 {   gap: 3rem !important;  }  .justify-content-xl-start {   justify-content: flex-start !important;  }  .justify-content-xl-end {   justify-content: flex-end !important;  }  .justify-content-xl-center {   justify-content: center !important;  }  .justify-content-xl-between {   justify-content: space-between !important;  }  .justify-content-xl-around {   justify-content: space-around !important;  }  .justify-content-xl-evenly {   justify-content: space-evenly !important;  }  .align-items-xl-start {   align-items: flex-start !important;  }  .align-items-xl-end {   align-items: flex-end !important;  }  .align-items-xl-center {   align-items: center !important;  }  .align-items-xl-baseline {   align-items: baseline !important;  }  .align-items-xl-stretch {   align-items: stretch !important;  }  .align-content-xl-start {   align-content: flex-start !important;  }  .align-content-xl-end {   align-content: flex-end !important;  }  .align-content-xl-center {   align-content: center !important;  }  .align-content-xl-between {   align-content: space-between !important;  }  .align-content-xl-around {   align-content: space-around !important;  }  .align-content-xl-stretch {   align-content: stretch !important;  }  .align-self-xl-auto {   align-self: auto !important;  }  .align-self-xl-start {   align-self: flex-start !important;  }  .align-self-xl-end {   align-self: flex-end !important;  }  .align-self-xl-center {   align-self: center !important;  }  .align-self-xl-baseline {   align-self: baseline !important;  }  .align-self-xl-stretch {   align-self: stretch !important;  }  .order-xl-first {   order: -1 !important;  }  .order-xl-0 {   order: 0 !important;  }  .order-xl-1 {   order: 1 !important;  }  .order-xl-2 {   order: 2 !important;  }  .order-xl-3 {   order: 3 !important;  }  .order-xl-4 {   order: 4 !important;  }  .order-xl-5 {   order: 5 !important;  }  .order-xl-last {   order: 6 !important;  }  .m-xl-0 {   margin: 0 !important;  }  .m-xl-1 {   margin: 0.25rem !important;  }  .m-xl-2 {   margin: 0.5rem !important;  }  .m-xl-3 {   margin: 1rem !important;  }  .m-xl-4 {   margin: 1.5rem !important;  }  .m-xl-5 {   margin: 3rem !important;  }  .m-xl-auto {   margin: auto !important;  }  .mx-xl-0 {   margin-right: 0 !important;   margin-left: 0 !important;  }  .mx-xl-1 {   margin-right: 0.25rem !important;   margin-left: 0.25rem !important;  }  .mx-xl-2 {   margin-right: 0.5rem !important;   margin-left: 0.5rem !important;  }  .mx-xl-3 {   margin-right: 1rem !important;   margin-left: 1rem !important;  }  .mx-xl-4 {   margin-right: 1.5rem !important;   margin-left: 1.5rem !important;  }  .mx-xl-5 {   margin-right: 3rem !important;   margin-left: 3rem !important;  }  .mx-xl-auto {   margin-right: auto !important;   margin-left: auto !important;  }  .my-xl-0 {   margin-top: 0 !important;   margin-bottom: 0 !important;  }  .my-xl-1 {   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important;  }  .my-xl-2 {   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important;  }  .my-xl-3 {   margin-top: 1rem !important;   margin-bottom: 1rem !important;  }  .my-xl-4 {   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important;  }  .my-xl-5 {   margin-top: 3rem !important;   margin-bottom: 3rem !important;  }  .my-xl-auto {   margin-top: auto !important;   margin-bottom: auto !important;  }  .mt-xl-0 {   margin-top: 0 !important;  }  .mt-xl-1 {   margin-top: 0.25rem !important;  }  .mt-xl-2 {   margin-top: 0.5rem !important;  }  .mt-xl-3 {   margin-top: 1rem !important;  }  .mt-xl-4 {   margin-top: 1.5rem !important;  }  .mt-xl-5 {   margin-top: 3rem !important;  }  .mt-xl-auto {   margin-top: auto !important;  }  .me-xl-0 {   margin-right: 0 !important;  }  .me-xl-1 {   margin-right: 0.25rem !important;  }  .me-xl-2 {   margin-right: 0.5rem !important;  }  .me-xl-3 {   margin-right: 1rem !important;  }  .me-xl-4 {   margin-right: 1.5rem !important;  }  .me-xl-5 {   margin-right: 3rem !important;  }  .me-xl-auto {   margin-right: auto !important;  }  .mb-xl-0 {   margin-bottom: 0 !important;  }  .mb-xl-1 {   margin-bottom: 0.25rem !important;  }  .mb-xl-2 {   margin-bottom: 0.5rem !important;  }  .mb-xl-3 {   margin-bottom: 1rem !important;  }  .mb-xl-4 {   margin-bottom: 1.5rem !important;  }  .mb-xl-5 {   margin-bottom: 3rem !important;  }  .mb-xl-auto {   margin-bottom: auto !important;  }  .ms-xl-0 {   margin-left: 0 !important;  }  .ms-xl-1 {   margin-left: 0.25rem !important;  }  .ms-xl-2 {   margin-left: 0.5rem !important;  }  .ms-xl-3 {   margin-left: 1rem !important;  }  .ms-xl-4 {   margin-left: 1.5rem !important;  }  .ms-xl-5 {   margin-left: 3rem !important;  }  .ms-xl-auto {   margin-left: auto !important;  }  .p-xl-0 {   padding: 0 !important;  }  .p-xl-1 {   padding: 0.25rem !important;  }  .p-xl-2 {   padding: 0.5rem !important;  }  .p-xl-3 {   padding: 1rem !important;  }  .p-xl-4 {   padding: 1.5rem !important;  }  .p-xl-5 {   padding: 3rem !important;  }  .px-xl-0 {   padding-right: 0 !important;   padding-left: 0 !important;  }  .px-xl-1 {   padding-right: 0.25rem !important;   padding-left: 0.25rem !important;  }  .px-xl-2 {   padding-right: 0.5rem !important;   padding-left: 0.5rem !important;  }  .px-xl-3 {   padding-right: 1rem !important;   padding-left: 1rem !important;  }  .px-xl-4 {   padding-right: 1.5rem !important;   padding-left: 1.5rem !important;  }  .px-xl-5 {   padding-right: 3rem !important;   padding-left: 3rem !important;  }  .py-xl-0 {   padding-top: 0 !important;   padding-bottom: 0 !important;  }  .py-xl-1 {   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important;  }  .py-xl-2 {   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important;  }  .py-xl-3 {   padding-top: 1rem !important;   padding-bottom: 1rem !important;  }  .py-xl-4 {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important;  }  .py-xl-5 {   padding-top: 3rem !important;   padding-bottom: 3rem !important;  }  .pt-xl-0 {   padding-top: 0 !important;  }  .pt-xl-1 {   padding-top: 0.25rem !important;  }  .pt-xl-2 {   padding-top: 0.5rem !important;  }  .pt-xl-3 {   padding-top: 1rem !important;  }  .pt-xl-4 {   padding-top: 1.5rem !important;  }  .pt-xl-5 {   padding-top: 3rem !important;  }  .pe-xl-0 {   padding-right: 0 !important;  }  .pe-xl-1 {   padding-right: 0.25rem !important;  }  .pe-xl-2 {   padding-right: 0.5rem !important;  }  .pe-xl-3 {   padding-right: 1rem !important;  }  .pe-xl-4 {   padding-right: 1.5rem !important;  }  .pe-xl-5 {   padding-right: 3rem !important;  }  .pb-xl-0 {   padding-bottom: 0 !important;  }  .pb-xl-1 {   padding-bottom: 0.25rem !important;  }  .pb-xl-2 {   padding-bottom: 0.5rem !important;  }  .pb-xl-3 {   padding-bottom: 1rem !important;  }  .pb-xl-4 {   padding-bottom: 1.5rem !important;  }  .pb-xl-5 {   padding-bottom: 3rem !important;  }  .ps-xl-0 {   padding-left: 0 !important;  }  .ps-xl-1 {   padding-left: 0.25rem !important;  }  .ps-xl-2 {   padding-left: 0.5rem !important;  }  .ps-xl-3 {   padding-left: 1rem !important;  }  .ps-xl-4 {   padding-left: 1.5rem !important;  }  .ps-xl-5 {   padding-left: 3rem !important;  }  .text-xl-start {   text-align: left !important;  }  .text-xl-end {   text-align: right !important;  }  .text-xl-center {   text-align: center !important;  } } @media (min-width: 1400px) {  .float-xxl-start {   float: left !important;  }  .float-xxl-end {   float: right !important;  }  .float-xxl-none {   float: none !important;  }  .d-xxl-inline {   display: inline !important;  }  .d-xxl-inline-block {   display: inline-block !important;  }  .d-xxl-block {   display: block !important;  }  .d-xxl-grid {   display: grid !important;  }  .d-xxl-table {   display: table !important;  }  .d-xxl-table-row {   display: table-row !important;  }  .d-xxl-table-cell {   display: table-cell !important;  }  .d-xxl-flex {   display: flex !important;  }  .d-xxl-inline-flex {   display: inline-flex !important;  }  .d-xxl-none {   display: none !important;  }  .flex-xxl-fill {   flex: 1 1 auto !important;  }  .flex-xxl-row {   flex-direction: row !important;  }  .flex-xxl-column {   flex-direction: column !important;  }  .flex-xxl-row-reverse {   flex-direction: row-reverse !important;  }  .flex-xxl-column-reverse {   flex-direction: column-reverse !important;  }  .flex-xxl-grow-0 {   flex-grow: 0 !important;  }  .flex-xxl-grow-1 {   flex-grow: 1 !important;  }  .flex-xxl-shrink-0 {   flex-shrink: 0 !important;  }  .flex-xxl-shrink-1 {   flex-shrink: 1 !important;  }  .flex-xxl-wrap {   flex-wrap: wrap !important;  }  .flex-xxl-nowrap {   flex-wrap: nowrap !important;  }  .flex-xxl-wrap-reverse {   flex-wrap: wrap-reverse !important;  }  .gap-xxl-0 {   gap: 0 !important;  }  .gap-xxl-1 {   gap: 0.25rem !important;  }  .gap-xxl-2 {   gap: 0.5rem !important;  }  .gap-xxl-3 {   gap: 1rem !important;  }  .gap-xxl-4 {   gap: 1.5rem !important;  }  .gap-xxl-5 {   gap: 3rem !important;  }  .justify-content-xxl-start {   justify-content: flex-start !important;  }  .justify-content-xxl-end {   justify-content: flex-end !important;  }  .justify-content-xxl-center {   justify-content: center !important;  }  .justify-content-xxl-between {   justify-content: space-between !important;  }  .justify-content-xxl-around {   justify-content: space-around !important;  }  .justify-content-xxl-evenly {   justify-content: space-evenly !important;  }  .align-items-xxl-start {   align-items: flex-start !important;  }  .align-items-xxl-end {   align-items: flex-end !important;  }  .align-items-xxl-center {   align-items: center !important;  }  .align-items-xxl-baseline {   align-items: baseline !important;  }  .align-items-xxl-stretch {   align-items: stretch !important;  }  .align-content-xxl-start {   align-content: flex-start !important;  }  .align-content-xxl-end {   align-content: flex-end !important;  }  .align-content-xxl-center {   align-content: center !important;  }  .align-content-xxl-between {   align-content: space-between !important;  }  .align-content-xxl-around {   align-content: space-around !important;  }  .align-content-xxl-stretch {   align-content: stretch !important;  }  .align-self-xxl-auto {   align-self: auto !important;  }  .align-self-xxl-start {   align-self: flex-start !important;  }  .align-self-xxl-end {   align-self: flex-end !important;  }  .align-self-xxl-center {   align-self: center !important;  }  .align-self-xxl-baseline {   align-self: baseline !important;  }  .align-self-xxl-stretch {   align-self: stretch !important;  }  .order-xxl-first {   order: -1 !important;  }  .order-xxl-0 {   order: 0 !important;  }  .order-xxl-1 {   order: 1 !important;  }  .order-xxl-2 {   order: 2 !important;  }  .order-xxl-3 {   order: 3 !important;  }  .order-xxl-4 {   order: 4 !important;  }  .order-xxl-5 {   order: 5 !important;  }  .order-xxl-last {   order: 6 !important;  }  .m-xxl-0 {   margin: 0 !important;  }  .m-xxl-1 {   margin: 0.25rem !important;  }  .m-xxl-2 {   margin: 0.5rem !important;  }  .m-xxl-3 {   margin: 1rem !important;  }  .m-xxl-4 {   margin: 1.5rem !important;  }  .m-xxl-5 {   margin: 3rem !important;  }  .m-xxl-auto {   margin: auto !important;  }  .mx-xxl-0 {   margin-right: 0 !important;   margin-left: 0 !important;  }  .mx-xxl-1 {   margin-right: 0.25rem !important;   margin-left: 0.25rem !important;  }  .mx-xxl-2 {   margin-right: 0.5rem !important;   margin-left: 0.5rem !important;  }  .mx-xxl-3 {   margin-right: 1rem !important;   margin-left: 1rem !important;  }  .mx-xxl-4 {   margin-right: 1.5rem !important;   margin-left: 1.5rem !important;  }  .mx-xxl-5 {   margin-right: 3rem !important;   margin-left: 3rem !important;  }  .mx-xxl-auto {   margin-right: auto !important;   margin-left: auto !important;  }  .my-xxl-0 {   margin-top: 0 !important;   margin-bottom: 0 !important;  }  .my-xxl-1 {   margin-top: 0.25rem !important;   margin-bottom: 0.25rem !important;  }  .my-xxl-2 {   margin-top: 0.5rem !important;   margin-bottom: 0.5rem !important;  }  .my-xxl-3 {   margin-top: 1rem !important;   margin-bottom: 1rem !important;  }  .my-xxl-4 {   margin-top: 1.5rem !important;   margin-bottom: 1.5rem !important;  }  .my-xxl-5 {   margin-top: 3rem !important;   margin-bottom: 3rem !important;  }  .my-xxl-auto {   margin-top: auto !important;   margin-bottom: auto !important;  }  .mt-xxl-0 {   margin-top: 0 !important;  }  .mt-xxl-1 {   margin-top: 0.25rem !important;  }  .mt-xxl-2 {   margin-top: 0.5rem !important;  }  .mt-xxl-3 {   margin-top: 1rem !important;  }  .mt-xxl-4 {   margin-top: 1.5rem !important;  }  .mt-xxl-5 {   margin-top: 3rem !important;  }  .mt-xxl-auto {   margin-top: auto !important;  }  .me-xxl-0 {   margin-right: 0 !important;  }  .me-xxl-1 {   margin-right: 0.25rem !important;  }  .me-xxl-2 {   margin-right: 0.5rem !important;  }  .me-xxl-3 {   margin-right: 1rem !important;  }  .me-xxl-4 {   margin-right: 1.5rem !important;  }  .me-xxl-5 {   margin-right: 3rem !important;  }  .me-xxl-auto {   margin-right: auto !important;  }  .mb-xxl-0 {   margin-bottom: 0 !important;  }  .mb-xxl-1 {   margin-bottom: 0.25rem !important;  }  .mb-xxl-2 {   margin-bottom: 0.5rem !important;  }  .mb-xxl-3 {   margin-bottom: 1rem !important;  }  .mb-xxl-4 {   margin-bottom: 1.5rem !important;  }  .mb-xxl-5 {   margin-bottom: 3rem !important;  }  .mb-xxl-auto {   margin-bottom: auto !important;  }  .ms-xxl-0 {   margin-left: 0 !important;  }  .ms-xxl-1 {   margin-left: 0.25rem !important;  }  .ms-xxl-2 {   margin-left: 0.5rem !important;  }  .ms-xxl-3 {   margin-left: 1rem !important;  }  .ms-xxl-4 {   margin-left: 1.5rem !important;  }  .ms-xxl-5 {   margin-left: 3rem !important;  }  .ms-xxl-auto {   margin-left: auto !important;  }  .p-xxl-0 {   padding: 0 !important;  }  .p-xxl-1 {   padding: 0.25rem !important;  }  .p-xxl-2 {   padding: 0.5rem !important;  }  .p-xxl-3 {   padding: 1rem !important;  }  .p-xxl-4 {   padding: 1.5rem !important;  }  .p-xxl-5 {   padding: 3rem !important;  }  .px-xxl-0 {   padding-right: 0 !important;   padding-left: 0 !important;  }  .px-xxl-1 {   padding-right: 0.25rem !important;   padding-left: 0.25rem !important;  }  .px-xxl-2 {   padding-right: 0.5rem !important;   padding-left: 0.5rem !important;  }  .px-xxl-3 {   padding-right: 1rem !important;   padding-left: 1rem !important;  }  .px-xxl-4 {   padding-right: 1.5rem !important;   padding-left: 1.5rem !important;  }  .px-xxl-5 {   padding-right: 3rem !important;   padding-left: 3rem !important;  }  .py-xxl-0 {   padding-top: 0 !important;   padding-bottom: 0 !important;  }  .py-xxl-1 {   padding-top: 0.25rem !important;   padding-bottom: 0.25rem !important;  }  .py-xxl-2 {   padding-top: 0.5rem !important;   padding-bottom: 0.5rem !important;  }  .py-xxl-3 {   padding-top: 1rem !important;   padding-bottom: 1rem !important;  }  .py-xxl-4 {   padding-top: 1.5rem !important;   padding-bottom: 1.5rem !important;  }  .py-xxl-5 {   padding-top: 3rem !important;   padding-bottom: 3rem !important;  }  .pt-xxl-0 {   padding-top: 0 !important;  }  .pt-xxl-1 {   padding-top: 0.25rem !important;  }  .pt-xxl-2 {   padding-top: 0.5rem !important;  }  .pt-xxl-3 {   padding-top: 1rem !important;  }  .pt-xxl-4 {   padding-top: 1.5rem !important;  }  .pt-xxl-5 {   padding-top: 3rem !important;  }  .pe-xxl-0 {   padding-right: 0 !important;  }  .pe-xxl-1 {   padding-right: 0.25rem !important;  }  .pe-xxl-2 {   padding-right: 0.5rem !important;  }  .pe-xxl-3 {   padding-right: 1rem !important;  }  .pe-xxl-4 {   padding-right: 1.5rem !important;  }  .pe-xxl-5 {   padding-right: 3rem !important;  }  .pb-xxl-0 {   padding-bottom: 0 !important;  }  .pb-xxl-1 {   padding-bottom: 0.25rem !important;  }  .pb-xxl-2 {   padding-bottom: 0.5rem !important;  }  .pb-xxl-3 {   padding-bottom: 1rem !important;  }  .pb-xxl-4 {   padding-bottom: 1.5rem !important;  }  .pb-xxl-5 {   padding-bottom: 3rem !important;  }  .ps-xxl-0 {   padding-left: 0 !important;  }  .ps-xxl-1 {   padding-left: 0.25rem !important;  }  .ps-xxl-2 {   padding-left: 0.5rem !important;  }  .ps-xxl-3 {   padding-left: 1rem !important;  }  .ps-xxl-4 {   padding-left: 1.5rem !important;  }  .ps-xxl-5 {   padding-left: 3rem !important;  }  .text-xxl-start {   text-align: left !important;  }  .text-xxl-end {   text-align: right !important;  }  .text-xxl-center {   text-align: center !important;  } } @media (min-width: 1200px) {  .fs-1 {   font-size: 2.5rem !important;  }  .fs-2 {   font-size: 2rem !important;  }  .fs-3 {   font-size: 1.75rem !important;  }  .fs-4 {   font-size: 1.5rem !important;  } } @media print {  .d-print-inline {   display: inline !important;  }  .d-print-inline-block {   display: inline-block !important;  }  .d-print-block {   display: block !important;  }  .d-print-grid {   display: grid !important;  }  .d-print-table {   display: table !important;  }  .d-print-table-row {   display: table-row !important;  }  .d-print-table-cell {   display: table-cell !important;  }  .d-print-flex {   display: flex !important;  }  .d-print-inline-flex {   display: inline-flex !important;  }  .d-print-none {   display: none !important;  } } html {  scroll-padding-top: 4.5rem; } body {  position: relative;  overflow-x: hidden; } p {  line-height: 1.75; } .color-white {  color: white; } .page-section {  padding: 6rem 0;  background-color: black; } .page-section h2.section-heading, .page-section .section-heading.h2 {  font-size: 2.5rem;  margin-top: 0;  margin-bottom: 1rem; } .page-section h3.section-subheading, .page-section .section-subheading.h3 {  font-size: 1.5rem;  font-weight: 400;  margin-bottom: 4rem; } .btn-xl {  padding: 1.25rem 2.5rem;  font-size: 1.125rem;  font-weight: 700; } .btn-social {  height: 2.5rem;  width: 2.5rem;  display: inline-flex;  align-items: center;  justify-content: center;  padding: 0;  border-radius: 100%; } .body-space {  margin-top: 94px;  background: black;  color: white;  height: calc(100vh - 94px - 69px);  display: flex;  align-items: center;  justify-content: center;  flex-direction: column; } #mainNav {  padding-top: 1rem;  padding-bottom: 1rem;  background-color: #212529; } #mainNav .navbar-toggler {  padding: 0.75rem;  font-size: 0.75rem;  text-transform: uppercase;  font-weight: 700; } #mainNav .navbar-brand {  color: #fff68b;  font-weight: 700;  letter-spacing: 0.0625em;  text-transform: uppercase; } #mainNav .navbar-brand img {  height: 1.5rem; } #mainNav .navbar-nav .nav-item .nav-link {  font-size: 0.95rem;  color: #fff;  letter-spacing: 0.0625em; } #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {  color: #fff68b; } @media (min-width: 992px) {  #mainNav {   padding-top: 1.5rem;   padding-bottom: 1.5rem;   border: none;   background-color: #000;   transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;  }  #mainNav .navbar-brand {   font-size: 1.5em;   transition: font-size 0.3s ease-in-out;  }  #mainNav .navbar-brand img {   height: 2rem;   transition: height 0.3s ease-in-out;  }  #mainNav.navbar-shrink {   padding-top: 1rem;   padding-bottom: 1rem;   background-color: #000;  }  #mainNav.navbar-shrink .navbar-brand {   font-size: 1.25em;  }  #mainNav .navbar-nav .nav-item {   margin-right: 1rem;   display: flex;   align-items: center;   justify-content: center;  }  #mainNav .navbar-nav .nav-item:last-child {   margin-right: 0;  } } .nav-item a {  text-decoration: none; } header.masthead {  padding-top: 10.5rem;  padding-bottom: 6rem;  text-align: center;  color: #fff;  background-image: url(https://fleetmobility.ca/img/header-bg.webp);  background-repeat: no-repeat;  background-attachment: scroll;  background-position: center bottom;  background-size: cover;  height: 100vh;  display: flex;  align-items: center;  justify-content: center; } header.masthead .masthead-subheading {  font-size: 1.5rem;  line-height: 1.5rem;  margin-bottom: 25px; } header.masthead .masthead-heading {  color: #fff68b;  font-size: 3.25rem;  font-weight: 700;  line-height: 3.25rem;  margin-bottom: 2rem; } @media (min-width: 768px) {  header.masthead {   padding-top: 17rem;   padding-bottom: 12.5rem;  }  header.masthead .masthead-subheading {   font-size: 2.25rem;   line-height: 2.25rem;   margin-bottom: 2rem;  }  header.masthead .masthead-heading {   font-size: 4.5rem;   font-weight: 700;   line-height: 4.5rem;   margin-bottom: 4rem;  } } #companies .portfolio-item {  max-width: 26rem;  margin-left: auto;  margin-right: auto; } #companies .portfolio-item .portfolio-link {  position: relative;  display: block;  margin: 0 auto;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  text-decoration: none;  background: #000;  flex-direction: column;  display: flex; } #companies .portfolio-item .portfolio-link .portfolio-hover {  display: flex;  position: absolute;  width: 100%;  height: 100%;  background: rgba(255, 200, 0, 0.9);  align-items: center;  justify-content: center;  opacity: 0;  transition: opacity ease-in-out 0.25s; } #companies .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {  font-size: 1.25rem;  color: white; } #companies .portfolio-item .portfolio-link:hover .portfolio-hover {  opacity: 1; } #companies .portfolio-item .portfolio-caption {  padding: 0.5rem;  height: 120px;  display: flex;  align-items: center;  text-align: center;  justify-content: center;  background-color: #fff; } #companies .portfolio-item .portfolio-caption .portfolio-caption-heading {  font-size: 1.5rem;  font-weight: 700;  margin-bottom: 0; } #companies .portfolio-item .portfolio-caption .portfolio-caption-subheading {  text-decoration: none; } .portfolio-modal .modal-dialog {  margin: 1rem;  max-width: 100vw; } .portfolio-modal .modal-content {  padding-top: 6rem;  padding-bottom: 6rem;  text-align: center; } .portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 {  font-size: 3rem;  line-height: 3rem; } .portfolio-modal .modal-content p.item-intro {  font-style: italic;  margin-bottom: 2rem; } .portfolio-modal .modal-content p {  margin-bottom: 2rem; } .portfolio-modal .modal-content ul.list-inline {  margin-bottom: 2rem; } .portfolio-modal .modal-content img {  margin-bottom: 2rem; } .portfolio-modal .close-modal {  position: absolute;  top: 1.5rem;  right: 1.5rem;  width: 3rem;  height: 3rem;  cursor: pointer;  background-color: transparent; } .portfolio-modal .close-modal:hover {  opacity: 0.3; } .timeline {  position: relative;  padding: 0;  list-style: none; } .timeline:before {  position: absolute;  top: 0;  bottom: 0;  left: 40px;  width: 2px;  margin-left: -1.5px;  content: "";  background-color: #e9ecef; } .timeline > li {  position: relative;  min-height: 50px;  margin-bottom: 50px; } .timeline > li:after, .timeline > li:before {  display: table;  content: " "; } .timeline > li:after {  clear: both; } .timeline > li .timeline-panel {  position: relative;  float: right;  width: 100%;  padding: 0 20px 0 100px;  text-align: left; } .timeline > li .timeline-panel:before {  right: auto;  left: -15px;  border-right-width: 15px;  border-left-width: 0; } .timeline > li .timeline-panel:after {  right: auto;  left: -14px;  border-right-width: 14px;  border-left-width: 0; } .timeline > li .timeline-image {  position: absolute;  display: flex;  align-items: center;  justify-content: center;  z-index: 100;  left: 0;  width: 80px;  height: 80px;  margin-left: 0;  text-align: center;  color: white;  border: 7px solid #e9ecef;  border-radius: 100%;  background-color: #000; } .timeline > li .timeline-image:last-child {  background-color: #fff68b; } .timeline > li .timeline-image h4 {  margin: 0 !important; } .field-contactform-verifycode label {  color: white; } .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {  font-size: 10px;  line-height: 14px;  margin-top: 12px;  color: black; } .timeline > li.timeline-inverted > .timeline-panel {  float: right;  padding: 0 20px 0 100px;  text-align: left; } .timeline > li.timeline-inverted > .timeline-panel:before {  right: auto;  left: -15px;  border-right-width: 15px;  border-left-width: 0; } .timeline > li.timeline-inverted > .timeline-panel:after {  right: auto;  left: -14px;  border-right-width: 14px;  border-left-width: 0; } .timeline > li:last-child {  margin-bottom: 0; } .timeline .timeline-heading h4, .timeline .timeline-heading .h4 {  margin-top: 0;  color: white; } .timeline .timeline-heading h4.subheading, .timeline .timeline-heading .subheading.h4 {  text-transform: none; } .timeline .timeline-body > ul, .timeline .timeline-body > p {  margin-bottom: 0; } @media (min-width: 768px) {  .timeline:before {   left: 50%;  }  .timeline > li {   min-height: 100px;   margin-bottom: 100px;  }  .timeline > li .timeline-panel {   float: left;   width: 41%;   padding: 0 20px 20px 30px;   text-align: right;  }  .timeline > li .timeline-image {   left: 50%;   width: 100px;   height: 100px;   margin-left: -50px;  }  .timeline > li .timeline-image h4,  .timeline > li .timeline-image .h4 {   font-size: 13px;   line-height: 18px;   margin-top: 16px;  }  .timeline > li.timeline-inverted > .timeline-panel {   float: right;   padding: 0 30px 20px 20px;   text-align: left;  } } @media (min-width: 992px) {  .timeline > li {   min-height: 150px;  }  .timeline > li .timeline-panel {   padding: 0 20px 20px;  }  .timeline > li .timeline-image {   width: 150px;   height: 150px;   margin-left: -75px;  }  .timeline > li .timeline-image h4,  .timeline > li .timeline-image .h4 {   font-size: 18px;   line-height: 26px;   margin-top: 30px;  }  .timeline > li.timeline-inverted > .timeline-panel {   padding: 0 20px 20px;  } } @media (min-width: 1200px) {  .timeline > li {   min-height: 170px;  }  .timeline > li .timeline-panel {   padding: 0 20px 20px 100px;  }  .timeline > li .timeline-image {   width: 170px;   height: 170px;   margin-left: -85px;  }  .timeline > li .timeline-image h4,  .timeline > li .timeline-image .h4 {   margin-top: 40px;   color: black;  }  .timeline > li.timeline-inverted > .timeline-panel {   padding: 0 100px 20px 20px;  } } .team-member {  margin-bottom: 3rem;  text-align: center; } .team-member p {  height: 56px; } @media (max-width: 992px) {  .team-member p {   height: auto;  } } .team-member h4, .team-member .h4 {  margin-top: 1.5rem;  margin-bottom: 0; } .img-brand {  height: 2.75rem; } section#career {  background-color: #000;  background-image: url(https://fleetmobility.ca/img/career.webp);  background-repeat: no-repeat;  background-position: center;  color: white; } section#career .section-subheading {  color: #fff68b; } section#career .content a {  color: white;  font-weight: bold;  text-decoration: underline; } section#contact {  background-color: #000; } section#contact #contact-form .form-group {  margin-bottom: 2rem; } section#contact #contact-form .form-group input, section#contact #contact-form .form-group textarea {  padding: 20px 30px; } section#contact #contact-form .form-group input::-moz-placeholder, section#contact #contact-form .form-group textarea::-moz-placeholder {  color: #000; } section#contact #contact-form .form-group input::placeholder, section#contact #contact-form .form-group textarea::placeholder {  color: #000; } section#contact #contact-form .form-group button {  width: 225px;  padding: 15px;  font-size: 18px;  font-weight: bold;  color: black; } section#contact .section-heading {  color: #fff; } section#contact form#contactForm .form-group {  margin-bottom: 1.5rem; } section#contact form#contactForm .form-group input, section#contact form#contactForm .form-group textarea {  padding: 1.25rem; } section#contact form#contactForm .form-group input.form-control {  height: auto; } section#contact form#contactForm .form-group-textarea {  height: 100%; } section#contact form#contactForm .form-group-textarea textarea {  height: 100%;  min-height: 10rem; } section#contact form#contactForm p.help-block {  margin: 0; } section#contact form#contactForm .form-control:focus {  border-color: #fff68b;  box-shadow: none; } section#contact form#contactForm ::-webkit-input-placeholder {  font-weight: 700;  color: #ced4da; } section#contact form#contactForm :-moz-placeholder {  font-weight: 700;  color: #ced4da; } section#contact form#contactForm ::-moz-placeholder {  font-weight: 700;  color: #ced4da; } section#contact form#contactForm :-ms-input-placeholder {  font-weight: 700;  color: #ced4da; } .footer {  background: #000;  color: white;  text-align: center;  font-size: 0.9rem; } @media (max-width: 992px) {  main {   padding-inline: 36px;  }  main .container:first-of-type {   padding-top: 20px;  } } @media (max-width: 992px) {  .full-width-row {   width: 100vw;   margin-left: calc(-50vw + 50%);  } } .e-card {  background: black;  margin-top: 95px;  height: calc(100vh - 165px);  display: flex;  align-items: center; } @media screen and (min-width: 768px) and (max-width: 991px) {  .e-card {   margin-top: -40px;   height: calc(100vh - 60px);  } } @media screen and (max-width: 767px) {  .e-card {   margin-top: 70px;   height: auto;  } } .card {  background: black;  color: white;  border-radius: 0;  border: 0;  padding: 2% 4%;  margin: 20px 10px; } .card_content_head {  margin-bottom: 3%; } .card_content_head-img {  max-width: 25%;  max-height: 17%;  min-width: 150px; } .card_content_main {  display: flex;  align-items: center;  justify-content: space-between;  margin-left: 25%; } .card_content_main-img {  width: 220px;  height: 220px;  -o-object-fit: cover;   object-fit: cover; } .card_content_main_text {  margin-left: 4%; } .card_content_main_text_content {  display: flex;  flex-direction: column;  justify-content: space-between;  height: 100%; } .card_content_main_text-title {  color: #D3467C; } .card_content_main_text-subtitle {  color: #11CCC5;  text-decoration: underline;  font-weight: normal; } .card_content_main_text-text {  margin: 0; } .card_content_footer {  margin-left: 25%;  padding: 2% 0 0 2%; } .card_content_footer-title {  color: #D3467C; } .card_content_footer-text {  color: #11CCC5; } .card_content_footer .link {  color: inherit;  text-decoration: none; } @media screen and (max-width: 991px) {  .card_content_main {   display: block;   margin: 0;  }  .card_content_main-img {   display: block;   margin: 0 auto 1rem;   max-width: 180px;  }  .card_content_main_text {   margin: 0;  }  .card_content_footer {   padding: 0;   margin: 1rem 0 0;  } } .ad-section-header {  padding-block: 22px; } .ad-section-header h2 {  font-size: 14px;  font-weight: 900;  line-height: 17px;  text-transform: uppercase;  color: #4a4a4a; } .ad-section-header .container {  background: #9c9ca6;  width: 100%;  height: 250px; } header {  background-color: var(--navy-blue);  font-family: "Neue Haas Grotesk Display Pro", sans-serif;  position: sticky;  top: 0;  z-index: 999; } header .header--top {  display: flex;  justify-content: flex-end;  gap: 3px;  color: white;  height: 30px; } header .header--top .socials {  display: flex;  align-items: center;  gap: 12px; } header .header--top .socials img {  border-left: 1px solid white;  padding-left: 8px; } header .header--top .socials img:first-child {  border-left: none;  padding-left: 0; } header .header--top .socials span {  margin-right: 8px;  font-size: 12px;  font-weight: bold; } header .header--top .pipe {  padding-inline: 10px; } header .header--bottom {  display: flex; } header .header--bottom .menu-icon {  width: 20px;  height: 20px; } header .header--bottom .brand img {  max-width: 100%;  -o-object-fit: contain;   object-fit: contain; } header .header--bottom .subscribe-btn {  background-color: var(--yellow);  border-radius: 26px;  padding: 1rem 1.5rem;  border: none;  outline: transparent;  color: var(--navy-blue); } header .header--bottom .nav-container {  max-width: 590px;  width: 100%; } header .header--bottom .nav-container .cat-menu li {  width: 33.33%;  text-align: center;  padding-block: 9px;  border-bottom: 5px solid var(--teal) !important;  font-size: 14px;  font-weight: bold; } header .header--bottom .nav-container .cat-menu li.border-right {  border-right: 1px solid white; } header .header--bottom .nav-container .cat-menu li:first-child {  border-bottom: 5px solid var(--light-blue) !important; } header .header--bottom .nav-container .cat-menu li:last-child {  border-bottom: 5px solid var(--orange) !important; } header .header--bottom .nav-container .cat-menu li.active {  background-color: var(--teal); } header .header--bottom .nav-container .cat-menu li.active:nth-child(1) {  background-color: var(--light-blue); } header .header--bottom .nav-container .cat-menu li.active:nth-child(2) {  background-color: var(--teal); } header .header--bottom .nav-container .cat-menu li.active:nth-child(3) {  background-color: var(--orange); } header .header--bottom .nav-container .nav {  background-color: var(--gray); } header .header--bottom .nav-container .nav li {  font-size: 14px;  position: relative;  padding: 10px;  color: var(--navy-blue);  font-weight: bold; } header .header--bottom .nav-container .nav li:not(:last-child)::after {  content: "";  position: absolute;  right: -5px;  top: 50%;  transform: translateY(-50%);  width: 2px;  height: 30%;  background-color: var(--navy-blue); } @media (max-width: 992px) {  .header--bottom .brand img {   max-width: 200px !important;   width: 100%;   -o-object-fit: contain; object-fit: contain;  }  .header--bottom .subscribe-btn {   padding: 0.4rem 0.45rem !important;   font-size: 10px;  }  .header--bottom .subscribe-btn img {   width: 7px;  } } #mobile-nav {  background-color: #fff;  position: absolute;  width: 100%;  height: calc(100vh - 100px);  z-index: 3;  padding-inline: 36px;  padding-top: 20px;  overflow-y: scroll;  -ms-overflow-style: none;  scrollbar-width: none; } #mobile-nav .mobile-search {  background: #f2f2f2 url(https://fleetmobility.ca/img/search-icons.png) no-repeat 10px center/20px;  border-radius: 5px;  padding: 10px 10px 10px 30px;  position: relative;  margin-bottom: 20px; } #mobile-nav .mobile-search:before {  content: "";  position: absolute;  width: 20px;  height: 20px;  background: url(https://fleetmobility.ca/img/search-icons.png); } #mobile-nav ul li {  font-size: 16px;  font-weight: bold;  border-bottom: 1px solid #f2f2f2;  padding: 15px 30px;  position: relative; } #mobile-nav ul li:after {  content: "";  position: absolute;  width: 15px;  height: 15px;  right: 0;  top: 50%;  transform: translateY(-50%);  background: url(https://fleetmobility.ca/img/to-right.png) center/contain no-repeat; } #mobile-nav ul li.light:before, #mobile-nav ul li.medium:before, #mobile-nav ul li.heavy:before {  content: "";  position: absolute;  width: 10px;  height: 10px;  left: 0;  top: 50%;  transform: translateY(-50%); } #mobile-nav ul li.light:before {  background-color: var(--teal); } #mobile-nav ul li.medium:before {  background-color: var(--light-blue); } #mobile-nav ul li.heavy:before {  background-color: var(--orange); } @media (max-width: 991px) {  header {   height: auto;   padding-bottom: 0.5rem;  } } .subscribe a {  text-decoration: none; } @media (max-width: 1200px) {  header .header--bottom .nav-container .nav li {   font-size: 12px !important;  } } .search-field {  width: 100%;  display: flex; } .search-field form {  max-width: 800px;  width: 100%;  margin-inline: auto;  display: flex; } .search-field form .input-wrapper {  width: 100%; } .search-field form .input-wrapper input {  width: 100%;  height: 100%;  border: 0;  outline: 0;  border-radius: 5px 0 0 5px;  position: relative;  background-image: url(https://fleetmobility.ca/img/search-symbol.png);  background-repeat: no-repeat;  background-position: left 10px center;  padding-left: 50px;  color: #000; } .search-field form .input-wrapper input::-moz-placeholder {  color: #000; } .search-field form .input-wrapper input::placeholder {  color: #000; } .search-field form button {  background-color: var(--yellow);  font-weight: 700;  border: 0;  outline: 0;  border-radius: 0 50px 50px 0;  padding-inline: 15px; } @media (max-width: 991px) {  header .header--top {   height: unset !important;  }  .search-field {   align-items: center;   margin-block: auto;   gap: 1rem;   padding-inline: 1.5rem 2rem;  }  .search-field input {   border-radius: 5px !important;   padding: 12px 20px 12px 35px !important;  }  .search-field button {   display: none !important;  } } footer {  font-family: "Neue Haas Grotesk Display Pro", sans-serif;  background-color: var(--navy-blue);  height: 317px; } footer .footer-socials i {  width: 20px;  height: 20px; } footer .footer-socials .social-item {  position: relative;  padding-inline: 20px; } footer .footer-socials .social-item::after {  content: "";  width: 0.5px;  height: 8px;  background: #fff;  position: absolute;  left: 100%;  bottom: 10%;  transform: translateY(-50%); } footer .footer-socials .social-item:nth-child(4)::after {  display: none; } footer .footer-socials .social-item:nth-child(1) {  padding-left: 0; } footer .footer-title {  font-weight: bold; } @media (max-width: 768px) {  footer {   height: auto;  } } .footer-nav li {  position: relative;  padding-inline: 20px; } .footer-nav li::after {  content: "";  width: 0.5px;  height: 8px;  background: #fff;  position: absolute;  left: 100%;  bottom: 15%;  transform: translateY(-50%); } .footer-nav li:last-child::after {  display: none; } .footer-nav li:last-child {  padding-right: 0; } .footer-nav li:first-child {  padding-left: 0; } .container .row .container {  padding: 0 !important; } #vehicleCarousel .carousel-indicators {  bottom: -20%;  z-index: unset !important; } #vehicleCarousel .carousel-indicators button {  background-color: var(--gray);  width: 14px;  height: 14px;  border-radius: 100%;  border: 1px solid var(--gray); } #vehicleCarousel .carousel-indicators button.active {  background-color: var(--yellow); } #vehicleCarousel .carousel-inner .vehicle-info a {  text-decoration: none !important; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-category {  background-color: var(--light-blue);  padding: 5px 22px;  font-size: 12px;  font-weight: 900;  margin-bottom: 10px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-category a {  color: #fff; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-brand {  text-transform: uppercase;  font-weight: normal;  font-size: 14px;  color: #000;  margin-bottom: 8px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-title {  font-weight: 900;  font-size: 40px;  color: #000;  line-height: 49px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-description p {  font-weight: normal;  font-size: 18px;  color: #000;  line-height: 22px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-subtitle {  font-weight: normal;  font-size: 20px;  color: #000;  margin-bottom: 16px; } #vehicleCarousel .carousel-inner .vehicle-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } #vehicleCarousel .carousel-inner .vehicle-info .author-name {  font-weight: normal;  font-size: 12px;  color: var(--navy-blue); } #vehicleCarousel .carousel-inner .vehicle-info .author-name a {  text-decoration: underline !important; } #vehicleCarousel .carousel-inner .vehicle-image img {  max-width: 388px;  width: 100%;  height: 258px;  aspect-ratio: 16/9;  -o-object-fit: cover;   object-fit: cover; } @media (max-width: 768px) {  #vehicleCarousel .carousel-indicators {   bottom: -10% !important;  }  #vehicleCarousel .carousel-inner .vehicle-info .vehicle-title {   font-size: 30px;   line-height: 37px;  } } .category-title {  font-size: 16px;  font-weight: 900;  color: var(--navy-blue);  border-bottom: 10px solid;  padding-block: 10px;  line-height: 0; } .category-title a {  text-decoration: none; } .category-title:empty {  padding: 0 !important; } .category-title.light {  border-color: var(--teal); } .category-title.medium {  border-color: var(--light-blue);  border-inline: 1px solid white; } .category-title.heavy {  border-color: var(--orange); } @media (max-width: 768px) {  .category-title {   border-bottom: none !important;   border-top: 10px solid;  } } .card.card-middle {  border-inline: 1px solid var(--gray); } .card .card-body {  padding-inline: 0; } .card .card-body .card-subtitle {  font-size: 14px;  font-weight: normal;  text-transform: uppercase; } .card .card-body .card-title a {  text-decoration: none; } .card .card-body .card-title {  font-size: 20px;  font-weight: 900;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; } .card .card-body .card-text {  font-size: 14px;  line-height: 16px;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden; } .card .card-body .author-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } .card .card-body .author-info .author-name {  font-size: 12px;  font-weight: normal;  color: var(--navy-blue); } .card .card-body .author-info .author-name a {  text-decoration: underline; } @media (max-width: 768px) {  .card {   padding-inline: 0;  }  .card.card-middle {   border: none !important;  } } .sponsored-card {  background-color: var(--light-bg);  gap: 20px; } .sponsored-card .col-md-9 {  flex: 1; } .sponsored-card .placeholder-img {  width: 100%;  max-width: 226px;  height: 147px; } .sponsored-card .sponsored-category button, .sponsored-card .sponsored-category a {  border: 2px solid var(--light-blue);  background-color: var(--light-blue);  color: white;  font-weight: bold;  padding: 5px 18px;  margin-bottom: 12px;  font-size: 12px;  border-radius: 0; } .sponsored-card .sponsored-category button:last-child, .sponsored-card .sponsored-category a:last-child {  background-color: transparent;  color: var(--light-blue); } .sponsored-card .author-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } .sponsored-card .author-info .author-name {  font-size: 12px;  font-weight: normal;  color: var(--navy-blue); } .sponsored-card .author-info .author-name a {  text-decoration: underline; } .sponsored-card .subtitle {  font-size: 14px;  font-weight: normal;  text-transform: uppercase; } .sponsored-card .title {  font-size: 20px;  font-weight: 900; } .sponsored-card .title a {  text-decoration: none; } .sponsored-card .text {  font-size: 14px;  line-height: 16px; } .post-cards {  gap: 20px; } .post-cards .col-md-9 {  flex: 1; } .post-cards .author-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } .post-cards .author-info .author-name {  font-size: 12px;  font-weight: normal;  color: var(--navy-blue); } .post-cards .subtitle {  font-size: 14px;  font-weight: normal;  text-transform: uppercase; } .post-cards .title {  font-size: 20px;  font-weight: 900; } .post-cards .text {  font-size: 14px; } .cards-no-image .cat-border {  border-top: 10px solid; } .cards-no-image .cat-border > div:nth-child(1) {  border-bottom: 1px solid var(--gray); } .cards-no-image .cat-border.light {  border-color: var(--teal); } .cards-no-image .cat-border.medium {  border-color: var(--light-blue);  border-inline: 1px solid white;  border-inline: 1px solid var(--gray); } .cards-no-image .cat-border.heavy {  border-color: var(--orange); } .cat-border {  border-inline: 1px solid #9c9ca6; } .cat-border:nth-child(1) {  border-inline-color: transparent !important; } .cat-border:nth-child(3) {  border-inline-color: transparent !important; } @media (max-width: 768px) {  .cat-border {   width: 95%;   margin-inline: auto;  }  .cat-border.medium {   border-inline: 0 !important;  }  .sponsored-card .placeholder-img {   height: auto;   -o-object-fit: cover; object-fit: cover;   max-width: unset !important;  } } .detail-wrapper {  background-color: #f5f5f5;  padding: 36px; } .detail-wrapper .title {  font-size: 19px;  font-weight: 900; } .detail-wrapper p {  font-size: 12px;  line-height: 16px; } .ad-container {  width: 100%;  height: 250px;  background-color: var(--gray); } .ad-container-2 {  width: 100%;  height: 600px;  background-color: var(--gray); } .second-section {  margin-top: 80px; } @media (max-width: 991px) {  .carousel-inner .vehicle-image img {   height: unset !important;   aspect-ratio: unset !important;  } } @media (min-width: 1200px) {  .ad-wrappers {   position: sticky;   top: 15%;   z-index: 10;  } } article {  max-width: 785px;  margin-inline: auto; } article .sponsored-category button {  border: 2px solid var(--light-blue);  background-color: var(--light-blue);  color: white;  font-weight: bold;  padding: 5px 18px;  margin-bottom: 12px;  font-size: 13px; } article .sponsored-category button.sponsored {  background-color: transparent;  color: var(--light-blue); } article .placeholder-img {  max-height: 600px;  max-width: 785px;  width: 100%;  height: auto;  -o-object-fit: cover;   object-fit: cover;  margin-left: auto;  margin-right: auto; } article #carouselExampleControls {  max-width: 785px;  margin-left: auto;  margin-right: auto; } article #carouselExampleControls .carousel-inner {  position: relative; } article #carouselExampleControls .carousel-inner .carousel-item {  height: 100%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0; } article #carouselExampleControls .carousel-inner .carousel-item.active {  position: relative; } article #carouselExampleControls .carousel-inner .carousel-item img {  height: 100%;  width: 100%;  display: block; } article .author-info {  margin-bottom: 10px; } article .author-info .author-image {  border-radius: 100%; } article .author-info .author-name {  font-size: 16px;  line-height: 20px;  font-weight: normal;  color: var(--navy-blue); } article .author-info .author-name a {  text-decoration: underline; } article .subtitle {  font-size: 16px;  line-height: 20px;  font-weight: normal;  text-transform: uppercase; } article .title {  font-size: 40px;  line-height: 49px;  font-weight: 900; } article .meta-data {  font-size: 16px;  line-height: 25px; } article .text {  font-size: 18px;  line-height: 25px; } .share-icons {  font-size: 11px;  font-weight: bold;  line-height: 25px;  text-transform: uppercase; } @media (max-width: 768px) {  .title {   font-size: 30px !important;   line-height: 37px !important;  }  .meta-data {   font-weight: bold;  }  article .placeholder-img {   max-height: 400px;   max-width: 100%;   width: 100%;   -o-object-fit: cover; object-fit: cover;  }  article #carouselExampleControls {   max-width: 100%;  } } @media (min-width: 768px) and (max-width: 992px) {  .category-title {   font-size: 12px;  } } .share-icons {  max-width: 785px;  margin-inline: auto; } .share-icons .social-share {  padding-left: unset !important;  display: flex;  flex-direction: row;  gap: 1rem; } .share-icons .social-share li:nth-child(1) {  max-width: 40px; } .share-icons .social-share li:nth-child(2) {  max-width: 34px; } .share-icons .social-share li:nth-child(3) {  max-width: 30px; } .about h1, .about h2 {  font-size: 30px;  line-height: 25px;  font-weight: 900;  margin-bottom: 30px; } .about p {  font-size: 18px;  line-height: 25px; } .team h2 {  font-size: 30px;  line-height: 25px;  font-weight: 900; } .team-member-image {  border-radius: 50%;  margin-bottom: 20px; } .team-member h3 {  font-size: 24px;  line-height: 30px;  font-weight: bold;  color: var(--navy-blue); } .team-member span {  font-size: 18px;  line-height: 22px;  font-weight: 500;  color: #67bde4;  display: inline-block;  height: 44px; } .team-member ul {  color: #000;  font-size: 14px;  line-height: 20px;  font-weight: 500; } .team-member p {  color: #909090;  font-size: 14px;  line-height: 20px; } .sidebar-menu nav ul li {  font-size: 16px;  line-height: 20px;  padding: 0.5rem 1rem;  border-bottom: 1px solid #e3e3e3;  color: #000; } .sidebar-menu nav ul li:first-child {  border-top: 1px solid #e3e3e3; } .sidebar-menu nav ul li.active {  background-color: var(--navy-blue);  color: #fff;  border-bottom: none; } @media (max-width: 768px) {  .about h1, .about h2 {   margin-bottom: 20px;  }  .team h2 {   font-size: 30px;   line-height: 25px;   font-weight: 900;  }  .team-member span {   height: unset;  } } .page-title h1 {  font-size: 30px;  line-height: 36px;  font-weight: 900; } @media (max-width: 768px) {  .page-title h2 {   font-size: 24px;   line-height: 29px;  } } .author-profile {  background-color: #fafafa;  padding: 2rem; } .author-profile .author-image {  border-radius: 50%; } .author-profile h3 {  margin-bottom: 0;  font-size: 24px;  line-height: 30px;  font-weight: bold; } .author-profile p {  margin-bottom: 0;  font-size: 18px;  line-height: 22px; } .author-profile ul li {  font-size: 12px;  line-height: 20px;  font-weight: 500;  text-decoration: underline;  color: var(--navy-blue); } .author-profile ul li:last-child {  text-decoration: none;  color: #000; } .posts article .post-image img {  max-width: 226px;  min-width: 226px; } .posts article .post-content .subtitle {  font-size: 14px;  line-height: 17px;  text-transform: uppercase; } .posts article .post-content .title {  font-size: 20px;  line-height: 24px;  font-weight: 900; } .posts article .post-content .title a {  text-decoration: none; } .posts article .post-content p {  font-size: 14px;  line-height: 16px; } @media (max-width: 768px) {  .posts article .post-image img {   max-width: unset;  } } .contact h2, .share-news h2 {  font-size: 30px;  line-height: 25px;  font-weight: 900; } .contact h3, .share-news h3 {  font-size: 20px;  line-height: 25px;  font-weight: 900; } .contact p, .share-news p {  font-size: 18px;  line-height: 25px; } .contact p u, .share-news p u {  color: var(--navy-blue); } @media (max-width: 768px) {  .share-news h2 {   line-height: 30px;  } } .legal h2 {  font-size: 30px;  line-height: 25px;  font-weight: 900; } .legal {  counter-reset: h3-counter; } .legal h3 {  font-size: 30px;  line-height: 25px;  font-weight: 900;  margin-block: 20px;  counter-increment: h3-counter;  counter-reset: p-counter; } .legal h3::before {  content: counter(h3-counter) ". "; } .legal p {  font-size: 18px;  line-height: 25px; } .legal h3 + p {  counter-increment: p-counter; } .legal h3 + p::before {  content: counter(h3-counter) "." counter(p-counter) ". "; } .legal h3 ~ p {  counter-increment: p-counter; } .legal h3 ~ p::before {  content: counter(h3-counter) "." counter(p-counter) ". "; } .legal ul li {  color: var(--navy-blue);  text-decoration: underline;  font-size: 18px;  line-height: 25px; } .policy h1 {  font-size: 30px;  line-height: 25px;  font-weight: 900; } .policy ul {  font-size: 18px;  line-height: 25px;  font-weight: 900; } .policy ul a {  color: #000;  font-weight: 400;  text-decoration: none; } .policy h2 {  font-size: 18px;  line-height: 25px;  font-weight: 900; } .policy p {  font-size: 18px;  line-height: 25px; } .policy p a {  text-decoration: underline;  color: var(--navy-blue); } .magazine {  display: block !important;  width: 100%; } .magazine h2 {  font-size: 30px;  line-height: 20px;  font-weight: 900; } .magazine .subtitle {  background-color: var(--navy-blue);  color: #fff;  font-size: 14px;  line-height: 20px;  font-weight: bold;  padding: 0.5rem 1rem;  margin-block: 1.5rem;  width: 100%;  box-sizing: border-box; } .magazine .col-xl-3.col-md-4.col-12.text-center a {  display: block;  text-decoration: none; } .magazine .col-xl-3.col-md-4.col-12.text-center a img {  max-width: 171px;  display: block;  margin: 0 auto; } .magazine .col-xl-3.col-md-4.col-12.text-center a p {  display: block;  white-space: nowrap;  text-align: center;  margin-top: 0.5rem;  width: 171px;  margin-left: auto;  margin-right: auto; } .ads-with-us {  background-color: #fff;  color: var(--navy-blue); } .ads-with-us h1 {  font-size: 36px;  line-height: 42px;  font-weight: 900;  margin-bottom: 30px; } .ads-with-us h2 {  color: var(--navy-blue);  font-size: 30px;  line-height: 36px;  font-weight: 900;  margin-bottom: 30px; } .ads-with-us p {  font-size: 18px;  line-height: 26px;  text-align: justify; } .ads-with-us .lead-letter::first-letter {  float: left;  font-size: 62px;  line-height: 52px;  padding-right: 8px;  color: var(--navy-blue); } .ads-with-us .btn-media-kit {  display: inline-block;  margin-top: 10px;  padding: 12px 28px;  background-color: var(--navy-blue);  color: #fff;  font-weight: 700;  border-radius: 4px;  text-decoration: none; } .ads-with-us .btn-media-kit:hover, .ads-with-us .btn-media-kit:focus {  background-color: var(--yellow);  color: var(--navy-blue); } .ads-with-us .cover {  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .ads-with-us .sales-member {  gap: 20px; } .ads-with-us .sales-member img {  flex-shrink: 0;  width: 112px;  height: 112px;  border-radius: 50%;  -o-object-fit: cover;   object-fit: cover; } .ads-with-us .sales-member p {  font-size: 16px;  line-height: 22px;  margin-bottom: 0;  text-align: left; } .ads-with-us .sales-member .name {  font-weight: 700; } .ads-with-us .sales-member a {  color: var(--navy-blue);  text-decoration: none;  word-break: break-word; } .ads-with-us .sales-member a:hover {  text-decoration: underline; } @media (max-width: 768px) {  .ads-with-us h1 {   font-size: 28px;   line-height: 34px;  }  .ads-with-us p {   text-align: left;  } } .blog-top .search-div {  background-color: white; } .blog-top .search-div .search-input-wrapper {  position: relative;  flex: 1;  min-width: 200px; } .blog-top .search-div .search-input-wrapper .search-icon {  position: absolute;  left: 1rem;  width: 20px;  height: 20px;  -o-object-fit: contain;   object-fit: contain; } .blog-top .search-div input {  border-radius: 8px;  padding: 0.5rem 3rem;  border: 1px solid var(--light-bg);  outline: 0;  width: 100%; } @media (max-width: 576px) {  .blog-top .search-div input {   padding: 0.75rem 1rem;  } } .blog-top .search-div button {  background-color: var(--yellow);  border: 0;  outline: 0;  color: black;  border-radius: 8px;  padding: 0.5rem 2rem;  font-weight: bold;  white-space: nowrap;  min-width: 120px; } @media (max-width: 576px) {  .blog-top .search-div button {   width: 100%;   padding: 0.75rem 1rem;  } } .blog-top .search-div button i {  margin-right: 0.5rem; } .search_no-result {  min-height: calc(100vh - 62px - 60px - 66px);  display: flex;  align-items: center;  justify-content: center;  flex-direction: column; } .search_no-result p {  margin-top: 1.5rem;  font-size: 24px; } @media (max-width: 991px) {  .blog-top {   top: 92px;  } } @media (max-width: 768px) {  .blog-top .search-div {   flex-direction: column;  }  .blog-top .search-div .search-input-wrapper {   width: 100%;  }  .blog-top .search-div button {   width: 100%;   justify-content: center;  } } .search-container {  max-width: 1096px; } .search-container .blog-search-partiel {  display: flex;  gap: 1.5rem;  align-items: center;  margin-bottom: 60px; } .search-container .blog-search-partiel a {  text-decoration: none;  margin-bottom: 0 !important; } .search-container .blog-search-partiel__img img {  max-width: 226px;  aspect-ratio: 3/2; } .search-container .blog-search-partiel__text {  display: flex;  flex-direction: column;  gap: 1rem; } .search-container .blog-search-partiel__text-categorie:empty {  display: none; } .search-container .blog-search-partiel__text-title {  font-size: 20px;  font-weight: 900;  line-height: 1.2;  color: #000; } .search-container .blog-search-partiel__text-excerpt {  font-size: 14px;  line-height: 1.75; } .search-container .blog-search-partiel__text__info {  font-weight: normal;  font-size: 12px;  color: #9c9ca6; } .search-container .search-sidebar {  gap: 1.2rem;  display: flex;  flex-direction: column; } .myPagination__container {  margin-top: -30px;  padding: 1rem; } .myPagination__container .myPagination {  display: flex;  gap: 1rem; } .myPagination__container .myPagination > * {  border: 1px solid;  width: 25px;  aspect-ratio: 1;  align-items: center;  justify-content: center;  display: flex;  border-radius: 4px;  text-decoration: none; } .myPagination__container .myPagination a:has(.testChevron) {  display: none; } @media (max-width: 768px) {  .search-container .blog-search-partiel {   flex-direction: column;  }  .search-container .blog-search-partiel__img img {   max-width: 100% !important;  } } .ad-section-header {  padding-block: 22px; } .ad-section-header h2 {  font-size: 14px;  font-weight: 900;  line-height: 17px;  text-transform: uppercase;  color: #4a4a4a; } .ad-section-header .container {  background: #9c9ca6;  width: 100%;  height: 250px; } header {  background-color: var(--navy-blue);  font-family: "Neue Haas Grotesk Display Pro", sans-serif;  position: sticky;  top: 0;  z-index: 999; } header .header--top {  display: flex;  justify-content: flex-end;  gap: 3px;  color: white;  height: 30px; } header .header--top .socials {  display: flex;  align-items: center;  gap: 12px; } header .header--top .socials img {  border-left: 1px solid white;  padding-left: 8px; } header .header--top .socials img:first-child {  border-left: none;  padding-left: 0; } header .header--top .socials span {  margin-right: 8px;  font-size: 12px;  font-weight: bold; } header .header--top .pipe {  padding-inline: 10px; } header .header--bottom {  display: flex; } header .header--bottom .menu-icon {  width: 20px;  height: 20px; } header .header--bottom .brand img {  max-width: 100%;  -o-object-fit: contain;   object-fit: contain; } header .header--bottom .subscribe-btn {  background-color: var(--yellow);  border-radius: 26px;  padding: 1rem 1.5rem;  border: none;  outline: transparent;  color: var(--navy-blue); } header .header--bottom .nav-container {  max-width: 590px;  width: 100%; } header .header--bottom .nav-container .cat-menu li {  width: 33.33%;  text-align: center;  padding-block: 9px;  border-bottom: 5px solid var(--teal) !important;  font-size: 14px;  font-weight: bold; } header .header--bottom .nav-container .cat-menu li.border-right {  border-right: 1px solid white; } header .header--bottom .nav-container .cat-menu li:first-child {  border-bottom: 5px solid var(--light-blue) !important; } header .header--bottom .nav-container .cat-menu li:last-child {  border-bottom: 5px solid var(--orange) !important; } header .header--bottom .nav-container .cat-menu li.active {  background-color: var(--teal); } header .header--bottom .nav-container .cat-menu li.active:nth-child(1) {  background-color: var(--light-blue); } header .header--bottom .nav-container .cat-menu li.active:nth-child(2) {  background-color: var(--teal); } header .header--bottom .nav-container .cat-menu li.active:nth-child(3) {  background-color: var(--orange); } header .header--bottom .nav-container .nav {  background-color: var(--gray); } header .header--bottom .nav-container .nav li {  font-size: 14px;  position: relative;  padding: 10px;  color: var(--navy-blue);  font-weight: bold; } header .header--bottom .nav-container .nav li:not(:last-child)::after {  content: "";  position: absolute;  right: -5px;  top: 50%;  transform: translateY(-50%);  width: 2px;  height: 30%;  background-color: var(--navy-blue); } @media (max-width: 992px) {  .header--bottom .brand img {   max-width: 200px !important;   width: 100%;   -o-object-fit: contain; object-fit: contain;  }  .header--bottom .subscribe-btn {   padding: 0.4rem 0.45rem !important;   font-size: 10px;  }  .header--bottom .subscribe-btn img {   width: 7px;  } } #mobile-nav {  background-color: #fff;  position: absolute;  width: 100%;  height: calc(100vh - 100px);  z-index: 3;  padding-inline: 36px;  padding-top: 20px;  overflow-y: scroll;  -ms-overflow-style: none;  scrollbar-width: none; } #mobile-nav .mobile-search {  background: #f2f2f2 url(https://fleetmobility.ca/img/search-icons.png) no-repeat 10px center/20px;  border-radius: 5px;  padding: 10px 10px 10px 30px;  position: relative;  margin-bottom: 20px; } #mobile-nav .mobile-search:before {  content: "";  position: absolute;  width: 20px;  height: 20px;  background: url(https://fleetmobility.ca/img/search-icons.png); } #mobile-nav ul li {  font-size: 16px;  font-weight: bold;  border-bottom: 1px solid #f2f2f2;  padding: 15px 30px;  position: relative; } #mobile-nav ul li:after {  content: "";  position: absolute;  width: 15px;  height: 15px;  right: 0;  top: 50%;  transform: translateY(-50%);  background: url(https://fleetmobility.ca/img/to-right.png) center/contain no-repeat; } #mobile-nav ul li.light:before, #mobile-nav ul li.medium:before, #mobile-nav ul li.heavy:before {  content: "";  position: absolute;  width: 10px;  height: 10px;  left: 0;  top: 50%;  transform: translateY(-50%); } #mobile-nav ul li.light:before {  background-color: var(--teal); } #mobile-nav ul li.medium:before {  background-color: var(--light-blue); } #mobile-nav ul li.heavy:before {  background-color: var(--orange); } @media (max-width: 991px) {  header {   height: auto;   padding-bottom: 0.5rem;  } } .subscribe a {  text-decoration: none; } @media (max-width: 1200px) {  header .header--bottom .nav-container .nav li {   font-size: 12px !important;  } } .search-field {  width: 100%;  display: flex; } .search-field form {  max-width: 800px;  width: 100%;  margin-inline: auto;  display: flex; } .search-field form .input-wrapper {  width: 100%; } .search-field form .input-wrapper input {  width: 100%;  height: 100%;  border: 0;  outline: 0;  border-radius: 5px 0 0 5px;  position: relative;  background-image: url(https://fleetmobility.ca/img/search-symbol.png);  background-repeat: no-repeat;  background-position: left 10px center;  padding-left: 50px;  color: #000; } .search-field form .input-wrapper input::-moz-placeholder {  color: #000; } .search-field form .input-wrapper input::placeholder {  color: #000; } .search-field form button {  background-color: var(--yellow);  font-weight: 700;  border: 0;  outline: 0;  border-radius: 0 50px 50px 0;  padding-inline: 15px; } @media (max-width: 991px) {  header .header--top {   height: unset !important;  }  .search-field {   align-items: center;   margin-block: auto;   gap: 1rem;   padding-inline: 1.5rem 2rem;  }  .search-field input {   border-radius: 5px !important;   padding: 12px 20px 12px 35px !important;  }  .search-field button {   display: none !important;  } } footer {  font-family: "Neue Haas Grotesk Display Pro", sans-serif;  background-color: var(--navy-blue);  height: 317px; } footer .footer-socials i {  width: 20px;  height: 20px; } footer .footer-socials .social-item {  position: relative;  padding-inline: 20px; } footer .footer-socials .social-item::after {  content: "";  width: 0.5px;  height: 8px;  background: #fff;  position: absolute;  left: 100%;  bottom: 10%;  transform: translateY(-50%); } footer .footer-socials .social-item:nth-child(4)::after {  display: none; } footer .footer-socials .social-item:nth-child(1) {  padding-left: 0; } footer .footer-title {  font-weight: bold; } @media (max-width: 768px) {  footer {   height: auto;  } } .footer-nav li {  position: relative;  padding-inline: 20px; } .footer-nav li::after {  content: "";  width: 0.5px;  height: 8px;  background: #fff;  position: absolute;  left: 100%;  bottom: 15%;  transform: translateY(-50%); } .footer-nav li:last-child::after {  display: none; } .footer-nav li:last-child {  padding-right: 0; } .footer-nav li:first-child {  padding-left: 0; } .container .row .container {  padding: 0 !important; } #vehicleCarousel .carousel-indicators {  bottom: -20%;  z-index: unset !important; } #vehicleCarousel .carousel-indicators button {  background-color: var(--gray);  width: 14px;  height: 14px;  border-radius: 100%;  border: 1px solid var(--gray); } #vehicleCarousel .carousel-indicators button.active {  background-color: var(--yellow); } #vehicleCarousel .carousel-inner .vehicle-info a {  text-decoration: none !important; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-category {  background-color: var(--light-blue);  padding: 5px 22px;  font-size: 12px;  font-weight: 900;  margin-bottom: 10px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-category a {  color: #fff; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-brand {  text-transform: uppercase;  font-weight: normal;  font-size: 14px;  color: #000;  margin-bottom: 8px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-title {  font-weight: 900;  font-size: 40px;  color: #000;  line-height: 49px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-description p {  font-weight: normal;  font-size: 18px;  color: #000;  line-height: 22px; } #vehicleCarousel .carousel-inner .vehicle-info .vehicle-subtitle {  font-weight: normal;  font-size: 20px;  color: #000;  margin-bottom: 16px; } #vehicleCarousel .carousel-inner .vehicle-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } #vehicleCarousel .carousel-inner .vehicle-info .author-name {  font-weight: normal;  font-size: 12px;  color: var(--navy-blue); } #vehicleCarousel .carousel-inner .vehicle-info .author-name a {  text-decoration: underline !important; } #vehicleCarousel .carousel-inner .vehicle-image img {  max-width: 388px;  width: 100%;  height: 258px;  aspect-ratio: 16/9;  -o-object-fit: cover;   object-fit: cover; } @media (max-width: 768px) {  #vehicleCarousel .carousel-indicators {   bottom: -10% !important;  }  #vehicleCarousel .carousel-inner .vehicle-info .vehicle-title {   font-size: 30px;   line-height: 37px;  } } .category-title {  font-size: 16px;  font-weight: 900;  color: var(--navy-blue);  border-bottom: 10px solid;  padding-block: 10px;  line-height: 0; } .category-title a {  text-decoration: none; } .category-title:empty {  padding: 0 !important; } .category-title.light {  border-color: var(--teal); } .category-title.medium {  border-color: var(--light-blue);  border-inline: 1px solid white; } .category-title.heavy {  border-color: var(--orange); } @media (max-width: 768px) {  .category-title {   border-bottom: none !important;   border-top: 10px solid;  } } .card.card-middle {  border-inline: 1px solid var(--gray); } .card .card-body {  padding-inline: 0; } .card .card-body .card-subtitle {  font-size: 14px;  font-weight: normal;  text-transform: uppercase; } .card .card-body .card-title a {  text-decoration: none; } .card .card-body .card-title {  font-size: 20px;  font-weight: 900;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; } .card .card-body .card-text {  font-size: 14px;  line-height: 16px;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden; } .card .card-body .author-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } .card .card-body .author-info .author-name {  font-size: 12px;  font-weight: normal;  color: var(--navy-blue); } .card .card-body .author-info .author-name a {  text-decoration: underline; } @media (max-width: 768px) {  .card {   padding-inline: 0;  }  .card.card-middle {   border: none !important;  } } .sponsored-card {  background-color: var(--light-bg);  gap: 20px; } .sponsored-card .col-md-9 {  flex: 1; } .sponsored-card .placeholder-img {  width: 100%;  max-width: 226px;  height: 147px; } .sponsored-card .sponsored-category button, .sponsored-card .sponsored-category a {  border: 2px solid var(--light-blue);  background-color: var(--light-blue);  color: white;  font-weight: bold;  padding: 5px 18px;  margin-bottom: 12px;  font-size: 12px;  border-radius: 0; } .sponsored-card .sponsored-category button:last-child, .sponsored-card .sponsored-category a:last-child {  background-color: transparent;  color: var(--light-blue); } .sponsored-card .author-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } .sponsored-card .author-info .author-name {  font-size: 12px;  font-weight: normal;  color: var(--navy-blue); } .sponsored-card .author-info .author-name a {  text-decoration: underline; } .sponsored-card .subtitle {  font-size: 14px;  font-weight: normal;  text-transform: uppercase; } .sponsored-card .title {  font-size: 20px;  font-weight: 900; } .sponsored-card .title a {  text-decoration: none; } .sponsored-card .text {  font-size: 14px;  line-height: 16px; } .post-cards {  gap: 20px; } .post-cards .col-md-9 {  flex: 1; } .post-cards .author-info .author-image {  border-radius: 100%;  width: 28px;  aspect-ratio: 1; } .post-cards .author-info .author-name {  font-size: 12px;  font-weight: normal;  color: var(--navy-blue); } .post-cards .subtitle {  font-size: 14px;  font-weight: normal;  text-transform: uppercase; } .post-cards .title {  font-size: 20px;  font-weight: 900; } .post-cards .text {  font-size: 14px; } .cards-no-image .cat-border {  border-top: 10px solid; } .cards-no-image .cat-border > div:nth-child(1) {  border-bottom: 1px solid var(--gray); } .cards-no-image .cat-border.light {  border-color: var(--teal); } .cards-no-image .cat-border.medium {  border-color: var(--light-blue);  border-inline: 1px solid white;  border-inline: 1px solid var(--gray); } .cards-no-image .cat-border.heavy {  border-color: var(--orange); } .cat-border {  border-inline: 1px solid #9c9ca6; } .cat-border:nth-child(1) {  border-inline-color: transparent !important; } .cat-border:nth-child(3) {  border-inline-color: transparent !important; } @media (max-width: 768px) {  .cat-border {   width: 95%;   margin-inline: auto;  }  .cat-border.medium {   border-inline: 0 !important;  }  .sponsored-card .placeholder-img {   height: auto;   -o-object-fit: cover; object-fit: cover;   max-width: unset !important;  } } .detail-wrapper {  background-color: #f5f5f5;  padding: 36px; } .detail-wrapper .title {  font-size: 19px;  font-weight: 900; } .detail-wrapper p {  font-size: 12px;  line-height: 16px; } .ad-container {  width: 100%;  height: 250px;  background-color: var(--gray); } .ad-container-2 {  width: 100%;  height: 600px;  background-color: var(--gray); } .second-section {  margin-top: 80px; } @media (max-width: 991px) {  .carousel-inner .vehicle-image img {   height: unset !important;   aspect-ratio: unset !important;  } } @media (min-width: 1200px) {  .ad-wrappers {   position: sticky;   top: 15%;   z-index: 10;  } }