/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/


@import url('https://fonts.googleapis.com/css2?family=Margarine&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --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: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --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-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: "Work Sans", "Margarine", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --wp--style--global--content-size: 100%;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    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: 500;
    line-height: 1.2;
  }
  h3, .h3, h2, .h2 {
    font-weight: 700;
  }
  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: #0d6efd;
    text-decoration: underline;
  }
  a:hover {
    color: #0a58ca;
  }
  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  pre,
  code,
  kbd,
  samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr /* rtl:ignore */;
    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-family: inherit;
    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;
  }
  /* rtl:raw:
  [type="tel"],
  [type="url"],
  [type="email"],
  [type="number"] {
    direction: ltr;
  }
  */
  ::-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 {
    max-width: 100%;
    height: auto;
  }
  .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(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .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(:first-child) {
    border-top: 2px solid 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-borderless > :not(:first-child) {
    border-top-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: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6;
  }
  .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: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    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: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    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: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9;
  }
  .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: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    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: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-control::-webkit-date-and-time-value {
    height: 1.5em;
  }
  .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: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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;
    border-radius: 0.2rem;
  }
  .form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
  }
  .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: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .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: #0d6efd;
    border-color: #0d6efd;
    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='%2386b7fe'/%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(13, 110, 253, 0.25);
  }
  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-range::-moz-focus-outer {
    border: 0;
  }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #0d6efd;
    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: #b6d4fe;
  }
  .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: #0d6efd;
    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: #b6d4fe;
  }
  .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::placeholder {
    color: transparent;
  }
  .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: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;
            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(13, 110, 253, 0.25);
  }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
  }
  .btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 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: #0a58ca;
    border-color: #0a53be;
  }
  .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(49, 132, 253, 0.5);
  }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .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: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
  }
  .btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
  }
  .btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
  }
  .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2;
  }
  .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(11, 172, 204, 0.5);
  }
  .btn-info:disabled, .btn-info.disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
  }
  .btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
  }
  .btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
  }
  .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720;
  }
  .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(217, 164, 6, 0.5);
  }
  .btn-warning:disabled, .btn-warning.disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .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: #0d6efd;
    border-color: #0d6efd;
  }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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: #0d6efd;
    border-color: #0d6efd;
  }
  .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(13, 110, 253, 0.5);
  }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #0d6efd;
    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: #000;
    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: #000;
    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: #ffc107;
    border-color: #ffc107;
  }
  .btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 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: #000;
    background-color: #ffc107;
    border-color: #ffc107;
  }
  .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, 193, 7, 0.5);
  }
  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #ffc107;
    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: #0d6efd;
    text-decoration: underline;
  }
  .btn-link:hover {
    color: #0a58ca;
  }
  .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: #0d6efd;
  }
  .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: #0d6efd;
  }
  .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: #0d6efd;
    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: #0a58ca;
  }
  .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: #0d6efd;
  }
  .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: sticky;
    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%;
  }
  .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;
  }
  @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: #0c63e4;
    background-color: #e7f1ff;
    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='%230c63e4'%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: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
  }
  .breadcrumb-item.active {
    color: #6c757d;
  }
  .pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
  }
  .page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    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: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  .page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .page-item:not(:first-child) .page-link {
    margin-left: -1px;
  }
  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .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;
  }
  .alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
  }
  .alert-primary .alert-link {
    color: #06357a;
  }
  .alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
  }
  .alert-secondary .alert-link {
    color: #34383c;
  }
  .alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
  }
  .alert-success .alert-link {
    color: #0c4128;
  }
  .alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
  }
  .alert-info .alert-link {
    color: #04414d;
  }
  .alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
  }
  .alert-warning .alert-link {
    color: #523e02;
  }
  .alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
  }
  .alert-danger .alert-link {
    color: #6a1a21;
  }
  .alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
  }
  .alert-light .alert-link {
    color: #4f5050;
  }
  .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: #0d6efd;
    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: #0d6efd;
    border-color: #0d6efd;
  }
  .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: #084298;
    background-color: #cfe2ff;
  }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #084298;
    background-color: #bacbe6;
  }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298;
  }
  .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: #055160;
    background-color: #cff4fc;
  }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3;
  }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160;
  }
  .list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd;
  }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9;
  }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03;
  }
  .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: #636464;
    background-color: #fefefe;
  }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5;
  }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464;
  }
  .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(13, 110, 253, 0.25);
    opacity: 1;
  }
  .btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    -webkit-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: -webkit-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-family: var(--bs-font-sans-serif);
    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 /* rtl:ignore */;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    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%;
    -webkit-backface-visibility: hidden;
            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;
  }
  /* rtl:begin:ignore */
  .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%);
  }
  /* rtl:end:ignore */
  .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%;
  }
  /* rtl:options: {
    "autoRename": true,
    "stringMap":[ {
      "name"    : "prev-next",
      "search"  : "prev",
      "replace" : "next"
    } ]
  } */
  .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'%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");
  }
  .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'%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");
  }
  .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) /* rtl:ignore */;
    }
  }
  .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: #0d6efd;
  }
  .link-primary:hover, .link-primary:focus {
    color: #0a58ca;
  }
  .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: #3dd5f3;
  }
  .link-warning {
    color: #ffc107;
  }
  .link-warning:hover, .link-warning:focus {
    color: #ffcd39;
  }
  .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: #0d6efd !important;
  }
  .border-secondary {
    border-color: #6c757d !important;
  }
  .border-success {
    border-color: #198754 !important;
  }
  .border-info {
    border-color: #0dcaf0 !important;
  }
  .border-warning {
    border-color: #ffc107 !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;
  }
  .font-monospace {
    font-family: var(--bs-font-monospace) !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: 2 !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;
  }
  /* rtl:begin:remove */
  .text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }
  /* rtl:end:remove */
  .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-color-rgb), var(--bs-text-opacity)) !important;
  }
  .text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !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-bg-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;
            user-select: all !important;
  }
  .user-select-auto {
    -webkit-user-select: auto !important;
            user-select: auto !important;
  }
  .user-select-none {
    -webkit-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 {
    border-radius: 50% !important;
  }
  .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;
    }
  }

  @media only screen and (max-width: 75em) {
    .commonContents, .infrastructure, .advantages, .whoweare, footer .footerlinks, .containers {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
  }
  .innerHeader, .homeSlides .carousel-inner, .topSpacer {
/*     margin-top: 13.5rem; */
  }
  @media only screen and (max-width: 75em) {
    .innerHeader, .homeSlides .carousel-inner, .topSpacer {
/*       margin-top: 10rem; */
    }
  }
  @media only screen and (max-width: 62em) {
    .innerHeader, .homeSlides .carousel-inner, .topSpacer {
/*       margin-top: 8rem; */
    }
  }
  @keyframes movetoTop {
    0% {
      transform: translateY(1rem);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes menumotion {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes moveLeft {
    0% {
      transform: translateX(20%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes pulsate {
    0% {
      transform: scaleY(1);
      box-shadow: none;
    }
    50% {
      transform: scaleY(1.05);
      box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25);
    }
    100% {
      transform: scaleY(1);
      box-shadow: none;
    }
  }
  @keyframes moveInLeft {
    0% {
      opacity: 0;
      transform: translateX(-10rem);
    }
    80% {
      transform: translateX(1rem);
    }
    100% {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes moveInRight {
    0% {
      opacity: 0;
      transform: translateX(10rem);
    }
    80% {
      transform: translateX(-1rem);
    }
    100% {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes movetoBottom {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes movefromBottom {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes menuBoxes {
    0% {
      opacity: 0;
      top: 90%;
    }
    100% {
      top: 100%;
      opacity: 1;
    }
  }
  @keyframes serviceBox {
    0% {
      opacity: 0;
      transform: translateY(-50%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @keyframes growSize {
    0% {
      opacity: 0.5;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes zoomOout {
    0% {
      opacity: 0;
      width: 20%;
    }
    100% {
      opacity: 0;
      width: 100%;
    }
  }
  @keyframes invisible {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 100%;
    }
  }
  @keyframes imageAnimation {
    0% {
      transform: scale(1.2) rotate3d(1, 1, 1, 8deg);
    }
    100% {
      transform: scale(1) rotate3d(0);
    }
  }
  @keyframes panning {
    0% {
      background-position: 0% 0%;
    }
    25% {
      background-position: 100% 100%;
    }
    50% {
      background-position: 100% 0%;
    }
    75% {
      background-position: 0 100%;
    }
    100% {
      background-position: 0 0;
    }
  }
  @keyframes landBottom {
    0% {
      opacity: 0.5;
      transform: translateY(-100%);
      margin-top: -100%;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      margin-top: -3rem;
    }
  }
  @keyframes colorchange {
    0% {
      background: radial-gradient(#da0000 5%, #B61F24);
    }
    25% {
      background: radial-gradient(#da0000 10%, #B61F24);
    }
    50% {
      background: radial-gradient(#da0000 20%, #B61F24);
    }
    75% {
      background: radial-gradient(#da0000 30%, #B61F24);
    }
    100% {
      background: radial-gradient(#da0000 40%, #B61F24);
    }
  }
  @keyframes snooze {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1) rotate(5deg);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes santa {
    0% {
      right: 100%;
      transform: translateX(0);
    }
    50% {
      transform: translateX(50%);
      right: 50%;
    }
    100% {
      right: 0;
      transform: translateX(100%);
    }
  }
  * {
    margin: 0;
    padding: 0;
  }
  *::selection {
    background-color: #b8272a;
    color: #ffffff;
  }
  *,
  *::after,
  *::before {
    box-sizing: inherit;
    scrollbar-width: thin;
  }
  * ::-webkit-scrollbar,
  *::after ::-webkit-scrollbar,
  *::before ::-webkit-scrollbar {
    width: 1rem;
  }
  html {
    box-sizing: border-box;
    font-size: 62.5%;
  }
  @media only screen and (max-width: 85.375em) {
    html {
      font-size: 55.25%;
    }
  }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 56.25%;
    }
  }
  body {
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    font-size: 1.66rem;
    font-family: "Work Sans", sans-serif;
    caret-color: #b8272a;
  }
  .searchBox {
    position: relative;
    transition: all 1s;
    width: 3.1rem;
    height: 3.1rem;
    box-sizing: border-box;
    border-radius: 100px;
    display: flex;
  }
  .searchBox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.1rem;
    outline: 0;
    border: 0;
    display: none;
    border-radius: 100px;
    padding: 0 1rem 0 2rem;
  }
  .searchBox .searchBtn {
    width: 3.1rem;
    height: 3.1rem;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 100px;
    transition: all 1s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
  }
  .searchBox .searchBtn svg {
    fill: #ffffff;
    width: 1.66rem;
    height: 1.66rem;
  }
  .searchBox:hover {
    width: 20rem;
  }
  @media only screen and (max-width: 30em) {
    .searchBox:hover {
      width: 15rem;
    }
  }
  .searchBox:hover input {
    display: flex;
    border: 1px solid #dddddd;
  }
  .searchBox:hover .searchBtn {
    background: #b8272a;
  }
  .searchBox:hover .searchBtn svg {
    fill: #ffffff;
  }
  .solidBg .searchBtn svg {
    fill: #1b1c21;
  }
  .loginForm {
    padding: 1.5rem;
    background-color: #ffffff;
    position: absolute;
    top: 80%;
    right: 0;
    display: none;
    z-index: 1100;
    animation: movetoBottom 0.2s ease;
  }
  .loginForm.show {
    display: grid;
    width: 28rem;
  }
  .loginForm.show .form-check-input {
    outline: none;
  }
  .loginForm.show .form-check-label {
    margin-left: 0.3rem;
    font-size: 1.66rem;
  }
  .loginForm .loginBtns {
    display: flex;
    padding-top: 1rem;
    justify-content: space-between;
    align-items: center;
  }
  .loginForm .loginBtns a {
    font-size: 1.66rem;
  }
  .loginForm .loginBtns a:link, .loginForm .loginBtns a:visited {
    color: #333;
    text-decoration: none;
  }
  .loginForm .loginBtns a:hover {
    color: #B61F24;
  }
  .commonForm {
    flex: 1;
  }
  .formGroup {
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;
    transition: all 0.3s;
    margin-bottom: 1rem;
  }
  .formGroup p {
    font-size: 1.66rem;
    margin: 0.5rem 0;
  }
  .formGroup input, .formGroup select, .formGroup textarea {
    font-family: inherit;
    color: inherit;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.91);
    border: 1px solid rgba(16, 16, 16, 0.2);
    transition: all 0.3s;
  }
  .formGroup input:focus, .formGroup select:focus, .formGroup textarea:focus {
    outline: none;
    box-shadow: 0 1rem 2rem rgba(16, 16, 16, 0.15);
    border-bottom: 1px solid #a6b1e1;
  }
  .formGroup input:focus:invalid, .formGroup select:focus:invalid, .formGroup textarea:focus:invalid {
    border: 1px solid #da0000;
  }
  .formGroup input::-webkit-input-placeholder, .formGroup input::placeholder, .formGroup select::-webkit-input-placeholder, .formGroup select::placeholder, .formGroup textarea::-webkit-input-placeholder, .formGroup textarea::placeholder {
    color: #333;
  }
  .formGroup input:disabled, .formGroup select:disabled, .formGroup textarea:disabled {
    border-color: rgba(16, 16, 16, 0.1);
    color: #dddddd;
  }
  .formGroup input {
    padding: 0.37rem;
    display: flex;
    flex: 1;
    font-size: 1.66rem;
  }
  .formGroup select {
    padding: 0.4rem;
    display: flex;
    flex: 1;
  }
  .formGroup input[type=date] {
    padding: 0.33rem;
  }
  .formGroup textarea {
    width: 100%;
  }
  .formGroup label {
    margin-bottom: 0.4rem;
    display: flex;
    color: #333;
    position: relative;
    flex: 1;
    font-weight: 600;
  }
  .formGroup label span {
    color: #ea4235;
    padding: 0 0.2rem;
  }
  .radioGroup {
    display: flex;
    margin-bottom: 1rem;
    position: relative;
  }
  .radioGroup label {
    font-size: 1.36rem;
    font-weight: 600;
  }
  .radioGroup.oneByOne {
    flex-direction: column;
  }
  .radioBtn {
    display: none;
  }
  .radioBtn + label {
    cursor: pointer;
  }
  .radioBtn + label span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
    width: 1.72rem;
    height: 1.72rem;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    border: 2px solid #333;
  }
  .radioBtn + label span::before {
    content: "";
    opacity: 0;
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 50%;
    background-color: #b8272a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s;
  }
  .radioBtn:checked + label span::before {
    opacity: 1;
  }
  .radioBtn:disabled + label {
    opacity: 0.5;
  }
  .radioBtn:disabled + label, .radioBtn:disabled + label span {
    cursor: default;
  }
  .checkBox {
    display: none;
  }
  .checkBox + label {
    font-weight: normal;
    cursor: pointer;
  }
  .checkBox + label span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 1.72rem;
    height: 1.72rem;
    cursor: pointer;
    position: relative;
    border: 1.5px solid #a6b1e1;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .checkBox + label span::before {
    content: "";
    opacity: 0;
    width: 0.86rem;
    height: 0.86rem;
    background-color: #a6b1e1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s;
  }
  .checkBox:checked + label span::before {
    opacity: 1;
  }
  .checkBox:disabled + label {
    opacity: 0.5;
  }
  .checkBox:disabled + label, .checkBox:disabled + label span {
    cursor: default;
  }
  .specifications {
    padding-left: 1rem;
    margin-bottom: 1rem;
  }
  .custom-control-label::before {
    background-color: rgba(255, 255, 255, 0.91);
    border: 1px solid rgba(16, 16, 16, 0.3);
  }
  .custom-control-label::after, .custom-control-label::before {
    width: 1.5rem;
    height: 1.5rem;
    left: -1rem;
  }
  .custom-file {
    height: inherit;
  }
  .custom-file-label {
    height: inherit;
    padding: 0.5rem 0.73rem;
  }
  .custom-file-label::after {
    height: inherit;
    background-color: #4853b3;
    color: #ffffff;
  }
  h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0.66px;
  }
  @media only screen and (max-width: 37.5em) {
    h1, h2, h3, h4, h5, h6 {
      letter-spacing: normal;
    }
  }
  ul {
    margin: 0;
    padding: 0;
  }
  strong {
    color: #b8272a;
  }
  .leadCenter {
    margin: 0 auto 3rem auto;
    width: 100%;
    max-width: 100rem;
  }
  .leadCenter p {
    line-height: 2;
    font-size: 1.9rem;
    font-weight: 600;
    text-align: center !important;
  }
  .btn {
    border-radius: 3px;
    border: none;
    outline: none;
    display: inline-flex;
    font-size: 1.2rem;
    display: inline-flex;
  }
  .btn, .btn:link, .btn:visited {
    text-decoration: none;
  }
  .btn:hover, .btn:focus {
    outline: none;
    background-color: #b8272a;
  }
  .btn-lg {
    padding: 0.91rem 2rem;
    font-size: 1.6rem;
  }
  .btn-primary {
    background-color: #b8272a;
    color: #ffffff;
    border: none;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    outline: none;
    background-color: #0c2957;
    box-shadow: none;
  }
  .btn-info {
    background-color: #3b5997;
    color: #ffffff;
    border: none;
  }
  .btn-info:hover, .btn-info:focus, .btn-info:active {
    outline: none;
    color: #ffffff;
    box-shadow: none;
  }
  .btn-md {
    padding: 0.7rem 1.5rem;
    font-size: 1.4rem;
  }
  .btn-lg {
    font-size: 1.66rem;
  }
  .inlinelink {
    color: #1b1c21;
    font-weight: 600;
  }
  .inlinelink:link, .inlinelink:visited {
    text-decoration: none;
  }
  .inlinelink:hover {
    color: #b8272a;
  }
  .inlinelink-2 {
    color: #1b1c21;
    font-weight: 600;
    cursor: pointer;
  }
  .inlinelink-2:hover {
    color: #b8272a;
  }
  .red_color {
    color: #b8272a;
  }
  .modal-content {
    border: none;
  }
  .modal .btn-close {
    opacity: 1;
    background-color: #ffffff;
    mix-blend-mode: screen;
  }
  .modal .btn-close:hover, .modal .btn-close:focus {
    outline: none;
    opacity: 0.5;
  }
  .modal-header {
    background-color: #b8272a;
    display: flex;
    flex: 1;
    align-items: center;
    color: #ffffff;
    text-transform: capitalize;
  }
  .modal-header h3 {
    color: #ffffff;
    font-size: 2.2rem;
  }
  .modal-header h4 {
    color: #ffffff;
    font-size: 1.6rem;
  }
  .modal .close {
    outline: none;
    padding: 0.6rem;
    background-color: #ffffff;
    opacity: 0.9;
    height: 100%;
    margin-left: auto;
    margin-right: 0.3rem;
  }
  .modal .close:hover {
    opacity: 1;
  }
  .modal#forgetModal .modal-content {
    padding: 1.66rem;
  }
  .modal#forgetModal .modal-content .modal-header {
    background-color: #ffffff;
    border: none;
  }
  .modal#forgetModal .modal-content .modal-header h3 {
    color: #4853b3;
  }
  .modal#forgetModal .modal-content .modal-header .btn-close {
    background-color: #ffa800;
    mix-blend-mode: difference;
  }
  .modal#forgetModal .modal-content .formGroup {
    margin-bottom: 2rem;
  }
  .modal#forgetModal .modal-content .formGroup input {
    padding: 1rem;
  }
  .modal#forgetModal .modal-content .formGroup p {
    font-size: 1.66rem;
    margin-bottom: 1rem;
  }
  .form-control {
    font-size: 1.66rem;
    border-radius: 0;
  }
  .grayBg {
    background-color: #f5f6f8;
  }
  .redBg {
    background-color: #b8272a;
  }
  .greenBg {
    background-color: #25c058;
  }
  .blueBg {
    background-color: #367fe5;
  }
  .yellowBg {
    background-color: #ffa800;
  }
  .darkBg {
    background-color: #282525;
  }
  .whiteBg {
    background-color: #ffffff;
  }
  .bgColor {
    background-color: rgba(184, 39, 42, 0.21);
  }
  .bgColorblue {
    background-color: rgba(63, 133, 245, 0.1);
  }
  .bgColorgold {
    background-color: rgba(255, 168, 0, 0.18);
  }
  .newBg {
    background-color: #b8272a;
  }
  .clipOne {
    margin-top: -5.5rem;
    -webkit-clip-path: polygon(100% 93%, 50% 100%, 0 93%, 0 0, 50% 7%, 100% 0);
            clip-path: polygon(100% 93%, 50% 100%, 0 93%, 0 0, 50% 7%, 100% 0);
    padding: 10rem 0;
  }
  .whitePanel {
    padding: 3rem;
    background-color: rgba(255, 255, 255, 0.91);
    margin: 5rem 0;
  }
  .whitePanel h3 {
    font-size: 3.5rem;
    font-weight: 300;
    color: #b8272a;
    margin-bottom: 1.5rem;
  }
  .boldTxt {
    font-weight: 700;
  }
  .semiTxt {
    font-weight: 600;
  }
  .normalTxt {
    font-weight: 400 !important;
  }
  .commonUl {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .commonUl li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
  }
  .commonUl li::before {
    content: " •";
    position: absolute;
    color: #b8272a;
    font-size: 3.5rem;
    left: 0;
    top: -1.67rem;
  }
  .commonUl li ul li::before {
    color: #4853b3;
  }
  .commonUl.colThree {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
  @media only screen and (max-width: 48em) {
    .commonUl.colThree {
      grid-template-columns: 1fr;
    }
  }
  .commonUl.colTwo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
  @media only screen and (max-width: 48em) {
    .commonUl.colTwo {
      grid-template-columns: 1fr;
    }
  }
  .commonUl.spacer li {
    margin-top: 1.1rem;
  }
  .commonUl ul {
    list-style: none;
  }
  .sec_title_01 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;
    padding-bottom: 2rem;
    text-align: center;
    max-width: 99rem;
    margin: auto;
  }
  .sec_title_01 h2 {
    font-size: 3.7rem;
    font-weight: 500;
    letter-spacing: normal;
  }
  @media only screen and (max-width: 37.5em) {
    .sec_title_01 h2 {
      font-size: 2.5rem;
      text-align: center;
    }
  }
  .sec_title_01 h4 {
    font-weight: 400;
    font-size: 1.66rem;
    color: #555555;
    text-transform: capitalize;
    line-height: inherit;
  }
  .subtitles_one {
    font-weight: 600;
    font-size: 2.4rem;
    margin-bottom: 2rem;
    color: #333;
    text-transform: capitalize;
  }
  .subtitles_one span {
    display: block;
  }
  .subtitles_two {
    font-weight: 600;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #b8272a;
    text-transform: capitalize;
  }
  .subtitles_two span {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 1rem;
    display: inline-block;
  }
  .subtitles_three {
    font-weight: 600;
    font-size: 1.66rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #b8272a;
    text-transform: capitalize;
  }
  .subtitles_three span {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 1rem;
    display: inline-block;
  }
  .small_title {
    font-weight: 600;
    font-size: 1.66rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #4853b3;
    text-transform: capitalize;
  }
  .dropDownBox {
    padding: 1.5rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f7f7f7;
    margin-top: 0;
    grid-column-gap: 1.5rem;
    grid-row-gap: 0.73rem;
    box-shadow: 0.5rem 0.5rem 1rem rgba(16, 16, 16, 0.2);
    display: none;
    animation: menumotion 0.5s ease-out;
    width: -webkit-max-content;
    width: max-content;
    z-index: 1000;
  }
  @media only screen and (max-width: 75em) {
    .dropDownBox {
      position: static !important;
      box-shadow: none;
      padding: 0.5rem 1rem;
      animation: none;
      left: 0;
      transform: translateX(0);
    }
  }
  .dropDownBox.threeColumn {
    grid-template-columns: 1fr;
  }
  @media only screen and (max-width: 75em) {
    .dropDownBox.threeColumn {
      grid-template-columns: 1fr !important;
      padding: 0 1rem;
    }
  }
  .dropDownBox.largeColumn {
    grid-template-columns: repeat(4, auto) !important;
    grid-auto-flow: dense;
    column-gap: 3rem;
  }
  @media only screen and (max-width: 75em) {
    .dropDownBox.largeColumn {
      grid-template-columns: 1fr !important;
      padding: 0 1rem;
    }
  }
  .dropDownBox.xtralargeColumn {
    grid-template-columns: repeat(5, auto) !important;
    grid-auto-flow: dense;
    column-gap: 3rem;
  }
  @media only screen and (max-width: 75em) {
    .dropDownBox.xtralargeColumn {
      grid-template-columns: 1fr !important;
      padding: 0 1rem;
    }
  }
  .dropDownBox .division h4 {
    color: #1b1c21;
    font-weight: 700;
    font-size: 1.66rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
  }
  .dropDownBox .division h4 a:link, .dropDownBox .division h4 a:visited {
    color: #1b1c21;
    font-weight: 700 !important;
  }
  .dropDownBox ul {
    margin: 0;
    padding: 0;
  }
  .dropDownBox ul li {
    margin-bottom: 0.5rem;
  }
  .dropDownBox a {
    color: #1b1c21 !important;
    padding: 0 !important;
    font-size: 1.5rem;
    display: flex;
    text-transform: unset !important;
    font-weight: normal !important;
  }
  .dropDownBox a.bold {
    color: #101010 !important;
    font-weight: 700 !important;
  }
  .dropDownBox a.bold:hover {
    color: #b8272a !important;
    opacity: 0.8;
  }
  .dropDownBox a::after {
    display: none;
  }
  .dropDownBox a:hover, .dropDownBox a:focus {
    color: #b8272a !important;
  }
  .userLogin {
/*     display: flex; */
	  display:none;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0.66px;
    background-color: #b8272a;
    font-size: 1.2rem;
    text-transform: capitalize;
    flex-direction: row-reverse;
    padding: 0.33rem 0.66rem 0.33rem 0.33rem;
    border-radius: 3px;
    text-decoration: none;
    margin-left: 1rem;
    box-shadow: none;
    outline: none;
    border: none;
  }
  .userLogin svg {
    fill: #ffffff;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.3rem;
    display: flex;
  }
  .userLogin:hover, .userLogin:focus {
    outline: none;
    cursor: pointer;
    background-color: #333;
    color: #ffffff;
    box-shadow: none;
  }
  .social {
    display: inline-flex;
    margin-left: 1rem;
  }
  .social a {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    margin-left: 0.66rem;
    align-items: center;
    background-color: #367fe5;
    border-radius: 3px;
    justify-content: center;
  }
  .social a:link, .social a:visited {
    outline: none;
  }
  .social a svg {
    fill: #f7f7f7;
    height: 2rem;
    width: 2rem;
  }
  .social a:hover, .social a:focus {
    background-color: #b8272a;
  }
  .italics {
    font-style: italic;
  }
  .owl-dots button {
    outline: none;
  }
  .bottomFive {
    padding: 2rem 0 6rem 0;
  }
  @media only screen and (max-width: 62em) {
    .bottomFive {
      padding: 2rem 0 4rem 0;
    }
  }
  .bpadd6 {
    padding-bottom: 6rem;
  }
  @media only screen and (max-width: 62em) {
    .bpadd6 {
      padding-bottom: 4rem;
    }
  }
  .commonPadding {
    padding: 6rem 0;
  }
  @media only screen and (max-width: 62em) {
    .commonPadding {
      padding: 4rem 0;
    }
  }
  .commonMargin {
    margin: 6rem 0;
  }
  @media only screen and (max-width: 62em) {
    .commonMargin {
      margin: 4rem 0;
    }
  }
  .topm5 {
    margin-top: 5rem;
  }
  .padd0 {
    padding: 0 !important;
  }
  .Tpadd0 {
    padding-top: 0 !important;
  }
  .Bpadd0 {
    padding-bottom: 0 !important;
  }
  .no-mb {
    margin-bottom: 0 !important;
  }
  .mb3 {
    margin-bottom: 3rem !important;
  }
  .mb15 {
    margin-bottom: 1.5rem !important;
  }
  .mb6 {
    margin-bottom: 6rem !important;
  }
  .btn-danger {
    color: #ffffff;
    background-color: #b8272a;
    border-color: #b8272a;
  }
  .BpaddSmall {
    padding-bottom: 2rem !important;
  }
  .blackfont {
    color: #101010;
  }
  .whitefont {
    color: #ffffff;
  }
  .tab-content .commonUl {
    margin: 1.5rem 0;
  }
  .tabsection .nav-tabs .nav-item.show {
    background-color: #b8272a;
    color: #ffffff;
  }
  .tabsection .nav-tabs .nav-link {
    color: #b8272a;
    font-weight: 600;
  }
  .tabsection .nav-tabs .nav-link.active {
    background-color: #b8272a;
    color: #ffffff;
  }
  .commonlinks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .commonlinks li a {
    display: flex;
    padding: 0.64rem 0;
    border-bottom: 1px solid #dddddd;
    align-items: center;
  }
  .commonlinks li a:link, .commonlinks li a:visited {
    text-decoration: none;
    color: #333;
  }
  .commonlinks li a:hover, .commonlinks li a:focus {
    color: #b8272a;
  }
  .hilightstxt {
    margin: 0 auto;
    font-size: 1.66rem;
    text-align: center;
    max-width: 100rem;
  }
  .hilightstxt.semibold {
    font-weight: 500;
    font-size: 1.9rem;
  }
  .boxtitle {
    display: flex;
    justify-content: center;
    flex: 1;
    padding-bottom: 3rem;
    align-items: center;
    flex-direction: column;
  }
  .boxtitle h2 {
    padding: 1rem 2.5rem;
    background-color: #b8272a;
    color: #ffffff;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2rem;
  }
  @media only screen and (max-width: 37.5em) {
    .boxtitle h2 {
      font-size: 3rem;
    }
  }
  .boxtitle h2 span {
    margin: -1rem 1rem;
    display: inline-flex;
    position: relative;
    background-color: #1b1c21;
    padding: 1rem;
  }
  .boxtitle_two {
    display: flex;
    justify-content: center;
    width: -webkit-max-content;
    width: max-content;
    flex: 1;
    position: relative;
    background-color: #b8272a;
    margin: 0 auto 4rem auto;
  }
  .boxtitle_two::after, .boxtitle_two::before {
    content: "";
    position: absolute;
    padding: 0.7rem;
    background-color: #1b1c21;
    height: 100%;
    top: 0;
  }
  .boxtitle_two::before {
    left: 0;
  }
  .boxtitle_two::after {
    right: 0;
  }
  .boxtitle_two h2 {
    padding: 1.5rem 3rem;
    color: #ffffff;
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
  }
  @media only screen and (max-width: 48em) {
    .boxtitle_two h2 {
      font-size: 2.7rem !important;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .boxtitle_two h2 {
      font-size: 2.2rem !important;
    }
  }
  @media only screen and (max-width: 30em) {
    .boxtitle_two h2 {
      font-size: 2rem !important;
    }
  }
  .boxtitle_two h2 span {
    display: flex;
    justify-content: center;
  }
  .texttitle_one {
    display: flex;
    justify-content: center;
    flex: 1;
    padding-bottom: 4rem;
  }
  .texttitle_one h2 {
    color: #ffffff;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding: 0 3rem;
  }
  .texttitle_one h2::after, .texttitle_one h2::before {
    content: "";
    padding: 0.7rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .texttitle_one h2::before {
    left: 0;
    background-color: #b8272a;
  }
  .texttitle_one h2::after {
    right: 0;
    background-color: #ffffff;
  }
  .texttitle_one h2 span {
    color: #b8272a;
  }
  @media only screen and (max-width: 37.5em) {
    .texttitle_one h2 {
      font-size: 2.8rem;
    }
  }
  .texttitle_two {
    display: flex;
    justify-content: center;
    flex: 1;
    padding-bottom: 4rem;
    flex-direction: column;
    align-items: center;
  }
  .texttitle_two h4 {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 0;
  }
  .texttitle_two h2 {
    color: #0c2957;
    font-size: 4rem;
    text-transform: capitalize;
    font-weight: 700;
    position: relative;
    padding: 0 12rem;
    text-align: center;
  }
  @media only screen and (max-width: 37.5em) {
    .texttitle_two h2 {
      padding: 0 6rem;
    }
  }
  .texttitle_two h2::after, .texttitle_two h2::before {
    content: "";
    height: 0.5rem;
    width: 10rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #b8272a;
  }
  @media only screen and (max-width: 37.5em) {
    .texttitle_two h2::after, .texttitle_two h2::before {
      width: 5rem;
    }
  }
  .texttitle_two h2::before {
    left: 0;
  }
  .texttitle_two h2::after {
    right: 0;
  }
  .texttitle_two h2 span {
    color: #b8272a;
  }
  @media only screen and (max-width: 37.5em) {
    .texttitle_two h2 {
      font-size: 2.8rem;
    }
  }
  .findUs {
    display: flex;
    margin-top: 0.69rem;
  }
  .findUs a {
    display: inline-flex;
    margin-right: 0.8rem;
    align-items: center;
    padding: 0.66rem;
    justify-content: center;
    background-color: #b8272a;
    border-radius: 3px;
    transition: all 0.2s ease;
  }
  .findUs a:hover, .findUs a:focus {
    background-color: #367fe5;
  }
  .findUs a svg {
    height: 1.69rem;
    width: 1.69rem;
    fill: #ffffff;
  }
  .buttn-red {
    background-color: #b8272a;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 5rem;
    width: 5rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    position: fixed;
    right: 2rem;
    bottom: 8.69rem;
    z-index: 500;
  }
  .buttn-red:hover, .buttn-red:focus, .buttn-red:active {
    background-color: #ea4235;
    outline: none;
    transform: translateY(2px);
  }
  .buttn-red svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #ffffff;
  }
  .brochureLink {
    display: flex;
    padding: 0.5rem 1rem;
    background-color: #b8272a;
    color: #ffffff;
    margin-bottom: 2rem;
    align-items: center;
    border-radius: 5px;
  }
  .brochureLink:link, .brochureLink:visited {
    text-decoration: none;
  }
  .brochureLink:hover, .brochureLink:focus {
    color: #ffffff;
    background-color: #1b1c21;
  }
  .brochureLink svg {
    fill: #ffffff;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
  }
  .bulletpoints {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
  }
  .bulletpoints li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
    text-align: left;
  }
  .bulletpoints li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6rem;
    width: 0.6rem;
    height: 1.1rem;
    background-color: #b8272a;
  }
  .bulletpoints li::after {
    content: "";
    position: absolute;
    top: 0.6rem;
    left: 0.5rem;
    width: 0.6rem;
    height: 1.1rem;
    background-color: #1b1c21;
    z-index: 1;
  }
  .bulletpoints.colTwo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
  @media only screen and (max-width: 48em) {
    .bulletpoints.colTwo {
      grid-template-columns: 1fr;
    }
  }
  .bulletpoints.colThree {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
  @media only screen and (max-width: 48em) {
    .bulletpoints.colThree {
      grid-template-columns: 1fr;
    }
  }
  .ticklist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
  }
  .ticklist li {
    position: relative;
    padding-left: 1.9rem;
    margin-bottom: 0.66rem;
    text-align: left;
  }
  .ticklist li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 0;
    color: #b8272a;
  }
  .ticklist.colTwo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
  @media only screen and (max-width: 48em) {
    .ticklist.colTwo {
      grid-template-columns: 1fr;
    }
  }
  .ticklist.colThree {
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
  @media only screen and (max-width: 48em) {
    .ticklist.colThree {
      grid-template-columns: 1fr;
    }
  }
  .mapouter {
    position: relative;
    height: 40rem;
    width: 100%;
  }
  .mapouter .gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 40rem;
    width: 100%;
  }
  .table > :not(caption) > * > * {
    padding: 1rem 0.7rem;
  }
  .fix-width {
    width: 12rem;
    max-width: 12rem;
  }
  @media only screen and (max-width: 37.5em) {
    .fix-width {
      width: auto;
      max-width: auto;
    }
  }
  section {
    scroll-margin-top: 14rem !important;
  }
  .awardpoints {
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    align-items: center;
    column-gap: 0.55rem;
  }
  @media only screen and (max-width: 75em) {
    .awardpoints {
      display: none;
    }
  }
  .awardpoints .testribbon {
    max-height: 6rem;
  }
  .awardpoints .partlogos {
    display: flex;
    align-items: center;
    margin-left: 1rem;
  }
  .awardpoints .partlogos img {
    height: 5.5rem;
  }
  .awardpoints ul {
    list-style: none;
    margin: 1rem 0;
    padding: 0 0 0 1rem;
    display: grid;
    border: 1px solid #b8272a;
    grid-template-columns: repeat(5, auto);
    border-radius: 0.5rem;
    max-width: -webkit-max-content;
    max-width: max-content;
  }
  .awardpoints ul li {
    position: relative;
    padding: 0.33rem 1rem 0.33rem 1.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    letter-spacing: 0.33px;
    align-items: center;
    color: #000000;
  }
  .awardpoints ul li::before {
    content: "✓";
    width: 1rem;
    height: 1rem;
    font-size: 0.69rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b8272a;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 1px;
    left: 0;
  }
  .awardpoints ul li a {
    align-items: center;
    display: flex;
  }
  .awardpoints ul li a:link, .awardpoints ul li a:visited {
    text-decoration: none;
    color: #333;
  }
  .awardpoints ul li a:hover, .awardpoints ul li a:focus, .awardpoints ul li a:active {
    color: #b8272a;
  }
  .submitBrochure {
    display: flex;
    padding: 0.73rem 1rem;
    background-color: #b8272a;
    color: #ffffff;
    margin-bottom: 2rem;
    align-items: center;
    border-radius: 3px;
    outline: none;
    border: none;
  }
  .submitBrochure:link, .submitBrochure:visited {
    text-decoration: none;
  }
  .submitBrochure:hover, .submitBrochure:focus {
    color: #ffffff;
    background-color: #1b1c21;
    outline: none;
  }
  .submitBrochure svg {
    fill: #ffffff;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
  }
  .totopbtn,
  .chatbtn {
    right: 2rem;
    background-color: #b8272a;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    position: fixed;
    transition: all 0.3s ease;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    border: none;
  }
  .totopbtn svg,
  .chatbtn svg {
    height: 2.5rem;
    width: 2.5rem;
    fill: #ffffff;
  }
  .totopbtn:hover, .totopbtn:focus, .totopbtn:active,
  .chatbtn:hover,
  .chatbtn:focus,
  .chatbtn:active {
    background-color: #ea4235;
    cursor: pointer;
    outline: none;
    transform: translateY(2px);
  }
  .totopbtn {
    bottom: 2rem;
    visibility: hidden;
    display: none;
  }
  .totopbtn.viewbtn {
    opacity: 1;
    visibility: visible;
    display: inline-flex;
  }
  .chatbtn {
    bottom: 8.69rem;
    display: inline-flex;
  }
  .welocme_badge {
    -webkit-clip-path: polygon(50% 0, 100% 18%, 100% 100%, 0 100%, 0 18%);
            clip-path: polygon(50% 0, 100% 18%, 100% 100%, 0 100%, 0 18%);
    background-color: #b8272a;
    color: #ffffff;
    height: 10rem;
    justify-content: center;
    align-items: center;
    display: flex;
    flex: 1;
    margin-top: -1rem;
  }
  @media only screen and (max-width: 30em) {
    .welocme_badge {
      height: 8rem;
      margin-top: 0;
    }
  }
  .welocme_badge h2 {
    margin: 0;
    font-weight: 700;
    font-size: 4rem;
  }
  @media only screen and (max-width: 30em) {
    .welocme_badge h2 {
      font-size: 3rem;
    }
  }
  #NewOpenings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3rem;
    row-gap: 2rem;
    align-items: baseline;
  }
  @media only screen and (max-width: 75em) {
    #NewOpenings {
      grid-template-columns: 1fr;
    }
  }
  #NewOpenings .accordion-item {
    background-color: #ffffff;
    border-radius: 3px;
  }
  #NewOpenings .accordion-item .accordion-button {
    font-size: 2rem;
    font-weight: 700;
    color: #b8272a;
    border: none;
    padding: 1.6rem;
  }
  #NewOpenings .accordion-item .accordion-button:hover, #NewOpenings .accordion-item .accordion-button:focus {
    outline: none;
    box-shadow: none;
  }
  .slidebar {
    width: 26rem;
    background-color: #b8272a;
    position: fixed;
    right: -27rem;
    top: 0;
    height: 100%;
    box-shadow: 0 0 1rem rgba(16, 16, 16, 0.5);
    transition: all 0.5s ease-out;
    padding-top: 15rem;
    z-index: 1010;
  }
  .slidebar .closeBar {
    height: 2.2rem;
    width: 2.2rem;
    display: flex;
    background-color: #b8272a;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .slidebar .closeBar:hover {
    background-color: #d63c3f;
  }
  .slidebar h3 {
    background-color: #ffffff;
    font-weight: 600;
    color: #b8272a;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
  }
  .slidebar ul {
    list-style: none;
    display: flex;
    flex-direction: column;
  }
  .slidebar ul li {
    display: flex;
    flex: 1;
  }
  .slidebar ul li a {
    padding: 0.91rem 2rem;
    display: flex;
    flex: 1;
    transition: all 0.2s ease-out;
    border-bottom: 1px solid #d63c3f;
  }
  .slidebar ul li a:link, .slidebar ul li a:visited {
    color: #ffffff;
    text-decoration: none;
  }
  .slidebar ul li a:hover, .slidebar ul li a:focus {
    background-color: #d63c3f;
  }
  .slidebar.open {
    right: 0;
  }
  section {
    scroll-margin-top: 14rem !important;
  }
  label span {
    color: #ea4235;
  }
  .iti {
    display: inherit !important;
  }
  .careerslink {
    padding: 2rem 1rem;
    background-color: #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .careerslink a {
    padding: 1.3rem 3rem;
    display: inline-flex;
    transition: all 0.2s ease-out;
    background-color: #b8272a;
    font-size: 2rem;
    border-radius: 3px;
    font-weight: 700;
    flex-direction: column;
    letter-spacing: 0.66px;
  }
  .careerslink a small {
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
  }
  .careerslink a:link, .careerslink a:visited {
    color: #ffffff;
    text-decoration: none;
  }
  .careerslink a:hover, .careerslink a:focus {
    background-color: #d63c3f;
  }
  .inputGroups {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
  }
  @media only screen and (max-width: 37.5em) {
    .inputGroups {
      grid-template-columns: 1fr;
    }
  }
  .productSlideShow .carousel-indicators {
    top: -12rem;
    bottom: auto;
    justify-content: space-evenly;
    border-bottom: 1px solid #dddddd;
    margin: 0;
  }
  @media only screen and (max-width: 62em) {
    .productSlideShow .carousel-indicators {
      grid-template-columns: repeat(2, 1fr);
      display: grid;
      column-gap: 0.66rem;
      row-gap: 0.66rem;
    }
  }
  .productSlideShow .carousel-indicators button {
    border: none;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0.69rem;
    background-color: transparent;
    transition: all 0.2s ease;
    font-weight: 600;
    border-bottom: 0.3rem solid transparent;
    margin-bottom: 0.66rem;
    padding-bottom: 0.33rem;
  }
  @media only screen and (max-width: 62em) {
    .productSlideShow .carousel-indicators button {
      flex-direction: row;
      justify-content: flex-start;
      padding: 0.11rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .productSlideShow .carousel-indicators button {
      padding: 0 0.33rem;
      margin: 0;
    }
  }
  .productSlideShow .carousel-indicators button:focus {
    outline: none;
  }
  .productSlideShow .carousel-indicators button span {
    display: inline-flex;
    width: 4.4rem;
    height: 4.4rem;
    background-color: #919191;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
  }
  @media only screen and (max-width: 62em) {
    .productSlideShow .carousel-indicators button span {
      width: 3.3rem;
      height: 3.3rem;
      margin-right: 0.66rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .productSlideShow .carousel-indicators button span {
      display: none;
    }
  }
  .productSlideShow .carousel-indicators button svg {
    width: 2.8rem;
    height: 2.8rem;
    fill: #ffffff;
    transition: all 0.2s ease;
  }
  @media only screen and (max-width: 62em) {
    .productSlideShow .carousel-indicators button svg {
      width: 1.5rem;
      height: 1.5rem;
    }
  }
  .productSlideShow .carousel-indicators button:hover, .productSlideShow .carousel-indicators button.active {
    border-color: #b8272a;
    color: #b8272a;
  }
  @media only screen and (max-width: 62em) {
    .productSlideShow .carousel-indicators button:hover, .productSlideShow .carousel-indicators button.active {
      background-color: #dddddd;
    }
  }
  .productSlideShow .carousel-indicators button:hover span, .productSlideShow .carousel-indicators button.active span {
    background-color: #b8272a;
  }
  .productSlideShow .carousel-indicators button:hover svg, .productSlideShow .carousel-indicators button.active svg {
    fill: #ffffff;
  }
  .prod_sldes {
    padding-top: 12rem;
  }
  .prod_sldes .carousel-indicators button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-indent: inherit;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .prod_sldes .carousel-item {
    text-align: center;
  }
  .prod_sldes .carousel-item img {
    max-height: 50rem;
  }
  .splitSlideShow .carousel-item .itemcontent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: flex-end;
    padding: 2rem 5.5rem;
  }
  @media only screen and (max-width: 48em) {
    .splitSlideShow .carousel-item .itemcontent {
      grid-template-columns: 1fr;
    }
  }
  .splitSlideShow .carousel-item .itemcontent .txt {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .splitSlideShow .carousel-item .itemcontent .txt h2 {
    font-weight: 700;
    font-size: 2.3rem;
  }
  @media only screen and (max-width: 37.5em) {
    .splitSlideShow .carousel-item .itemcontent .txt h2 {
      font-size: 1.72rem;
      text-align: center;
    }
  }
  .splitSlideShow .carousel-control-next,
  .splitSlideShow .carousel-control-prev {
    width: 5.5rem;
    background-color: transparent;
    border: none;
  }
  .splitSlideShow .carousel-control-next:hover,
  .splitSlideShow .carousel-control-prev:hover {
    outline: none;
  }
  .splitSlideShow .carousel-control-next-icon,
  .splitSlideShow .carousel-control-prev-icon {
    width: 3.7rem;
    height: 3.7rem;
  }
  .splitSlideShow .carousel-indicators {
    display: flex;
  }
  .splitSlideShow .carousel-indicators button {
    width: 1.3rem;
    height: 0.3rem;
    border: none;
    background-color: #dddddd;
    margin: 0.33rem;
  }
  .splitSlideShow .carousel-indicators button:hover, .splitSlideShow .carousel-indicators button.active {
    background-color: #b8272a;
    outline: none;
  }
  .faceCapture {
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.69);
    border: 1px solid #919191;
    transition: all 0.3s;
    width: 100%;
    height: 19rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-blend-mode: lighten;
    position: relative;
    object-fit: fill;
  }
  .faceCapture video, .faceCapture canvas {
    width: 100%;
    height: auto;
  }
  .flip {
    width: 3rem;
    height: 3rem;
    border: none;
    background-color: transparent;
    transition: all 0.3s ease;
    opacity: 0.55;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    z-index: 100;
  }
  .flip svg {
    width: 2.8rem;
    height: 2.8rem;
    fill: #dddddd;
  }
  .flip:hover {
    opacity: 0.91;
  }
  .flip:focus {
    outline: none;
  }
  .loginoptions {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .captureheading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }
  .captureheading button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #b8272a;
    transition: all 0.3s ease;
    width: 2.2rem;
    height: 2.2rem;
    border: none;
    outline: none;
    cursor: pointer;
  }
  .captureheading button:hover, .captureheading button:focus {
    background-color: #25c058;
    outline: none;
  }
  .captureheading button.offbtn {
    background-color: #333;
  }
  .captureheading button svg {
    fill: #ffffff;
    width: 1.2rem;
    height: 1.2rem;
  }
  .captureheading h4 {
    margin: 0;
    padding: 0;
  }
  .logincapture {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .productKeyShow .carousel-indicators {
    top: -4rem;
    bottom: auto;
    justify-content: space-evenly;
    border-bottom: 1px solid #dddddd;
    margin: 0;
  }
  @media only screen and (max-width: 62em) {
    .productKeyShow .carousel-indicators {
      grid-template-columns: repeat(2, 1fr);
      display: grid;
      top: -11rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .productKeyShow .carousel-indicators {
      top: -14rem;
    }
  }
  .productKeyShow .carousel-indicators button {
    border: none;
    display: inline-flex;
    align-items: center;
    margin: 0 0.69rem;
    background-color: transparent;
    transition: all 0.2s ease;
    font-weight: 600;
    border-bottom: 0.3rem solid transparent;
    padding-bottom: 0.66rem;
    color: #000000;
  }
  @media only screen and (max-width: 62em) {
    .productKeyShow .carousel-indicators button {
      padding: 0.69rem;
    }
  }
  .productKeyShow .carousel-indicators button:focus {
    outline: none;
  }
  .productKeyShow .carousel-indicators button span {
    display: inline-flex;
    margin-right: 0.69rem;
  }
  @media only screen and (max-width: 37.5em) {
    .productKeyShow .carousel-indicators button span {
      display: none;
    }
  }
  .productKeyShow .carousel-indicators button svg {
    width: 2.2rem;
    height: 2.2rem;
    fill: #b8272a;
    transition: all 0.2s ease;
  }
  .productKeyShow .carousel-indicators button:hover, .productKeyShow .carousel-indicators button.active {
    border-color: #b8272a;
    color: #b8272a;
  }
  @media only screen and (max-width: 62em) {
    .productKeyShow .carousel-indicators button:hover, .productKeyShow .carousel-indicators button.active {
      background-color: #eeeeee;
    }
  }
  .productKeyShow .carousel-indicators button:hover svg, .productKeyShow .carousel-indicators button.active svg {
    fill: #b8272a;
    stroke: #b8272a;
  }
  .key_sldes {
    padding-top: 4rem;
  }
  @media only screen and (max-width: 62em) {
    .key_sldes {
      padding-top: 11rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .key_sldes {
      padding-top: 14rem;
    }
  }
  .key_sldes .carousel-indicators button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-indent: inherit;
  }
  .key_sldes .carousel-item {
    background-color: #ffffff;
    padding: 5rem;
    min-height: 22rem;
  }
  @media only screen and (max-width: 62em) {
    .key_sldes .carousel-item {
      padding: 3rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .key_sldes .carousel-item {
      padding: 2rem;
    }
  }
  .key_sldes .carousel-item h3 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
  }
  .phNumbers {
    display: grid;
    grid-template-columns: 1fr 7.3rem;
    column-gap: 1rem;
  }
  .betav {
    position: relative;
  }
  @media only screen and (max-width: 37.5em) {
    .betav {
      display: none;
    }
  }
  .betav .tiptxt {
    position: absolute;
    left: -13rem;
    background-color: #000000;
    color: #ffffff;
    display: none;
    padding: 0.33rem;
    z-index: 1070;
    border-radius: 3px;
  }
  .betav .tiptxt::after {
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1rem;
    border-width: 0.5rem;
    border-style: solid;
    border-color: transparent transparent transparent #000000;
  }
  .betav:hover .tiptxt {
    display: inline-flex;
  }
  .sitErrors {
    padding: 1.5rem;
  }
  .sitErrors .btn {
    justify-content: center;
  }
  .downloadWrap {
    background-color: #ffffff;
    width: 100%;
    height: calc(100vh - 6rem);
    display: grid;
    align-content: center;
    justify-content: center;
  }
  .downloadWrap .downloadSuccess,
  .downloadWrap .downloadExpired {
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100%;
    max-width: 130rem;
    border-radius: 2rem;
    overflow: hidden;
    background-color: #ffedee;
    background-image: url('download_bg.png');
    background-position: center left;
    background-repeat: no-repeat;
  }
  .downloadWrap .downloadSuccess.hidedownload,
  .downloadWrap .downloadExpired.hidedownload {
    display: none;
  }
  .downloadWrap .downloadSuccess h1,
  .downloadWrap .downloadExpired h1 {
    font-weight: 600;
    font-size: 4rem;
  }
  .downloadWrap .downloadSuccess h1 span,
  .downloadWrap .downloadExpired h1 span {
    color: #b8272a;
    font-weight: 700;
  }
  .downloadWrap .downloadSuccess article,
  .downloadWrap .downloadExpired article {
    padding-left: 5rem;
  }
  .downloadWrap .downloadSuccess article, .downloadWrap .downloadSuccess picture,
  .downloadWrap .downloadExpired article,
  .downloadWrap .downloadExpired picture {
    display: grid;
    align-content: center;
  }
  .downloadWrap .downloadSuccess article img, .downloadWrap .downloadSuccess picture img,
  .downloadWrap .downloadExpired article img,
  .downloadWrap .downloadExpired picture img {
    max-width: 100%;
  }
  @media only screen and (max-width: 62em) {
    .downloadWrap .downloadSuccess,
  .downloadWrap .downloadExpired {
      grid-template-columns: 1fr;
    }
    .downloadWrap .downloadSuccess article,
  .downloadWrap .downloadExpired article {
      padding: 2rem;
    }
    .downloadWrap .downloadSuccess h1,
  .downloadWrap .downloadExpired h1 {
      font-weight: 600;
      font-size: 2.2rem;
    }
  }
  .downloadFoot {
    height: 6rem;
    background-color: #282525;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f7f7f7;
    font-size: 1.55rem;
  }
  .downloadFoot a:link, .downloadFoot a:visited {
    text-decoration: none;
    color: #f7f7f7;
  }
  .downloadFoot a:link:hover, .downloadFoot a:visited:hover {
    color: #b8272a;
  }
  .loadingif {
    margin: auto;
  }
  .loadingif.hide {
    display: none;
  }
  .footkeylogos {
    display: grid;
    grid-template-rows: repeat(3, 6.9rem);
    row-gap: 0.5rem;
    align-content: center;
  }
  .footkeylogos a {
    display: grid;
    align-items: center;
    cursor: pointer;
  }
  .footkeylogos a:link, .footkeylogos a:visited {
    outline: none;
  }
  .footkeylogos a img {
    max-width: 100%;
    max-height: 100%;
    display: inline-flex;
    outline: none;
  }
  .footkeylogos .keyimgs {
    align-content: center;
    overflow: hidden;
  }
  .footkeylogos .keyimgs.rowone {
    display: grid;
    grid-template-columns: repeat(4, auto);
    background-color: #ffffff;
  }
  .footkeylogos .keyimgs.rowTwo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
    column-gap: 0.5rem;
  }
  .footkeylogos .keyimgs.rowTwo .hosplit {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
  }
  .footkeylogos .keyimgs.rowTwo .vesplit {
    display: grid;
  }
  .footkeylogos .keyimgs.rowThree {
    display: grid;
    grid-template-columns: repeat(3, auto);
    background-color: #ffffff;
  }
  .holidayvideo {
    width: 100%;
    margin-top: 3rem;
  }
  .holidayvideo video {
    width: 100%;
  }
  @media only screen and (max-width: 37.5em) {
    .holidayvideo {
      margin-top: 1em;
    }
  }
  /*---------------------------------------------------------------*/
  .lightrope {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    margin: -15px 0 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
  }
  .lightrope li {
    position: relative;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 12px;
    height: 28px;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background: #00f7a5;
    box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    animation-name: flash-1;
    animation-duration: 2s;
  }
  .lightrope li:nth-child(2n+1) {
    background: aqua;
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
    animation-name: flash-2;
    animation-duration: 0.4s;
  }
  .lightrope li:nth-child(4n+2) {
    background: #f70094;
    box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    animation-name: flash-3;
    animation-duration: 1.1s;
  }
  .lightrope li:nth-child(odd) {
    animation-duration: 1.8s;
  }
  .lightrope li:nth-child(3n+1) {
    animation-duration: 1.4s;
  }
  .lightrope li:before {
    content: "";
    position: absolute;
    background: #222;
    width: 10px;
    height: 9.3333333333px;
    border-radius: 3px;
    top: -4.6666666667px;
    left: 1px;
  }
  .lightrope li:after {
    content: "";
    top: -14px;
    left: 9px;
    position: absolute;
    width: 52px;
    height: 18.6666666667px;
    border-bottom: solid #222 2px;
    border-radius: 50%;
  }
  .lightrope li:last-child:after {
    content: none;
  }
  .lightrope li:first-child {
    margin-left: -40px;
  }
  @keyframes flash-1 {
    0%, 100% {
      background: #00f7a5;
      box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    }
    50% {
      background: rgba(0, 247, 165, 0.4);
      box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
    }
  }
  @keyframes flash-2 {
    0%, 100% {
      background: aqua;
      box-shadow: 0px 4.6666666667px 24px 3px aqua;
    }
    50% {
      background: rgba(0, 255, 255, 0.4);
      box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
    }
  }
  @keyframes flash-3 {
    0%, 100% {
      background: #f70094;
      box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    }
    50% {
      background: rgba(247, 0, 148, 0.4);
      box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
    }
  }
  .santamotion {
    position: fixed;
    z-index: 100;
    animation: santa 8s ease-out infinite normal both;
    top: 47vh;
    max-width: 40rem;
  }
  @media only screen and (max-width: 37.5em) {
    .santamotion {
      max-width: 28rem;
    }
  }
  .santamotion img {
    max-width: 100%;
  }
  .newyeartitle {
    z-index: 500;
    max-width: 37rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @media only screen and (max-width: 37.5em) {
    .newyeartitle {
      max-width: 20rem;
    }
  }
  .mtestribbon {
    display: none;
  }
  @media only screen and (max-width: 75em) {
    .mtestribbon {
      display: flex;
      max-height: 4rem;
      margin-top: 1px;
    }
  }
  .darryl {
    border-radius: 1rem;
    overflow: hidden;
    background: url('L-Top.png'), url('L-bottom.png'), url('R-bottom.png'), url('onloadmodalbg.jpg');
    background-position: left top, left bottom, right bottom, center center;
    background-size: 14rem, 14rem, 14rem, cover;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    outline: 2px solid #ffffff;
    outline-offset: -1px;
  }
  .darryl .modal-header {
    background-color: transparent;
    border: none;
  }
  .darryl .modal-header .modalclose {
    background-color: transparent;
    opacity: 1;
    border: none;
    outline: none;
    display: inline-flex;
    margin-left: auto;
  }
  .darryl .modal-header .modalclose svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .darryl .onloadbody {
    color: #ffffff;
    padding: 1rem 3rem 3rem 3rem;
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 2rem;
    align-items: center;
  }
  @media only screen and (max-width: 48em) {
    .darryl .onloadbody {
      column-gap: 1rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .darryl .onloadbody {
      grid-template-columns: 1fr;
      row-gap: 2rem;
    }
  }
  .darryl .onloadbody h3 {
    color: #FFBA65;
    font-size: 2rem;
  }
  .darryl .onloadbody article h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2rem;
  }
  .darryl .onloadbody article h2 strong {
    color: #FF0C5D;
    font-weight: 700;
  }
  .darryl .onloadbody article h4 {
    font-size: 1.66rem;
  }
  .darryl .onloadbody article h3 {
    font-style: italic;
  }
  @media only screen and (max-width: 37.5em) {
    .darryl .onloadbody article {
      text-align: center;
    }
  }
  .darryl .onloadbody picture {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .darryl .onloadbody picture h3 {
    font-family: "Margarine", sans-serif;
  }
  .darryl .onloadbody picture p {
    font-size: 1.5rem;
  }
  .darryl .onloadbody picture img {
    max-height: 22rem;
  }
  .logo {
    display: flex;
    justify-content: center;
  }
  .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .logo a:link, .logo a:visited {
    text-decoration: none;
    color: #333;
    outline: none;
  }
  .logo a:link:hover, .logo a:visited:hover {
    color: #b8272a;
  }
  .logo .mainlogo {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    position: relative;
    justify-content: center;
    transition: all 0.5s ease;
  }
  .logo .mainlogo img {
    height: 6rem;
    margin: 0 auto;
    transition: all 0.5s ease;
  }
  @media only screen and (max-width: 75em) {
    .logo .mainlogo img {
      height: 5rem;
    }
  }
  @media only screen and (max-width: 40em) {
    .logo .mainlogo img {
      height: 4.3rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .logo .mainlogo img {
      height: 3.7rem;
    }
  }
  .logo .mainlogo .logotxt {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    transition: all 0.5s ease;
    align-items: center;
  }
  .logo .mainlogo .logotxt ul {
    display: flex;
    font-weight: 600;
    margin: 0;
    padding: 0;
  }
  .logo .mainlogo .logotxt ul li {
    display: inline-flex;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0 1rem 0 0.33rem;
    position: relative;
  }
  @media only screen and (max-width: 30em) {
    .logo .mainlogo .logotxt ul li {
      font-size: 0.82rem;
    }
  }
  .logo .mainlogo .logotxt ul li::after {
    content: "";
    display: inline-flex;
    width: 0.55rem;
    height: 0.55rem;
    background-color: #b8272a;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  .logo .mainlogo .logotxt ul li:last-child {
    padding-right: 0.33rem;
  }
  .logo .mainlogo .logotxt ul li:last-child::after {
    display: none;
  }
  .logo p {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin: 0.5rem 0 0 0;
    padding: 0.11rem 0.69rem;
    display: inline-flex;
    background-color: #b8272a;
    color: #ffffff;
    width: -webkit-max-content;
    width: max-content;
    text-transform: uppercase;
  }
  @media only screen and (max-width: 30em) {
    .logo p {
      font-size: 0.82rem;
    }
  }
  .navbar {
    display: flex;
    padding: 0 2rem;
    box-shadow: 0 0.1rem 1rem rgba(51, 51, 51, 0.4);
    z-index: 1020;
    display: flex;
    width: 100%;
    flex: 1;
    background-color: #ffffff;
    color: #333;
    top: 0;
    left: 0;
  }
  .navbar .topHeader {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .navbar .topHeader .contactnumbers {
    margin-left: auto;
    display: flex;
    margin-top: 1rem;
    align-items: center;
  }
  .navbar .topHeader .contactnumbers .top-bar-widget .siteorigin-widget-tinymce.textwidget {
    display: flex;
  }
  @media only screen and (max-width: 75em) {
    .navbar .topHeader .contactnumbers {
      margin-top: 0.66rem;
      margin-bottom: 0.69rem;
    }
  }
  .navbar .topHeader .contactnumbers ul {
    display: flex;
    margin: 0;
  }
  .navbar .topHeader .contactnumbers ul li {
    display: flex;
    font-weight: 600;
    font-size: 1.37rem;
    align-items: center;
  }
  @media only screen and (max-width: 48em) {
    .navbar .topHeader .contactnumbers ul li {
      font-size: 1.2rem;
    }
  }
  .navbar .topHeader .contactnumbers ul li svg {
    height: 1.7rem;
    width: 3.5rem;
  }
  .navbar .topHeader .contactnumbers ul li a {
    display: inline-flex;
    align-items: center;
  }
  .navbar .topHeader .contactnumbers ul li a:link, .navbar .topHeader .contactnumbers ul li a:visited {
    color: #333;
    text-decoration: none;
  }
  .navbar .topHeader .contactnumbers ul li a:hover, .navbar .topHeader .contactnumbers ul li a:focus {
    color: #b8272a;
  }
  .navbar .topNav {
    display: flex;
    align-items: stretch;
    align-content: center;
    flex: 1;
    border-top: 1px solid #dddddd;
  }
  @media only screen and (max-width: 75em) {
    .navbar .topNav {
      display: grid;
    }
  }
  .navbar .topNav-menu {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 auto;
    padding: 0;
  }
  .navbar .topNav-menu .closeMenu {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 100px;
    background-color: #b8272a;
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: none;
    z-index: 1035;
    cursor: pointer;
  }
  .navbar .topNav-menu .closeMenu:hover, .navbar .topNav-menu .closeMenu:focus {
    background-color: #1b1c21;
  }
  @media only screen and (max-width: 75em) {
    .navbar .topNav-menu .closeMenu {
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .navbar .topNav-menu .closeMenu svg {
    fill: #ffffff;
    height: 1.2rem;
    width: 1.2rem;
  }
  @media only screen and (max-width: 75em) {
    .navbar .topNav-menu {
      flex-direction: column;
      position: fixed;
      background-color: #ffffff;
      width: -webkit-max-content;
      width: max-content;
      height: 100vh;
      align-items: flex-start;
      justify-content: start;
      z-index: 1030;
      top: 0;
      left: 0;
      display: none;
      overflow-y: auto;
      animation: growSize 1s cubic-bezier(0.41, 0.73, 0.42, 0.93);
      padding: 2rem;
    }
    .navbar .topNav-menu.showMenu {
      display: flex;
    }
  }
  .navbar .topNav-menu li {
    list-style: none;
    display: grid;
    align-content: center;
    letter-spacing: 0.66px;
  }
  .navbar .topNav-menu li a {
    display: flex;
    text-transform: capitalize;
    font-weight: 700;
  }
  .navbar .topNav-menu li a:link, .navbar .topNav-menu li a:visited {
    text-decoration: none;
    display: flex;
    color: #333;
    padding: 0.5rem 1.1rem;
  }
  @media only screen and (max-width: 75em) {
    .navbar .topNav-menu li a:link, .navbar .topNav-menu li a:visited {
      padding: 0.8rem 1rem;
      color: #1b1c21;
    }
  }
  .navbar .topNav-menu li a:hover, .navbar .topNav-menu li a:active, .navbar .topNav-menu li a.active {
    color: #b8272a;
    outline: none;
  }
  .navbar .topNav-menu li.dropDowns {
    position: relative;
  }
  .navbar .topNav-menu li.dropDowns.largeBox {
    position: unset !important;
  }
  .navbar .topNav-menu li.dropDowns a {
    position: relative;
    padding-right: 2rem;
  }
  @media only screen and (max-width: 75em) {
    .navbar .topNav-menu li.dropDowns a {
      padding: 1rem 2rem 1rem 1rem;
    }
  }
  .navbar .topNav-menu li.dropDowns a:after {
    content: "";
    position: absolute;
    right: 0.3rem;
    background-image: url('../twentytwentyfive-child/assets/svg/arrow-drpodown.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
  }
  .navbar .topNav-menu li.dropDowns a:hover::after, .navbar .topNav-menu li.dropDowns a:focus::after, .navbar .topNav-menu li.dropDowns a.active::after {
    top: 40%;
    background-image: url('../twentytwentyfive-child/assets/svg/arrowDrpodown.svg');
    transform: rotate(180deg);
  }
  .navbar .topNav-menu li:hover .dropDownBox, .navbar .topNav-menu li:focus .dropDownBox {
    display: grid;
  }
  .navbar .topNav-menu li.active a {
    color: #b8272a;
    outline: none;
  }
  .navbar .topNav-menu li.active a::after {
    top: 40%;
    background-image: url('../twentytwentyfive-child/assets/svg/arrowDrpodown.svg');
    transform: rotate(180deg);
  }
  .endnav {
    display: flex;
    align-items: center;
    position: relative;
  }

  #mega-menu-wrap-max_mega_menu_1 {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 auto;
    padding: 0;
  }  
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    font-family: "Work Sans", sans-serif;
    font-weight: 700 !important;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu ul.mega-sub-menu {
/*       transform: translateX(-50%); */
	  background: #f7f7f7;
	  margin-top: 0;
	  grid-column-gap: 1.5rem;
	  grid-row-gap: 0.73rem;
	  box-shadow: 0.5rem 0.5rem 1rem rgba(16, 16, 16, 0.2);
	  animation: menumotion 0.5s ease-out;
	  width: -webkit-max-content;
	  width: max-content;
	  z-index: 1000;
}

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
      padding: 15px 0px;
/* 	  transform: translateX(-50%); */
	  background: #f7f7f7;
	  margin-top: 0;
	  grid-column-gap: 1.5rem;
	  grid-row-gap: 0.73rem;
	  box-shadow: 0.5rem 0.5rem 1rem rgba(16, 16, 16, 0.2);
	  animation: menumotion 0.5s ease-out;
	  width: -webkit-max-content;
	  width: max-content;
	  z-index: 1000;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	  font-size: 1.5rem;
	  background: transparent;
 }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    color: #333333;
	  line-height: 25px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
      color: #b8272a;
	  background: transparent;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item ul.mega-sub-menu li.mega-menu-column ul.mega-sub-menu li.mega-menu-item ul.menu {
    list-style-type: none;
    margin-bottom: 0.5rem;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item ul.mega-sub-menu li.mega-menu-column ul.mega-sub-menu li.mega-menu-item ul.menu li.menu-item a {
    color: #333333;
    font-size: 1.5rem;
    text-decoration: none;
  }

  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item ul.mega-sub-menu li.mega-menu-column ul.mega-sub-menu li.mega-menu-item ul.menu li.menu-item a:hover {
    color: #b8272a;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item ul.mega-sub-menu li.mega-menu-column ul.mega-sub-menu li.mega-menu-item h4.mega-block-title {
    color: #1b1c21;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    /* font-size: 1.66rem; */
  }

  @media only screen and (max-width: 75em) {
    .endnav {
      margin-left: auto;
    }
  }
  .menuBtn {
    width: 2.8rem;
    height: 2.8rem;
    outline: none;
    background: transparent;
    border: none;
    display: none;
    margin-left: 1rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .menuBtn svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: #b8272a;
    transition: all 0.3s ease-out;
  }
  .menuBtn:hover, .menuBtn:focus {
    outline: none;
  }
  .menuBtn:hover svg, .menuBtn:focus svg {
    fill: #b8272a;
  }
  @media only screen and (max-width: 75em) {
    .menuBtn {
      display: inline-flex;
    }
  }
  .corporate {
    display: inline-flex;
    width: 2.8rem;
    height: 2.8rem;
    outline: none;
    background: transparent;
    border: none;
    margin-left: 1rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
  }
  .corporate svg {
    fill: #333;
    transition: all 0.3s ease-out;
    width: 2.4rem;
    height: 2.4rem;
  }
  .corporate:hover, .corporate:focus {
    outline: none;
  }
  .corporate:hover svg, .corporate:focus svg {
    fill: #333;
  }
  @media only screen and (max-width: 75em) {
    .corporate {
      display: none;
    }
  }
  .homeSlides .carousel-inner {
    height: 55rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 97%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 97%, 0 100%);
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-inner {
      height: 40vh;
    }
  }
  .homeSlides .carousel-item {
    height: 55rem;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .homeSlides .carousel-item .positioned {
    position: absolute;
    bottom: 2rem;
    left: 30%;
    width: 10rem;
    height: 10rem;
  }
  @media only screen and (max-width: 62em) {
    .homeSlides .carousel-item .positioned {
      width: 8rem;
      height: 8rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-item .positioned {
      left: 40%;
      bottom: 20%;
    }
  }
  @media only screen and (max-width: 30em) {
    .homeSlides .carousel-item .positioned {
      width: 7rem;
      height: 7rem;
      left: 46%;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-item {
      height: 40rem;
    }
  }
  .homeSlides .carousel-item.slide_01 {
    background-image: url('slide_01.jpg');
  }
  @media only screen and (max-width: 48em) {
    .homeSlides .carousel-item.slide_01 {
      background-image: url('Mob_slide_02.jpg');
    }
  }
  .homeSlides .carousel-item.slide_02 {
    background-image: url('GSA-Banner3.jpg');
  }
  @media only screen and (max-width: 48em) {
    .homeSlides .carousel-item.slide_02 {
      background-image: url('Mob_slide_dod.jpg');
    }
  }
  .homeSlides .carousel-item.slide_03 {
    background-image: url('slide_03.jpg');
  }
  @media only screen and (max-width: 48em) {
    .homeSlides .carousel-item.slide_03 {
      background-image: url('Mob_slide_04.jpg');
    }
  }
  .homeSlides .carousel-item.slide_04 {
    background-image: url('slide_04.jpg');
  }
  @media only screen and (max-width: 48em) {
    .homeSlides .carousel-item.slide_04 {
      background-image: url('Mob_slide_03.jpg');
    }
  }
  .homeSlides .carousel-item.slide_05 {
    background-image: url('slide_05.jpg');
  }
  @media only screen and (max-width: 48em) {
    .homeSlides .carousel-item.slide_05 {
      background-image: url('Mob_slide_01.jpg');
    }
  }
  .homeSlides .carousel-item.slide_06 {
    background-image: url('slide_06.jpg');
  }
  @media only screen and (max-width: 48em) {
    .homeSlides .carousel-item.slide_06 {
      background-image: url('Mob_slide_05.jpg');
    }
  }
  .homeSlides .carousel-caption {
    display: flex;
    align-items: flex-start;
    height: 100%;
    right: 10%;
    left: 10%;
    position: absolute;
    z-index: 10;
    flex-flow: column;
    flex: 1;
    justify-content: flex-end;
    max-width: 60rem;
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-caption {
      height: 40vh;
      padding-bottom: 6rem;
    }
  }
  .homeSlides .carousel-caption h2 {
    font-weight: 700;
    font-size: 3.2rem;
    animation: movetoBottom 2s ease-out;
    text-align: left;
    color: #ffffff;
    text-transform: capitalize;
  }
  .homeSlides .carousel-caption h2.sapcolor {
    color: #ffa800;
  }
  @media only screen and (max-width: 75em) {
    .homeSlides .carousel-caption h2 {
      font-size: 3rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-caption h2 {
      font-size: 2rem;
    }
  }
  .homeSlides .carousel-caption h2 span {
    display: flex;
  }
  .homeSlides .carousel-caption p {
    font-size: 1.9rem;
    font-weight: 600;
    text-align: left;
    margin: 1.3rem 0;
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-caption p {
      font-size: 1.66rem;
    }
  }
  .homeSlides .carousel-caption h1 {
    font-weight: 700;
    font-size: 6rem;
    animation: movetoBottom 2s ease-out;
    text-align: left;
    color: #ffffff;
    text-transform: capitalize;
  }
  .homeSlides .carousel-caption h1.sapcolor {
    color: #ffa800;
  }
  @media only screen and (max-width: 75em) {
    .homeSlides .carousel-caption h1 {
      font-size: 4.2rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .homeSlides .carousel-caption h1 {
      font-size: 3rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .homeSlides .carousel-caption h1 {
      font-size: 2rem;
    }
  }
  .homeSlides .carousel-caption h1 span {
    display: flex;
  }
  .homeSlides .carousel-caption h4 {
    animation: invisible 4s ease-out;
    font-size: 2.5rem;
    margin: 1rem 0;
  }
  .homeSlides .carousel-caption a {
    animation: movefromBottom 1s ease-out;
    cursor: pointer;
  }
  .homeSlides .carousel-caption a, .homeSlides .carousel-caption a:link, .homeSlides .carousel-caption a:visited {
    background-color: #ffffff;
    display: inline-flex;
    padding: 1.2rem 3rem;
    position: relative;
    z-index: 100;
    color: #b8272a !important;
    font-size: 1.69rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    transition: all 0.2s ease;
    margin: 1rem 0;
    border-radius: 3px;
  }
  @media only screen and (max-width: 75em) {
    .homeSlides .carousel-caption a, .homeSlides .carousel-caption a:link, .homeSlides .carousel-caption a:visited {
      padding: 1rem 3rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .homeSlides .carousel-caption a, .homeSlides .carousel-caption a:link, .homeSlides .carousel-caption a:visited {
      padding: 0.66rem 1.5rem;
      font-size: 1.66rem;
    }
  }
  .homeSlides .carousel-caption a:hover, .homeSlides .carousel-caption a:active, .homeSlides .carousel-caption a:focus {
    background-color: #b8272a;
    color: #ffffff !important;
  }
  .homeSlides .carousel-caption a.arranged {
    position: absolute;
    right: 0.5rem;
    bottom: 10rem;
  }
  .homeSlides .carousel-control-next,
  .homeSlides .carousel-control-prev {
    width: 7.3%;
  }
  .homeSlides .carousel-control-next-icon,
  .homeSlides .carousel-control-prev-icon {
    width: 4rem !important;
    height: 4rem !important;
  }
  .innerHeader {
    display: flex;
    height: 40rem;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: center;
    flex-direction: column;
    padding: 0 5%;
    overflow: hidden;
    position: relative;
  }
  .innerHeader::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.66), transparent);
    background-size: cover;
    z-index: 1;
  }
  @media only screen and (max-width: 37.5em) {
    .innerHeader {
      height: 28rem;
    }
  }
  .innerHeader .innerHeadings {
    position: relative;
    z-index: 3;
  }
  .innerHeader h1 {
    font-size: 4.6rem;
    font-weight: 700;
    text-transform: capitalize;
    animation: movetoBottom 2s ease-out;
    color: #f7f7f7;
    text-shadow: 0.1rem 0.1rem 0.3rem #000000;
  }
  .innerHeader h1 span {
    display: block;
  }
  @media only screen and (max-width: 75em) {
    .innerHeader h1 {
      font-size: 3.7rem;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .innerHeader h1 {
      font-size: 2.5rem;
    }
  }
  .innerHeader h3 {
    color: #f7f7f7;
  }
  .innerHeader h4 {
    padding: 0.73rem 5rem 0.73rem 1rem;
    color: #ffffff;
    display: inline-flex;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .innerHeader.Intelligence {
    background-image: url('Intelligence_Head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.transformation {
    background-image: url('transformation_Head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Analytics {
    background-image: url('Analytics_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Modernization {
    background-image: url('Modernization_Head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Cybersecurity {
    background-image: url('scurity_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Migration {
    background-image: url('migration_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Operations {
    background-image: url('Operations_Head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.ekr {
    background-image: url('ekr_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.factory {
    background-image: url('Factory_Head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.etl {
    background-image: url('etl_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.enterprise {
    background-image: url('Enterprise_Head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.learning {
    background-image: url('Learning_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Systems {
    background-image: url('system_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.productDev {
    background-image: url('productDev_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.plm {
    background-image: url('plm_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.ManagedIT {
    background-image: url('mangedIT_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Strategy {
    background-image: url('Strategy_02.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.vision {
    background-image: url('innerHeader-vision.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.vision::before {
    display: none;
  }
  .innerHeader.overview {
    background-image: url('overview_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.quickglance {
    background-image: url('glance_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.news {
    background-image: url('news_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.responsibilty {
    background-image: url('responsibilty_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.careers {
    background-image: url('careers_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Partnerships {
    background-image: url('Partnerships_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.mro {
    background-image: url('mro_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.sapinvetory {
    background-image: url('sapinvetory_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.surveyshield {
    background-image: url('surveyshield_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.C5ISR {
    background-image: url('C5ISR_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Prototyping {
    background-image: url('Prototyping_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.hardware {
    background-image: url('Hardware_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.defence {
    background-image: url('defence_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.ptc {
    background-image: url('ptc_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.contracts {
    background-image: url('contract_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.contact {
    background-image: url('contact_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.saphana {
    background-image: url('hana_support_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.sapcloud {
    background-image: url('sapcloud_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.sapcloud::before {
    display: none;
  }
  .innerHeader.mobility {
    background-image: url('mobility_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.maintenance {
    background-image: url('maintenance_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.sapsuccess {
    background-image: url('sapsuccess_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.privacy {
    background-image: url('privacy_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.Disclaimer {
    background-image: url('Disclaimer_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.allthumbs {
    background-image: url('Main_Banner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.AnalyticsPage {
    background-image: url('Analytics-&-AI_main_banner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.CloudPage {
    background-image: url('Cloud-Adoption-&-Optimization_main_banner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.EngineeringPage {
    background-image: url('Systems-Engineering-&-Management-Strategies_main_banner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.EnterprisePage {
    background-image: url('Enterprise_IT_main_banner.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.KeyDifferentiators {
    background-image: url('keyehader.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_ips {
    background-image: url('ips_header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_ips::before {
    display: none;
  }
  .innerHeader.leverx_velox {
    background-image: url('VeloX_header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_velox::before {
    display: none;
  }
  .innerHeader.leverx_iqdms {
    background-image: url('iqdms.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_iqdms::before {
    display: none;
  }
  .innerHeader.leverx_pwc {
    background-image: url('pwc_header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_pwc::before {
    display: none;
  }
  .innerHeader.leverx_launch {
    background-image: url('iqlaunch_header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_launch::before {
    display: none;
  }
  .innerHeader.leverx_discussion {
    background-image: url('iqdisc_head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_discussion::before {
    display: none;
  }
  .innerHeader.leverx_ptg {
    background-image: url('ptg_header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_ptg::before {
    display: none;
  }
  .innerHeader.leverx_bmax {
    background-image: url('bmax_header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerHeader.leverx_bmax::before {
    display: none;
  }
  .headercontent {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .containers p {
    text-align: justify;
  }
  @media only screen and (max-width: 48em) {
    .containers {
      padding: 0 1.5rem;
    }
    .containers p {
      text-align: left;
    }
  }
  .clientele {
    width: 100%;
    padding: 6rem 0;
  }
  .clientele .logolists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.5rem;
  }
  .clientele .logolists img {
    height: 9.9rem;
    margin: 1.66rem;
    transition: all 0.3s ease;
    display: inline-flex;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  }
  .clientele .logolists img:hover {
    filter: hue-rotate(90deg);
    transform: translateY(2px);
  }
  footer {
    background-color: #cfcfcf;
    color: #000000;
    padding-top: 1.5rem;
    display: flex;
    flex-flow: column;
    border-top: 1rem solid;
    border-image: linear-gradient(to right, #ffffff, #b8272a, #ffffff) 30;
  }
footer .bg-body-tertiary {
	background-color: #cfcfcf !important;
	padding: 0px !important;
}
  footer .footerlinks {
    padding: 2rem 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.5rem;
    line-height: 1.9;
  }
  @media only screen and (max-width: 62em) {
    footer .footerlinks {
      grid-template-columns: 1fr;
    }
    footer .footerlinks div {
      padding: 0.33rem 0;
    }
  }
  footer .footerlinks .contacts a:link, footer .footerlinks .contacts a:visited {
    text-decoration: none;
    color: #333;
  }
  footer .footerlinks .contacts a:hover, footer .footerlinks .contacts a:focus {
    color: #b8272a;
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-columns .wp-block-column {
    display: flex;
    align-items: center;
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-columns .widget-title {
    margin-bottom: 0px !important;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.75rem;
    letter-spacing: 0.66px;
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-columns .wp-widget-group__inner-blocks {
    margin-top: 0px !important;
    margin-left: 2rem;
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-columns .wp-widget-group__inner-blocks .wp-block-social-links {
    gap: 5px;
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-social-links .wp-block-social-link {
    background-color: #367fe5;
    border-radius: 3px;    
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-social-links .wp-block-social-link:hover {
    transform: none;
    background-color: #b8272a;
  }
  footer .footerlinks .contacts .widget.footer_widget .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor {
    width: 3rem;
    height: 3rem;
    padding: .10em;
  }
  footer .footerlinks .quicklinks hr {
    height: 0.2rem;
    opacity: 1;
    background-color: #b8272a;
    width: 15rem;
  }
  footer .footerlinks .footlogo {
    height: 4rem;
    margin-bottom: 1rem;
  }
  footer .footerlinks h4 {
    font-size: 1.69rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
  }
  footer .footerlinks .footlist {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.66rem;
    display: grid;
  }
  footer .footerlinks .footlist li {
    display: flex;
  }
  footer .footerlinks .footlist li span {
    display: inline-flex;
    margin-right: 0.5rem;
  }
  footer .footerlinks .footlist li a {
    text-decoration: none;
    display: flex;
    cursor: pointer;
  }
  footer .footerlinks .footlist li a:link, footer .footerlinks .footlist li a:visited {
    color: #000000;
  }
  footer .footerlinks .footlist li a:hover, footer .footerlinks .footlist li a:focus {
    color: #b8272a;
  }
  footer .partnersgrid {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0.66rem;
    row-gap: 0.66rem;
  }
  footer .partnersgrid img {
    max-width: 100%;
    display: flex;
    border-radius: 3px;
  }
  footer .partnersgrid .parts {
    display: grid;
    row-gap: 0.66rem;
    align-content: baseline;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.66rem;
  }
  footer .partnersgrid .awardpoints {
    justify-content: flex-start;
    align-items: center;
  }
  @media only screen and (max-width: 75em) {
    footer .partnersgrid .awardpoints {
      display: flex;
    }
  }
  @media only screen and (max-width: 62em) {
    footer .partnersgrid .awardpoints {
      padding: 0;
      flex-direction: column;
      align-items: baseline;
    }
  }
  footer .partnersgrid .awardpoints ul {
    margin: 0;
    padding: 0;
    display: grid;
    border: none;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 0;
    max-width: -webkit-max-content;
    max-width: max-content;
    line-height: 1.5;
  }
  @media only screen and (max-width: 62em) {
    footer .partnersgrid .awardpoints ul {
      grid-template-columns: 1fr;
    }
  }
  footer .partnersgrid .awardpoints ul li {
    position: relative;
    display: inline-flex;
    align-items: center;
    letter-spacing: normal;
    padding: 0.33rem 0.33rem 0.33rem 1.5rem;
  }
  @media only screen and (max-width: 62em) {
    footer .partnersgrid .awardpoints ul li {
      font-size: 1.66rem;
      padding-left: 2rem;
    }
  }
  footer .partnersgrid .awardpoints ul li::before {
    content: "✓";
    width: 1rem;
    height: 1rem;
    font-size: 0.69rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b8272a;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 1px;
    left: 0;
  }
  footer .partnersgrid .awardpoints ul li a {
    align-items: center;
    display: flex;
  }
  footer .partnersgrid .awardpoints ul li a:link, footer .partnersgrid .awardpoints ul li a:visited {
    text-decoration: none;
    color: #333;
  }
  footer .partnersgrid .awardpoints ul li a:hover, footer .partnersgrid .awardpoints ul li a:focus, footer .partnersgrid .awardpoints ul li a:active {
    color: #b8272a;
  }
  .copyright-wrap .copyrights {
    padding: 1.66rem 0;
    display: flex;
    flex: 1;
    justify-content: center;
    background-color: #282525;
    color: #ffffff;
  }
  .copyright-wrap .copyrights p {
    margin: 0;
    font-size: 1.66rem;
    text-align: center;
  }
  .copyright-wrap .copyrights p a {
    text-decoration: none;
  }
  .copyright-wrap .copyrights p a:link, .copyright-wrap .copyrights p a:visited {
    color: #ffffff;
  }
 .copyright-wrap .copyrights p a:hover, .copyright-wrap .copyrights p a:focus {
    color: #b8272a;
  }
  #letstalk .modal-title,
  #applyjob .modal-title {
    font-weight: 700;
    margin: 0;
    font-size: 2rem;
  }
  .ltsTalk {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
	  padding: 1rem;
  }
  @media only screen and (max-width: 37.5em) {
    .ltsTalk {
      grid-template-columns: 1fr;
      grid-row-gap: 2rem;
      max-height: 62vh;
      overflow-y: scroll;
    }
  }
  .ltsTalk .filltheForm {
    display: grid;
  }
  .ltsTalk .contacts {
    display: grid;
    grid-template-columns: 2rem 1fr;
    margin-bottom: 2rem;
    grid-column-gap: 0.6rem;
    grid-row-gap: 1rem;
    align-items: center;
    font-weight: 700;
  }
  .ltsTalk .contacts span {
    display: inline-flex;
    background-color: #b8272a;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
  }
  .ltsTalk .contacts svg {
    fill: #ffffff;
    width: 1.3rem;
    height: 1.3rem;
  }
  .ltsTalk .contacts a {
    color: #333;
    display: flex;
    align-items: center;
  }
  .ltsTalk .contacts a:link, .ltsTalk .contacts a:visited {
    text-decoration: none;
  }
  .ltsTalk .contacts a:hover, .ltsTalk .contacts a:focus {
    color: #b8272a;
  }
  .ltsTalk h4 {
    color: #b8272a;
    font-weight: 600;
    text-transform: uppercase;
  }
  .ltsTalk ul {
    margin-bottom: 3rem;
    padding: 0;
    list-style: none;
  }
  .ltsTalk ul li a, .ltsTalk ul li a:link, .ltsTalk ul li a:visited {
    text-decoration: none;
    color: #3f85f5;
  }
  .ltsTalk ul li a:hover, .ltsTalk ul li a:focus {
    outline: none;
    color: #b8272a;
  }
  .ltsTalk ul li.bold {
    font-weight: 600;
  }
  .ltsTalk ul li.bold i {
    color: #b8272a;
  }
  .ltsTalk ul li.bold a {
    color: #1b1c21;
  }
  .whoweare {
    display: flex;
    flex: 1;
    padding-top: 6rem;
    align-items: center;
    margin-bottom: 5rem;
  }
  @media only screen and (max-width: 75em) {
    .whoweare {
      flex-direction: column-reverse;
    }
  }
  .whoweare .picture {
    width: 40%;
    padding-right: 1.5rem;
    margin-bottom: 1.5rem;
  }
  @media only screen and (max-width: 75em) {
    .whoweare .picture {
      text-align: center;
      width: 100%;
    }
  }
  .whoweare .texts {
    padding-left: 1.5rem;
    width: 60%;
    width: 60%;
  }
  .whoweare .texts p, .whoweare .texts ul {
    text-align: justify;
  }
  @media only screen and (max-width: 75em) {
    .whoweare .texts {
      width: 100%;
      padding: 0;
    }
  }
  .whoweare .texts .heading {
    display: grid;
    grid-template-columns: auto 1fr;
    position: relative;
    z-index: 1;
    margin: 3rem 0 2rem -8rem;
  }
  .whoweare .texts .heading.logotech {
    grid-template-columns: auto 1fr;
  }
  .whoweare .texts .heading svg {
    fill: #ffffff;
    width: 8rem;
    height: 8rem;
  }
  @media only screen and (max-width: 75em) {
    .whoweare .texts .heading {
      margin-left: 0;
      margin-top: 0;
    }
  }
  @media only screen and (max-width: 37.5em) {
    .whoweare .texts .heading {
      grid-template-columns: 1fr;
    }
  }
  .whoweare .texts .heading div {
    padding: 1.5rem;
    display: flex;
    align-items: center;
  }
  .whoweare .texts .heading div h3 {
    font-weight: 300;
    font-size: 2.5rem;
    color: #ffffff;
    margin: 0;
    text-transform: capitalize;
  }
  @media only screen and (max-width: 37.5em) {
    .whoweare .texts .heading div h3 {
      font-size: 1.9rem;
    }
  }
  .whoweare .texts .heading h2 {
    font-size: 3.6rem;
    text-transform: capitalize;
    font-weight: 900;
    color: #ffffff;
    margin: 0;
  }
  .whoweare .texts .heading h2 span {
    display: flex;
  }
  .advantages {
    padding: 6rem 0 4rem 0;
    display: flex;
    flex-direction: column;
  }
  .advantages .advantagePoints {
    align-items: center;
    grid-gap: 3rem;
    display: grid;
    grid-template-columns: 40% 60%;
  }
  @media only screen and (max-width: 75em) {
    .advantages .advantagePoints {
      grid-template-columns: 1fr;
    }
  }
  .advantages .advantagePoints .pics {
    display: grid;
    justify-content: center;
  }
  @media only screen and (max-width: 75em) {
    .advantages .advantagePoints .pics {
      grid-row: 2/2;
    }
  }
  .advantages .advantagePoints .textcontent h4 {
    font-size: 1.66rem;
    font-weight: 500;
    position: relative;
    padding-left: 2.5rem;
  }
  .advantages .advantagePoints .textcontent h4::before {
    content: "";
    position: absolute;
    color: #b8272a;
    left: 0;
    top: 2px;
    width: 0.7rem;
    height: 1.4rem;
    background-color: #b8272a;
  }
  .advantages .advantagePoints .textcontent h4::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0.7rem;
    width: 0.7rem;
    height: 1.4rem;
    background-color: #1b1c21;
    z-index: 1;
  }
  .advantages .advantagePoints .textcontent p {
    margin-bottom: 3rem;
    text-align: justify;
  }
  .infrastructure {
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
  }
  .infrastructure .infraPoints {
    align-items: center;
    grid-gap: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  @media only screen and (max-width: 75em) {
    .infrastructure .infraPoints {
      grid-template-columns: 1fr;
    }
  }
  .infrastructure .infraPoints .pics {
    display: grid;
    justify-content: center;
  }
  @media only screen and (max-width: 75em) {
    .infrastructure .infraPoints .pics {
      grid-row: 2/2;
    }
  }
  .infrastructure .infraPoints .textcontent ul {
    text-align: justify;
  }
  .topsection {
    display: grid;
    padding: 6rem 0;
    align-content: center;
    grid-template-columns: 40% 1fr;
  }
  @media only screen and (max-width: 75em) {
    .topsection {
      grid-template-columns: 1fr;
    }
  }
  .topsection .picture {
    display: grid;
    align-content: center;
  }
  .topsection .texts {
    padding-left: 3rem;
  }
  .topsection .texts.lineheights {
    line-height: 2;
  }
  .topsection .texts p {
    text-align: justify;
  }
  @media only screen and (max-width: 75em) {
    .topsection .texts {
      grid-row: 2/1;
      width: 100%;
      padding: 0;
    }
  }
  .topsection .texts .heading {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    z-index: 1;
    margin: 3rem 0 3rem -8rem;
    padding: 1.5rem;
  }
  @media only screen and (max-width: 75em) {
    .topsection .texts .heading {
      margin: 3rem 0;
    }
  }
  .topsection .texts .heading h2 {
    font-size: 2.8rem;
    text-transform: capitalize;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
  }
  @media only screen and (max-width: 48em) {
    .topsection .texts .heading h2 {
      font-size: 2.5rem;
    }
  }
  .topsection .texts .heading h2 span {
    display: flex;
  }
  .topsection.reverse {
    grid-template-columns: 1fr 40%;
  }
  .topsection.reverse-smallpic {
    grid-template-columns: 1fr 35%;
  }
  @media only screen and (max-width: 75em) {
    .topsection.reverse {
      grid-template-columns: 1fr;
    }
  }
  .topsection.reverse .texts {
    padding-left: 0;
    padding-right: 3rem;
  }
  @media only screen and (max-width: 75em) {
    .topsection.reverse .texts {
      width: 100%;
      padding: 0;
    }
  }
  .topsection.reverse .texts .heading {
    margin: 3rem -8rem 3rem 0;
  }
  @media only screen and (max-width: 75em) {
    .topsection.reverse .texts .heading {
      margin: 3rem 0;
    }
  }
  .fullwidthSection {
    padding: 6rem 0;
  }
  .fullwidthSection .iconColumns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-columns: auto;
    margin-top: 1rem;
    column-gap: 5rem;
    row-gap: 5rem;
  }
  @media only screen and (max-width: 75em) {
    .fullwidthSection .iconColumns {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media only screen and (max-width: 48em) {
    .fullwidthSection .iconColumns {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 37.5em) {
    .fullwidthSection .iconColumns {
      grid-template-columns: 1fr;
    }
  }
  .fullwidthSection .iconColumns .iconbox {
    text-align: center;
    padding: 1.5rem;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.01);
  }
  .fullwidthSection .iconColumns .iconbox h4 {
    font-weight: 700;
    margin: 1.5rem 0;
    font-size: 1.66rem;
  }
  .fullwidthSection .iconColumns .iconbox svg {
    fill: #b8272a;
    width: 6rem;
    height: 6rem;
    transition: all 0.3s ease-in-out;
  }
  .fullwidthSection .iconColumns .iconbox:hover {
    box-shadow: 0 0 3rem 0.5rem rgba(0, 0, 0, 0.11);
    transform: translateY(-0.5rem);
  }
  .fullwidthSection .iconColumns .iconbox:hover svg {
    fill: #1b1c21;
    transform: translateY(0.55rem);
  }
  .tabgrid {
    display: grid;
    grid-template-columns: 34rem 1fr;
    column-gap: 3rem;
    width: 100%;
    max-width: 80rem;
    margin: auto;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid {
      grid-template-columns: 34rem;
      justify-content: center;
    }
  }
  .tabgrid .tabuls {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid .tabuls {
      flex-direction: row;
    }
  }
  .tabgrid .tabuls li {
    display: flex;
    margin: 2rem 0;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    border: 4px solid rgba(184, 39, 42, 0.09);
    transition: all 0.2s ease;
    position: relative;
    border-radius: 5px;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid .tabuls li {
      margin: 0 0.2rem;
      padding: 0.37rem;
      border: 2px solid rgba(184, 39, 42, 0.09);
    }
  }
  .tabgrid .tabuls li:hover, .tabgrid .tabuls li.active {
    border-color: #b8272a;
  }
  .tabgrid .tabuls li:hover::after, .tabgrid .tabuls li.active::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f5f6f8;
    color: #b8272a;
    z-index: 1;
    font-size: 3rem;
  }
  .tabgrid .tabuls li .tabtitle {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid .tabuls li .tabtitle {
      flex-direction: column;
      text-align: center;
      align-items: center;
    }
  }
  .tabgrid .tabuls li svg {
    width: 4rem;
    height: 4rem;
    fill: #b8272a;
    margin-right: 1rem;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid .tabuls li svg {
      margin-right: 0;
      margin-bottom: 0.5rem;
      width: 2.5rem;
      height: 2.5rem;
    }
  }
  .tabgrid p {
    text-align: left;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid p {
      display: none;
    }
  }
  .tabgrid h3 {
    font-weight: 700;
    font-size: 2rem;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid h3 {
      font-size: 1.6rem;
    }
  }
  .tabgrid .lefttab {
    display: grid;
    align-content: center;
  }
  .tabgrid .lefttab .tabuls li:hover::after, .tabgrid .lefttab .tabuls li.active::after {
    content: " ❯";
    right: -1rem;
  }
  .tabgrid .righttab {
    display: grid;
    align-content: center;
  }
  .tabgrid .righttab .tabuls li:hover::after, .tabgrid .righttab .tabuls li.active::after {
    content: " ❮";
    left: -1rem;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid .righttab .tabuls li:hover::after, .tabgrid .righttab .tabuls li.active::after {
      display: none;
    }
  }
  .tabgrid .phonetab {
    background-image: url('IPhone_6.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10rem 3.7rem;
    width: 34rem;
    height: 70rem;
  }
  @media only screen and (max-width: 48em) {
    .tabgrid .phonetab {
      grid-row: 2/2;
    }
  }
  .tabgrid .phonetab .displaylist {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .tabgrid .phonetab .displaylist li {
    display: flex;
    padding: 0.55rem 0;
    border-bottom: 1px solid #a6b1e1;
  }
  .tabgrid .phonetab .pricingtab p {
    text-align: justify;
  }
  .tabgrid .phonetab .pricingtab.show {
    display: block;
  }
  .tabgrid .phonetab .pricingtab.hide {
    display: none;
  }
  .tabgrid .phonetab .icons {
    display: flex;
    justify-content: center;
  }
  .tabgrid .phonetab .icons svg {
    width: 5rem;
    height: 5rem;
    fill: #b8272a;
  }
  .tabgrid .phonetab h3 {
    margin: 1rem 0;
    text-align: center;
  }
  .four-cols {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 3rem;
    row-gap: 3rem;
    display: grid;
  }
  @media only screen and (max-width: 62em) {
    .four-cols {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media only screen and (max-width: 37.5em) {
    .four-cols {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 25em) {
    .four-cols {
      grid-template-columns: 1fr;
    }
  }
  .four-cols.lessOne {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 2rem;
  }
  @media only screen and (max-width: 75em) {
    .four-cols.lessOne {
      column-gap: 2rem;
    }
  }
  @media only screen and (max-width: 62em) {
    .four-cols.lessOne {
      grid-template-columns: 1fr;
    }
  }
  .four-cols.lessTwo {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
  }
  @media only screen and (max-width: 75em) {
    .four-cols.lessTwo {
      grid-template-columns: 1fr;
      row-gap: 2rem;
    }
  }
  .four-cols .colBox {
    padding: 2rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: 1.5rem;
    display: grid;
    align-content: flex-start;
    box-shadow: 0 0 2.5rem 0.2rem rgba(0, 0, 0, 0.09);
    transition: all 0.5s;
  }
  .four-cols .colBox:hover {
    box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.11);
    transform: translateY(0.5rem);
  }
 .four-cols .colBox .redbox{
    padding: 2rem;
    text-align: center;
    background-color: #ffffff;
    border-radius: 1.5rem;
    display: grid;
    align-content: flex-start;
    box-shadow: 0 0 2.5rem 0.2rem rgba(0, 0, 0, 0.09);
    transition: all 0.5s;
  }
  .four-cols .colBox .redbox:hover {
    box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.11);
    transform: translateY(0.5rem);
  }
  .four-cols .colBox h4 {
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
  }
  .four-cols .colBox p {
    margin: 0;
    text-align: center;
  }
  .four-cols .colBox .colIcon {
    position: relative;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
  }
  .four-cols .colBox .colIcon svg {
    width: 6.9rem;
    height: 6.9rem;
  }
  .four-cols .colBox.redbox {
    align-content: center;
    border-radius: 1rem;
  }
  .four-cols .colBox.redbox h4 {
    margin: 1rem 0;
    color: #b8272a;
  }
  .four-cols .colBox.redbox h4.txtblack {
    color: #333 !important;
  }
  .four-cols .bluebox {
    overflow: hidden;
    position: relative;
    background-color: #0a2a70;
    border-radius: 1rem;
    color: #ffffff;
  }
  .four-cols .bluebox img {
    width: 100%;
    display: flex;
  }
  .four-cols .bluebox .txt {
    padding: 2rem;
    display: grid;
  }
  .four-cols .bluebox .txt .btn {
    display: flex;
    color: #0a2a70;
    padding: 0.69rem 1rem;
    font-size: 1.66rem;
    background-color: #ffffff;
    justify-content: center;
  }
  .four-cols .bluebox .txt .btn:hover, .four-cols .bluebox .txt .btn:focus {
    background-color: #25c058;
    color: #ffffff;
  }
  .four-cols .bluebox .txt h4 {
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0 2rem 0;
  }
  .four-cols.extraTwo {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 1.5rem;
  }
  .four-cols.extraTwo .colBox {
    padding: 1.33rem;
  }
  .four-cols.extraTwo .colBox h4 {
    font-size: 1.9rem;
  }
  @media only screen and (max-width: 75em) {
    .four-cols.extraTwo {
      grid-template-columns: repeat(3, 1fr);
      row-gap: 1.5rem;
    }
  }
  @media only screen and (max-width: 62em) {
    .four-cols.extraTwo {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 48em) {
    .four-cols.extraTwo {
      grid-template-columns: 1fr;
    }
  }
  .easygrid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    display: grid;
  }
  @media only screen and (max-width: 56.25em) {
    .easygrid {
      grid-template-columns: 1fr;
    }
  }
  .easygrid .easybox {
    padding: 2rem;
    text-align: center;
    display: grid;
    align-content: center;
  }
  .easygrid .easybox h3 {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
  }
  .easygrid .easybox p {
    margin: 0;
  }
  .easygrid .easybox .easyicon {
    position: relative;
    padding-top: 5rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
  }
  .easygrid .easybox .easyicon::after {
    width: 20rem;
    height: 10rem;
    background-color: transparent;
    border-top-left-radius: 10rem;
    border-top-right-radius: 10rem;
    border: 0.7rem solid #a6b1e1;
    border-bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    margin: 0 auto;
    transition: all 0.3s ease-out;
    z-index: 0;
  }
  .easygrid .easybox .easyicon svg {
    width: 6.4rem;
    height: 6.4rem;
    fill: #b8272a;
  }
  .easygrid .easybox .easyicon:hover::after {
    border-color: #b8272a;
  }
  .HomeAbout {
/*     display: grid; */
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem 0;
    column-gap: 5rem;
  }
  @media only screen and (max-width: 62em) {
    .HomeAbout {
      grid-template-columns: 1fr;
      padding: 0;
    }
  }
  .HomeAbout .pictureSide {
    padding: 2rem 0;
  }
  @media only screen and (max-width: 62em) {
    .HomeAbout .pictureSide {
      padding: 2rem 0 0 0;
/*       grid-row: 2/2; */
    }
  }
  .HomeAbout .picture {
    position: relative;
  }
  @media only screen and (max-width: 62em) {
    .HomeAbout .picture {
      text-align: center;
    }
  }
  .HomeAbout .picture::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    top: -10%;
    bottom: -10%;
    background-color: #ffffff;
    width: 80%;
    height: 120%;
    box-shadow: 0 0 2.5rem 1rem rgba(0, 0, 0, 0.07);
    transition: all 0.5s ease;
  }
  @media only screen and (max-width: 62em) {
    .HomeAbout .picture::after {
      display: none;
    }
  }
  .HomeAbout .picture img {
    max-width: 100%;
    position: relative;
    z-index: 1;
  }
  .HomeAbout .picture:hover::after {
    box-shadow: 0 0 2rem 0.5rem rgba(0, 0, 0, 0.09);
    top: -8%;
    bottom: -8%;
    height: 116%;
  }
  .HomeAbout hr {
    height: 0.5rem;
    width: 25rem;
    background-color: #b8272a;
    opacity: 1;
    margin: 0 0 1.5rem 0;
  }
  .HomeAbout .textSide {
    display: grid;
    align-content: center;
    justify-items: left;
  }
  .HomeAbout .textSide h3 {
    font-size: 3.1rem;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #0c2957;
  }
  @media only screen and (max-width: 62em) {
    .HomeAbout .textSide h3 {
      font-size: 3rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .HomeAbout .textSide h3 {
      font-size: 2.2rem;
    }
  }
  @media only screen and (max-width: 62em) {
    .HomeAbout .textSide {
      padding: 0;
    }
  }
  .HomeAbout a {
    margin-top: 0.5rem;
  }
  .HomeAbout p strong {
    color: #101010;
  }
  .HomeAbout h2 {
    font-size: 4rem;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #0c2957;
  }
.HomeAbout .ow-button-base .sowb-button .sow-icon-ionicons {
	line-height: 1.3;
}
  @media only screen and (max-width: 62em) {
    .HomeAbout h2 {
      font-size: 3rem !important;
    }
  }
  @media only screen and (max-width: 30em) {
    .HomeAbout h2 {
      font-size: 2.2rem !important;
    }
  }
  .homeCompany {
    grid-template-columns: 1fr 50rem;
    padding: 0;
    display: grid;
  }
  @media only screen and (max-width: 62em) {
    .homeCompany {
      grid-template-columns: 1fr;
    }
  }
  .homeCompany p strong {
    color: #101010;
  }
  .homeCompany .pictureSide {
    padding: 2rem 0 6rem 0;
  }
  @media only screen and (max-width: 62em) {
    .homeCompany .pictureSide {
      grid-row: 3/3;
      padding: 2rem 0 0 0;
    }
  }
  .homeCompany .pictures {
    position: relative;
    max-width: 40rem;
    margin-left: auto;
  }
  @media only screen and (max-width: 62em) {
    .homeCompany .pictures {
      width: 100%;
      max-width: 100%;
      text-align: center;
    }
  }
  .homeCompany .pictures::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: -5rem;
    bottom: -5rem;
    background-color: #eeeeee;
    width: 50%;
    height: 80%;
    border: 0.7rem solid #a6b1e1;
    transition: all 1s ease;
  }
  @media only screen and (max-width: 62em) {
    .homeCompany .pictures::after {
      display: none;
    }
  }
  .homeCompany .pictures img {
    max-width: 100%;
    position: relative;
    z-index: 1;
  }
  .homeCompany .pictures:hover::after {
    border-color: #3f85f5;
  }
  .homeCompany .fulltext {
    grid-column: span 2;
  }
  .homeCompany .textSide h2 {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #0c2957;
    margin: 2rem 0;
  }
  .homeCompany .textSide h2 span {
    display: inline-flex;
    padding-bottom: 0.55rem;
    border-bottom: 0.5rem solid #b8272a;
  }
  @media only screen and (max-width: 62em) {
    .homeCompany .textSide h2 {
      font-size: 3rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .homeCompany .textSide h2 {
      font-size: 2.2rem;
    }
  }
  .homeCompany .textSide hr {
    height: 0.5rem;
    width: 25rem;
    background-color: #b8272a;
    opacity: 1;
    margin: 1rem 0 2rem 0;
  }
  .homeGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
  @media only screen and (max-width: 54em) {
    .homeGrid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media only screen and (max-width: 37.5em) {
    .homeGrid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 25em) {
    .homeGrid {
      grid-template-columns: 1fr;
    }
  }
  .homeGrid-box {
    position: relative;
    overflow: hidden;
  }
  .homeGrid-box .overlays {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.5s ease-in;
    padding: 1.9rem;
  }
  @media only screen and (max-width: 48em) {
    .homeGrid-box .overlays {
      padding: 1rem;
    }
  }
  .homeGrid-box .overlays a {
    font-size: 1.66rem;
    display: none;
    transition: all 0.5s ease;
  }
  .homeGrid-box .overlays h4 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-shadow: 0.1rem 0.1rem 0.3rem #000000;
    transition: all 0.5s ease;
    margin: 0;
  }
  @media only screen and (max-width: 62em) {
    .homeGrid-box .overlays h4 {
      font-size: 2rem;
    }
  }
  .homeGrid-box .overlays:hover {
    background-color: rgba(0, 0, 0, 0.72);
  }
  .homeGrid-box .overlays:hover h4 {
    margin-bottom: 2rem;
  }
  .homeGrid-box .overlays:hover a {
    display: inline-flex;
    animation: movefromBottom 0.7s ease;
  }
  .homeGrid-box img {
    max-width: 100%;
    display: flex;
  }
  .keyDefference {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    row-gap: 3rem;
    display: grid;
    scroll-margin-top: 15rem;
  }
  @media only screen and (max-width: 37.5em) {
    .keyDefference {
      grid-template-columns: 1fr;
    }
  }
  .keyDefference .keybox {
    padding: 1rem;
    text-align: center;
    background-color: #ffffff;
    display: grid;
    align-content: baseline;
    justify-items: center;
    scroll-margin-top: 14rem;
  }
  .keyDefference .keybox h3 {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    display: inline-flex;
    position: relative;
    padding: 0 1.5rem;
  }
  .keyDefference .keybox h3::after, .keyDefference .keybox h3::before {
    content: "";
    width: 3px;
    height: 100%;
    background-image: linear-gradient(to bottom, #b8272a 50%, #333 50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
  }
  .keyDefference .keybox h3::after {
    right: 2px;
  }
  .keyDefference .keybox h3::before {
    left: 2px;
  }
  .keyDefference .keybox p {
    margin: 0;
    text-align: center;
  }
  .keyDefference .keybox .keyicon {
    position: relative;
    margin-bottom: 2rem;
    height: 11rem;
    width: 11rem;
    display: flex;
    justify-content: center;
    background-color: rgba(184, 39, 42, 0.1);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
  }
  .keyDefference .keybox .keyicon svg {
    width: 7.3rem;
    height: 7.3rem;
    fill: #b8272a;
  }
 .keyDefference .keybox .keyicon img {
    width: 7.3rem;
/*     height: 7.3rem; */
/*     fill: #b8272a; */
  }
  .keyDefference .keybox:hover .keyicon {
    transform: translateY(-0.5rem);
    border-radius: 50%;
  }
  .borderd-grids {
    background-color: #cfcfcf;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1px;
    column-gap: 1px;
  }
  @media only screen and (max-width: 56.25em) {
    .borderd-grids {
      grid-template-columns: 1fr;
    }
  }
  .borderd-grids.threesome {
    grid-template-columns: repeat(3, 1fr);
  }
  @media only screen and (max-width: 56.25em) {
    .borderd-grids.threesome {
      grid-template-columns: 1fr;
    }
  }
  .borderd-grids .gridbox {
    padding: 2rem;
  }
  .borderd-grids .gridbox p {
    text-align: left;
  }
  .borderd-grids.bigap {
    column-gap: 3rem;
    background-color: transparent;
  }
  .borderd-grids.bigap .gridbox {
    padding: 2rem 0;
  }
  .borderd-grids.nogap {
    background-color: transparent;
  }
  @media only screen and (max-width: 56.25em) {
    .borderd-grids.nogap .gridbox {
      padding: 0 2rem;
    }
  }
  .borderedpic {
    display: flex;
    flex-direction: column;
  }
  .borderedpic p {
    margin-top: 1.5rem;
  }
  .borderedpic img {
    display: flex;
    border: 1px solid #dddddd;
  }
  .contactUs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 5rem;
  }
  @media only screen and (max-width: 62em) {
    .contactUs {
      grid-template-columns: 1fr;
      padding: 2rem;
    }
  }
  .contactUs-forms .formclmn {
    background-color: #e9e9e9;
    padding: 4rem 2rem;
  }
  .contactUs-forms .form-control {
    border-radius: 0;
    border: none;
    padding: 1rem;
  }
  .contactUs-forms .form-control:hover, .contactUs-forms .form-control:focus {
    outline: none;
    box-shadow: none;
  }
  .contactUs-forms .sendbtn {
    padding: 1rem 3rem;
    font-size: 1.9rem;
    color: #ffffff;
    background-color: #B61F24;
    border: none;
    display: inline-flex;
    transition: all 0.3s ease;
	  margin-top: 15px;
  }
  .contactUs-forms .sendbtn:hover, .contactUs-forms .sendbtn:focus {
    background-color: #4853b3;
    outline: none;
  }
  .contactUs-forms .msgarea {
    display: flex;
    width: 100%;
    padding: 1rem;
    border-color: #cfcfcf;
  }
  .contactUs-forms .msgarea:hover, .contactUs-forms .msgarea:focus {
    outline: none;
    box-shadow: none;
  }
.contactUs-forms .wpcf7-not-valid-tip {
	display: block;
}

  .contactUs .details .social {
    display: flex;
    margin-top: 2rem;
    column-gap: 1rem;
  }
  .contactUs .details .social :first-child a {
    background-color: #333;
  }
  .contactUs .details .social :nth-child(2) a {
    background-color: #367fe5;
  }
  .contactUs .details .social :nth-child(3) a {
    background-color: #3b5997;
  }
  .contactUs .details .social :nth-child(4) a {
    background-color: #54acec;
  }
  .contactUs .details .social :last-child a {
    background-color: #e52c27;
  }
  .contactUs .details .social svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #ffffff;
  }
  .contactUs .details .social li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .contactUs .details .social li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  .contactUs .details .social li a:link, .contactUs .details .social li a:visited {
    text-decoration: none;
  }
  .contactUs .details .social li a:hover, .contactUs .details .social li a:focus, .contactUs .details .social li a:active {
    background-color: #b8272a;
  }
  .contactUs .details h4 {
    font-size: 2rem;
    line-height: normal;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-end;
    font-weight: 600;
  }
  .contactUs .details h4 svg {
    height: 4rem;
    width: 5.5rem;
    margin-right: 0.82rem;
  }
  .contactUs .details h4 img {
    height: 4rem;
    width: 5.5rem;
    margin-right: 0.82rem;
  }
  .contactUs .details .info {
/*     border-bottom: 1px solid #dddddd; */
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
  .contactUs .details .info a:link {
    text-decoration: none;
  }
  .contactUs .details .info a:hover {
    color: #4853b3;
  }
  .contactUs .details .info h2 {
    font-size: 3rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #B61F24;
    font-weight: 700;
  }
  .contactUs .details .info p {
    font-size: large;
    text-align: left;
  }
  .contactUs .details .info p a {
    color: #333;
    font-weight: 600;
  }
  .contactUs .details h3 {
    font-size: 2.5rem;
    color: #4853b3;
    margin-bottom: 1.5rem;
  }
  .contactUs .details .address {
    position: relative;
    display: grid;
    margin-top: 2rem;
    padding-left: 3.7rem;
  }
  .contactUs .details .address ::before {
    width: 2rem;
    height: 2rem;
    content: "";
    background-color: #0c2957;
    border-radius: 1.2rem 1.2rem 0 1.2rem;
    position: absolute;
    transform: rotate(45deg);
    z-index: 0;
    left: 0.5rem;
    top: 0.5rem;
  }
  .contactUs .details .address::before {
    content: "";
    width: 0.82rem;
    height: 0.82rem;
    background-color: #ffffff;
    position: absolute;
    border-radius: 50%;
    z-index: 10;
    left: 1.13rem;
    top: 1rem;
  }
  .contactUs .details .address h5 {
    font-size: 1.72rem;
    margin-bottom: 1rem;
  }
  .contactUs .details .address ul {
    list-style: none;
    margin: 0;
    padding: 0;
	font-size: 1.72rem;
  }
  .contactUs .details .address ul li {
    margin-bottom: 0.55rem;
  }
  .contactUs .details .address ul li a:link, .contactUs .details .address ul li a:visited {
    text-decoration: none;
    color: #333;
  }
  .contactUs .details .address ul li a:hover, .contactUs .details .address ul li a:focus {
    color: #b8272a;
  }
  .contactUs .details .moreinfos {
    list-style: none;
	font-size: 1.72rem;
  }
  .contactUs .details .moreinfos li {
    display: flex;
    position: relative;
    padding-left: 3rem;
    margin-bottom: 0.5rem;
    column-gap: 0.5rem;
  }
  .contactUs .details .moreinfos li ::before {
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background-color: #0c2957;
    border-radius: 1rem 1rem 0 1rem;
    position: absolute;
    transform: rotate(45deg);
    z-index: 0;
    left: 0.5rem;
    top: 0.5rem;
  }
  .contactUs .details .moreinfos li::before {
    content: "";
    width: 0.66rem;
    height: 0.66rem;
    background-color: #ffffff;
    position: absolute;
    border-radius: 50%;
    z-index: 10;
    left: 0.91rem;
    top: 0.91rem;
  }
  .contactUs .details .moreinfos li a {
    font-weight: 500;
  }
  .contactUs .details .moreinfos li a:link, .contactUs .details .moreinfos li a:visited {
    text-decoration: none;
    color: #333;
  }
  .contactUs .details .moreinfos li a:hover, .contactUs .details .moreinfos li a:focus {
    color: #b8272a;
  }
  .contactUs .mapwrap {
    width: 100%;
    height: 30rem;
    margin-top: 2rem;
  }
  .contactUs .mapwrap .gmap_canvas {
    overflow: hidden;
    background: none !important;
  }
  .contactUs .mapwrap .gmap_canvas iframe {
    width: 100%;
    height: 30rem;
  }
  .contactUs-addresses .offices {
    padding: 2rem;
    background-color: #ffffff;
    border-radius: 1rem;
    display: grid;
    align-items: center;
  }
  .contactUs-addresses .offices h4 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
  }
  .contactUs-addresses .offices ul {
    list-style: none;
  }
  .contactUs-addresses .offices ul li {
    margin-bottom: 1rem;
  }
  .contactUs-addresses .offices ul li a:link, .contactUs-addresses .offices ul li a:visited {
    text-decoration: none;
    color: #333;
  }
  .contactUs-addresses .offices ul li a:hover, .contactUs-addresses .offices ul li a:focus {
    color: #b8272a;
  }
  .contactUs-addresses .offices p a:link, .contactUs-addresses .offices p a:visited {
    text-decoration: none;
    color: #b8272a;
    font-weight: 500;
  }
  .contactUs-addresses .offices p a:hover, .contactUs-addresses .offices p a:focus {
    color: #000000;
  }
  .contactUs-addresses .offices p:last-child {
    margin-bottom: 0;
  }
  .contactUs-addresses .offices .placename {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
  }
  .contactUs-addresses .offices .placename svg {
    height: 4rem;
    width: 4rem;
    margin-right: 1rem;
  }
  .moreinformation {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px solid #cfcfcf;
    padding: 1.5rem;
    border-radius: 1rem;
  }
  .moreinformation h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #b8272a;
    margin-bottom: 1.5rem;
  }
  .moreinformation h3 span {
    display: inline-flex;
    padding: 0.69rem;
    border-bottom: 1px solid #cfcfcf;
  }
  .moreinformation hr {
    background-color: #333;
    height: 1rem;
  }
  .moreinformation a:link, .moreinformation a:visited {
    text-decoration: none;
    color: #333;
    font-weight: 600;
  }
  .moreinformation a:hover, .moreinformation a:focus {
    color: #b8272a;
  }
  .splitcolumns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
  }
  @media only screen and (max-width: 62em) {
    .splitcolumns {
      grid-template-columns: 1fr;
    }
  }
  .splitcolumns .splitpic.business {
    background-image: url('hana_support_02.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .splitcolumns .splitpic.implement {
    background-image: url('hana_support_03.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .splitcolumns .spitcontent {
    padding: 4rem;
    display: grid;
    align-content: center;
    justify-items: flex-start;
  }
  .splitcolumns .spitcontent .btn {
    display: inline-flex;
    color: #0a2a70;
    padding: 1rem 2rem;
    font-size: 1.66rem;
    background-color: #ffffff;
    margin-top: 1.5rem;
  }
  .splitcolumns .spitcontent .btn:hover, .splitcolumns .spitcontent .btn:focus {
    background-color: #25c058;
    color: #ffffff;
  }
  .splitcolumns .spitcontent h2 {
    font-size: 2.3rem;
    margin-bottom: 2rem;
    font-weight: 900;
  }
  .splitcolumns .spitcontent.bgblue {
    background-color: #0a2a70;
    color: #ffffff;
  }
  .splitcolumns .spitcontent.bgblue .bulletpoints li::before {
    background-color: #ffffff;
  }
  .splitcolumns .spitcontent.bgblue .bulletpoints li::after {
    background-color: #ffa800;
  }
  .smallthubs_01 {
    display: flex;
    align-items: center;
  }
  @media only screen and (max-width: 48em) {
    .smallthubs_01 {
      flex-direction: column;
    }
  }
  .smallthubs_01 img {
    max-width: 22rem;
  }
  .smallthubs_01 .thumbdetails {
    padding: 2rem;
  }
  .smallthubs_01 .thumbdetails h3 {
    letter-spacing: normal;
  }
  .smallthubs_01 .thumbdetails strong {
    color: #000000;
  }
  .missnonvission {
    display: grid;
    grid-template-columns: 35% 1fr;
    background-color: #333;
    align-content: flex-start;
  }
  @media only screen and (max-width: 75em) {
    .missnonvission {
      grid-template-columns: 1fr;
    }
  }
  .missnonvission img {
    max-width: 100%;
    margin: auto;
  }
  .missnonvission .darkgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: flex-start;
  }
  @media only screen and (max-width: 37.5em) {
    .missnonvission .darkgrid {
      grid-template-columns: 1fr;
    }
  }
  .missnonvission .darkgrid-box {
    padding: 2rem;
    display: grid;
    align-content: flex-start;
  }
  .missnonvission .darkgrid-box h3 {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }
  .missnonvission .darkgrid-box h3 span {
    background-color: #b8272a;
    padding: 0.66rem;
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
  }
  .missnonvission .darkgrid-box h3 span svg {
    height: 2.5rem;
    width: 2.5rem;
  }
  .missnonvission .darkgrid-box p {
    margin: 0;
    color: #ffffff;
    text-align: left;
  }
  .corebox {
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }
  .corelist {
    padding: 1rem;
    display: flex;
    align-items: center;
    background-image: linear-gradient(to right, #0c2957, #b8272a);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0.8rem 0;
    justify-content: space-between;
    border-radius: 1rem;
	margin: 0px auto;
  	max-width: 100rem;
/* 	  margin:.5rem 15.75rem; */
  }
.corelist .widget_block {
	display: flex;
	align-items: center;  
}
  .corelist img {
    max-height: 10rem;
    display: inline-flex;
    border-radius: 1rem;
    border: 2px solid #ffffff;
	  float:left;
  }
  .corelist .coretxt {
    padding: 2rem 1rem 1rem 3rem;
    color: #ffffff;
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .corelist .coretxt h3 {
    font-size: 2rem;
	  font-weight: 700;
  }
  .corelist .coretxt p {
    margin: 0;
  }
  .corelist.reversebg {
    flex-direction: row-reverse;
  }
  .corelist.reversebg .coretxt {
    padding: 1rem 3rem 1rem 1rem;
  }
  .borderd_four_col {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    column-gap: 2rem;
  }
.borderd_four_col .panel-grid-cell {
	width: auto !important;
}
  @media only screen and (max-width: 75em) {
    .borderd_four_col {
      grid-template-columns: repeat(2, 1fr) !important;
      row-gap: 2rem;
    }
  }
  @media only screen and (max-width: 30em) {
    .borderd_four_col {
      grid-template-columns: 1fr !important;
      row-gap: 2rem;
    }
  }
  .borderd_four_col.lesstwo {
    grid-template-columns: repeat(2, 37rem) !important;
    justify-content: center;
  }
  @media only screen and (max-width: 48em) {
    .borderd_four_col.lesstwo {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }
  @media only screen and (max-width: 30em) {
    .borderd_four_col.lesstwo {
      grid-template-columns: 1fr !important;
      row-gap: 2rem;
    }
  }
  .borderd_four_col.lessone {
    grid-template-columns: repeat(3, 35rem);
    justify-content: center;
  }
  @media only screen and (max-width: 48em) {
    .borderd_four_col.lessone {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media only screen and (max-width: 30em) {
    .borderd_four_col.lessone {
      grid-template-columns: 1fr;
      row-gap: 2rem;
    }
  }
  .borderd_four_col .borderd_col {
    padding: 1rem;
    border: 1px solid #dddddd;
    border-top: 0.69rem solid #b8272a;
    border-radius: 5px;
    background-color: #ffffff;
    overflow: hidden;
  }
  .borderd_four_col .borderd_col img {
    margin-bottom: 2rem;
    display: flex;
  }
  .borderd_four_col .borderd_col h4 {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .ogloginpage {
    width: 100%;
    height: 100vh;
    display: grid;
    justify-content: center;
    align-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.36rem;
  }
  @media only screen and (max-width: 62em) {
    .ogloginpage {
      height: auto;
    }
  }
  .ogloginpage .coming {
    color: #b8272a;
    text-align: center;
    margin-bottom: 1.69rem;
    font-weight: 600;
  }
  .ogloginpage .loginwrap {
    max-width: 40rem;
    border-radius: 1.5rem;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 0 1rem 0.3rem #eeeeee;
    padding: 3rem;
    width: 100%;
    display: grid;
  }
  .ogloginpage .oglogo {
    margin-bottom: 2rem;
  }
  .ogloginpage .oglogo img {
    max-width: 20rem;
    width: 100%;
    display: flex;
    margin: auto;
    max-height: 6rem;
  }
  .ogloginpage .oglogo p {
    margin: 1.5rem 0;
    flex-flow: column;
    text-align: center;
  }
  .ogloginpage .oglogo p span {
    display: flex;
    justify-content: center;
  }
  .ogloginpage p {
    margin-bottom: 1rem;
    display: flex;
  }
  .ogloginpage p a:link, .ogloginpage p a:visited {
    text-decoration: none;
  }
  .ogloginpage p.signupnow a {
    margin-left: 0.5rem;
    font-weight: 600;
  }
  .ogloginpage .deviderline {
    width: 100%;
    background-color: #dddddd;
    height: 1px;
    position: relative;
    margin: 0.7rem 0 1.3rem 0;
    display: flex;
  }
  .ogloginpage .deviderline span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    background-color: #ffffff;
    color: #919191;
    padding: 0.2rem 0.7rem;
    z-index: 10;
  }
  .ogloginpage .socialmedias {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .ogloginpage .socialmedias li {
    display: inline-flex;
  }
  .ogloginpage .socialmedias li a {
    padding: 0.6rem;
    display: inline-flex;
    margin: 0.3rem;
    background-color: #ffffff;
    box-shadow: 0 0 4px #dddddd;
    border-radius: 2px;
    transition: all 0.2s ease-in;
  }
  .ogloginpage .socialmedias li a:link, .ogloginpage .socialmedias li a:visited {
    border: none;
  }
  .ogloginpage .socialmedias li a svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .ogloginpage .socialmedias li a:hover {
    background-color: #eeeeee;
    transform: translateY(1px);
    outline: none;
  }
  .ogloginpage .logincolumn {
    display: grid;
    width: 100%;
  }
  .ogloginpage .logincolumn .formside {
    background-color: #ffffff;
    padding: 1.69rem;
    display: grid;
    justify-items: center;
    text-align: center;
    align-content: flex-start;
  }
  .ogloginpage .logincolumn .formside .newloginfields {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .ogloginpage .logincolumn .formside .formfields {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: 1.6rem;
  }
  .ogloginpage .logincolumn .formside .formfields svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.3rem;
    height: 1.3rem;
    left: 0.73rem;
    z-index: 10;
  }
  .ogloginpage .logincolumn .formside p {
    margin-bottom: 1rem;
    display: flex;
  }
  .ogloginpage .logincolumn .formside p a:link, .ogloginpage .logincolumn .formside p a:visited {
    text-decoration: none;
  }
  .ogloginpage .logincolumn .formside p.signupnow a {
    margin-left: 0.5rem;
    font-weight: 600;
  }
  .ogloginpage .logincolumn .formside .deviderline {
    width: 100%;
    max-width: 27rem;
    background-color: #dddddd;
    height: 1px;
    position: relative;
    margin: 0.7rem 0 1.3rem 0;
    display: flex;
  }
  .ogloginpage .logincolumn .formside .deviderline span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    background-color: #ffffff;
    color: #919191;
    padding: 0.2rem 0.7rem;
    z-index: 10;
  }
  .ogloginpage .logincolumn .formside .socialmedias {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .ogloginpage .logincolumn .formside .socialmedias li {
    display: inline-flex;
  }
  .ogloginpage .logincolumn .formside .socialmedias li a {
    padding: 0.6rem;
    display: inline-flex;
    margin: 0.3rem;
    background-color: #ffffff;
    box-shadow: 0 0 4px #dddddd;
    border-radius: 2px;
    transition: all 0.2s ease-in;
  }
  .ogloginpage .logincolumn .formside .socialmedias li a:link, .ogloginpage .logincolumn .formside .socialmedias li a:visited {
    border: none;
  }
  .ogloginpage .logincolumn .formside .socialmedias li a svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .ogloginpage .logincolumn .formside .socialmedias li a:hover {
    background-color: #f5f6f8;
    transform: translateY(1px);
    outline: none;
  }
  .ogloginpage .forgotcolumn {
    padding: 2rem 3rem;
  }
  .ogloginpage .forgotcolumn .backtologin {
    display: flex;
    padding: 0.73rem 2rem;
    background-color: #000000;
    flex: 0 0 15rem;
    max-width: 15rem;
    border-radius: 100px;
    justify-content: space-between;
    color: #ffffff;
    text-align: center;
    transition: all 0.2s ease-in-out;
  }
  .ogloginpage .forgotcolumn .backtologin:link, .ogloginpage .forgotcolumn .backtologin:visited {
    text-decoration: none;
  }
  .ogloginpage .forgotcolumn .backtologin:hover, .ogloginpage .forgotcolumn .backtologin:focus {
    background-color: #4853b3;
  }
  .ogloginpage .forgotcolumn h2 {
    margin: 1.5rem 0;
    font-weight: 400;
    font-size: 2.2rem;
  }
  .ogloginpage .forgotcolumn h2 strong {
    font-weight: 700;
  }
  .ogloginpage .forgotcolumn h4 {
    font-weight: 700;
    font-size: 1.7rem;
  }
  .ogloginpage .forgotcolumn h4 span {
    display: flex;
  }
  .ogloginpage .forgotcolumn .informations {
    display: flex;
    list-style: none;
    flex-direction: column;
    margin: 1.5rem 0;
    padding: 0;
  }
  .ogloginpage .forgotcolumn .informations li {
    position: relative;
    display: flex;
    padding-left: 3rem;
    margin: 0.5rem 0;
  }
  .ogloginpage .forgotcolumn .informations li::before {
    content: " ∎";
    color: #ffa800;
    font-size: 1.9rem;
    left: 0;
    top: -0.5rem;
    position: absolute;
    z-index: 1;
  }
  .ogloginpage .forgotcolumn .sendemail {
    width: 100%;
    display: grid;
    align-items: center;
    row-gap: 1rem;
    margin-top: 1.5rem;
  }
  .ogloginpage .forgotcolumn .sendemail input {
    text-indent: initial;
  }
  .ogloginpage input {
    font-family: inherit;
    color: inherit;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 0.5rem;
    border: 1px solid #dddddd;
    transition: all 0.3s;
    width: 100%;
    text-indent: 1.9rem;
  }
  .ogloginpage input:focus {
    outline: none;
    border-bottom: 1px solid #4853b3;
  }
  .ogloginpage input:focus:invalid {
    border: 1px solid #b8272a;
  }
  .ogloginpage input::-webkit-input-placeholder, .ogloginpage input::placeholder {
    color: #333;
  }
  .ogloginpage input:disabled {
    border-color: rgba(0, 0, 0, 0.1);
    color: #dddddd;
  }
  .ogloginpage .newlogbtn, .ogloginpage .newlogbtn:link, .ogloginpage .newlogbtn:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.73rem 1rem;
    display: flex;
    border-radius: 3px;
    transition: all 0.2s ease;
    font-size: 1.66rem;
    background-color: #b8272a;
    color: #ffffff;
    border: none;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    align-content: center;
    margin-bottom: 2rem;
  }
  .ogloginpage .newlogbtn:hover {
    background-color: #333;
  }
  .ogloginpage .newlogbtn:active, .ogloginpage .newlogbtn:focus {
    outline: none;
    background-color: #2daa4f;
  }
  .ogloginpage .newlogbtn.forgetbtns {
    margin: 0;
  }
  .newloginfooter {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  html, body {
    height: 100%;
  }
  /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
  
  /* position */
  
  .toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  
  /* toast styles */
  
  .toast-title {
    font-weight: bold;
  }
  
  .toast-message {
    word-wrap: break-word;
  }
  
  .toast-message a,
  .toast-message label {
    color: #FFFFFF;
  }
  
  .toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
  }
  
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #ffffff;
    /* opacity: 0.8; */
  }
  
  .toast-close-button:hover,
  .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
  }
  
  /*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
  
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
  }
  
  .toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999;
  }
  
  .toast-container * {
    box-sizing: border-box;
  }
  
  .toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
  }
  
  .toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    cursor: pointer;
  }
  
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
  
  .toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
  }
  
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
  
  .toast-error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
  }
  
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
  
  .toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  }
  
  /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
  
  .toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
  }
  
  .toast-container.toast-top-center .ngx-toastr,
  .toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .toast-container.toast-top-full-width .ngx-toastr,
  .toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .ngx-toastr {
    background-color: #030303;
    pointer-events: auto;
  }
  
  .toast-success {
    background-color: #51A351;
  }
  
  .toast-error {
    background-color: #BD362F;
  }
  
  .toast-info {
    background-color: #2F96B4;
  }
  
  .toast-warning {
    background-color: #F89406;
  }
  
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
  }
  
  /* Responsive Design */
  
  @media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
      padding: 8px 8px 8px 50px;
      width: 11em;
    }
    .toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
  }
  
  @media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
      padding: 8px 8px 8px 50px;
      width: 18em;
    }
    .toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
	  .flexslider .slides img{
		    width: 100%;
            height: 100%;
           object-fit: cover;
	  }
	  .metaslider .caption-wrap {
        bottom: -2.75rem !important;
/* 		      width: 200rem !important; */
    }
  }
  
  @media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
      padding: 15px 15px 15px 50px;
      width: 25em;
    }
  }
  
  .iti {
    position: relative;
    display: inline-block; }
    .iti * {
      box-sizing: border-box;
      -moz-box-sizing: border-box; }
    .iti__hide {
      display: none; }
    .iti__v-hide {
      visibility: hidden; }
    .iti input, .iti input[type=text], .iti input[type=tel] {
      position: relative;
      z-index: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-right: 36px;
      margin-right: 0; }
    .iti__flag-container {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      padding: 1px; }
    .iti__selected-flag {
      z-index: 1;
      position: relative;
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 6px 0 8px; }
    .iti__arrow {
      margin-left: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
    .iti__arrow--up {
        border-top: none;
        border-bottom: 4px solid #555; }
    .iti__country-list {
      position: absolute;
      z-index: 2;
      list-style: none;
      text-align: left;
      padding: 0;
      margin: 0 0 0 -1px;
      box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
      background-color: white;
      border: 1px solid #CCC;
      white-space: nowrap;
      max-height: 200px;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
        bottom: 100%;
        margin-bottom: -1px; }
    @media (max-width: 500px) {
        .iti__country-list {
          white-space: normal; } }
    .iti__flag-box {
      display: inline-block;
      width: 20px; }
    .iti__divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .iti__country {
      padding: 5px 10px;
      outline: none; }
    .iti__dial-code {
      color: #999; }
    .iti__country.iti__highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .iti__flag-box, .iti__country-name, .iti__dial-code {
      vertical-align: middle; }
    .iti__flag-box, .iti__country-name {
      margin-right: 6px; }
    .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
      padding-right: 6px;
      padding-left: 52px;
      margin-left: 0; }
    .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
      right: auto;
      left: 0; }
    .iti--allow-dropdown .iti__flag-container:hover {
      cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
      cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
      .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent; }
    .iti--separate-dial-code .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
    .iti--separate-dial-code .iti__selected-dial-code {
      margin-left: 6px; }
    .iti--container {
      position: absolute;
      top: -1000px;
      left: -1000px;
      z-index: 1060;
      padding: 1px; }
    .iti--container:hover {
        cursor: pointer; }
    .iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed; }
    .iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%; }
    .iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em; }
    .iti__flag {
    width: 20px; }
    .iti__flag.iti__be {
      width: 18px; }
    .iti__flag.iti__ch {
      width: 15px; }
    .iti__flag.iti__mc {
      width: 19px; }
    .iti__flag.iti__ne {
      width: 18px; }
    .iti__flag.iti__np {
      width: 13px; }
    .iti__flag.iti__va {
      width: 15px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .iti__flag {
        background-size: 5652px 15px; } }
    .iti__flag.iti__ac {
      height: 10px;
      background-position: 0px 0px; }
    .iti__flag.iti__ad {
      height: 14px;
      background-position: -22px 0px; }
    .iti__flag.iti__ae {
      height: 10px;
      background-position: -44px 0px; }
    .iti__flag.iti__af {
      height: 14px;
      background-position: -66px 0px; }
    .iti__flag.iti__ag {
      height: 14px;
      background-position: -88px 0px; }
    .iti__flag.iti__ai {
      height: 10px;
      background-position: -110px 0px; }
    .iti__flag.iti__al {
      height: 15px;
      background-position: -132px 0px; }
    .iti__flag.iti__am {
      height: 10px;
      background-position: -154px 0px; }
    .iti__flag.iti__ao {
      height: 14px;
      background-position: -176px 0px; }
    .iti__flag.iti__aq {
      height: 14px;
      background-position: -198px 0px; }
    .iti__flag.iti__ar {
      height: 13px;
      background-position: -220px 0px; }
    .iti__flag.iti__as {
      height: 10px;
      background-position: -242px 0px; }
    .iti__flag.iti__at {
      height: 14px;
      background-position: -264px 0px; }
    .iti__flag.iti__au {
      height: 10px;
      background-position: -286px 0px; }
    .iti__flag.iti__aw {
      height: 14px;
      background-position: -308px 0px; }
    .iti__flag.iti__ax {
      height: 13px;
      background-position: -330px 0px; }
    .iti__flag.iti__az {
      height: 10px;
      background-position: -352px 0px; }
    .iti__flag.iti__ba {
      height: 10px;
      background-position: -374px 0px; }
    .iti__flag.iti__bb {
      height: 14px;
      background-position: -396px 0px; }
    .iti__flag.iti__bd {
      height: 12px;
      background-position: -418px 0px; }
    .iti__flag.iti__be {
      height: 15px;
      background-position: -440px 0px; }
    .iti__flag.iti__bf {
      height: 14px;
      background-position: -460px 0px; }
    .iti__flag.iti__bg {
      height: 12px;
      background-position: -482px 0px; }
    .iti__flag.iti__bh {
      height: 12px;
      background-position: -504px 0px; }
    .iti__flag.iti__bi {
      height: 12px;
      background-position: -526px 0px; }
    .iti__flag.iti__bj {
      height: 14px;
      background-position: -548px 0px; }
    .iti__flag.iti__bl {
      height: 14px;
      background-position: -570px 0px; }
    .iti__flag.iti__bm {
      height: 10px;
      background-position: -592px 0px; }
    .iti__flag.iti__bn {
      height: 10px;
      background-position: -614px 0px; }
    .iti__flag.iti__bo {
      height: 14px;
      background-position: -636px 0px; }
    .iti__flag.iti__bq {
      height: 14px;
      background-position: -658px 0px; }
    .iti__flag.iti__br {
      height: 14px;
      background-position: -680px 0px; }
    .iti__flag.iti__bs {
      height: 10px;
      background-position: -702px 0px; }
    .iti__flag.iti__bt {
      height: 14px;
      background-position: -724px 0px; }
    .iti__flag.iti__bv {
      height: 15px;
      background-position: -746px 0px; }
    .iti__flag.iti__bw {
      height: 14px;
      background-position: -768px 0px; }
    .iti__flag.iti__by {
      height: 10px;
      background-position: -790px 0px; }
    .iti__flag.iti__bz {
      height: 14px;
      background-position: -812px 0px; }
    .iti__flag.iti__ca {
      height: 10px;
      background-position: -834px 0px; }
    .iti__flag.iti__cc {
      height: 10px;
      background-position: -856px 0px; }
    .iti__flag.iti__cd {
      height: 15px;
      background-position: -878px 0px; }
    .iti__flag.iti__cf {
      height: 14px;
      background-position: -900px 0px; }
    .iti__flag.iti__cg {
      height: 14px;
      background-position: -922px 0px; }
    .iti__flag.iti__ch {
      height: 15px;
      background-position: -944px 0px; }
    .iti__flag.iti__ci {
      height: 14px;
      background-position: -961px 0px; }
    .iti__flag.iti__ck {
      height: 10px;
      background-position: -983px 0px; }
    .iti__flag.iti__cl {
      height: 14px;
      background-position: -1005px 0px; }
    .iti__flag.iti__cm {
      height: 14px;
      background-position: -1027px 0px; }
    .iti__flag.iti__cn {
      height: 14px;
      background-position: -1049px 0px; }
    .iti__flag.iti__co {
      height: 14px;
      background-position: -1071px 0px; }
    .iti__flag.iti__cp {
      height: 14px;
      background-position: -1093px 0px; }
    .iti__flag.iti__cr {
      height: 12px;
      background-position: -1115px 0px; }
    .iti__flag.iti__cu {
      height: 10px;
      background-position: -1137px 0px; }
    .iti__flag.iti__cv {
      height: 12px;
      background-position: -1159px 0px; }
    .iti__flag.iti__cw {
      height: 14px;
      background-position: -1181px 0px; }
    .iti__flag.iti__cx {
      height: 10px;
      background-position: -1203px 0px; }
    .iti__flag.iti__cy {
      height: 14px;
      background-position: -1225px 0px; }
    .iti__flag.iti__cz {
      height: 14px;
      background-position: -1247px 0px; }
    .iti__flag.iti__de {
      height: 12px;
      background-position: -1269px 0px; }
    .iti__flag.iti__dg {
      height: 10px;
      background-position: -1291px 0px; }
    .iti__flag.iti__dj {
      height: 14px;
      background-position: -1313px 0px; }
    .iti__flag.iti__dk {
      height: 15px;
      background-position: -1335px 0px; }
    .iti__flag.iti__dm {
      height: 10px;
      background-position: -1357px 0px; }
    .iti__flag.iti__do {
      height: 14px;
      background-position: -1379px 0px; }
    .iti__flag.iti__dz {
      height: 14px;
      background-position: -1401px 0px; }
    .iti__flag.iti__ea {
      height: 14px;
      background-position: -1423px 0px; }
    .iti__flag.iti__ec {
      height: 14px;
      background-position: -1445px 0px; }
    .iti__flag.iti__ee {
      height: 13px;
      background-position: -1467px 0px; }
    .iti__flag.iti__eg {
      height: 14px;
      background-position: -1489px 0px; }
    .iti__flag.iti__eh {
      height: 10px;
      background-position: -1511px 0px; }
    .iti__flag.iti__er {
      height: 10px;
      background-position: -1533px 0px; }
    .iti__flag.iti__es {
      height: 14px;
      background-position: -1555px 0px; }
    .iti__flag.iti__et {
      height: 10px;
      background-position: -1577px 0px; }
    .iti__flag.iti__eu {
      height: 14px;
      background-position: -1599px 0px; }
    .iti__flag.iti__fi {
      height: 12px;
      background-position: -1621px 0px; }
    .iti__flag.iti__fj {
      height: 10px;
      background-position: -1643px 0px; }
    .iti__flag.iti__fk {
      height: 10px;
      background-position: -1665px 0px; }
    .iti__flag.iti__fm {
      height: 11px;
      background-position: -1687px 0px; }
    .iti__flag.iti__fo {
      height: 15px;
      background-position: -1709px 0px; }
    .iti__flag.iti__fr {
      height: 14px;
      background-position: -1731px 0px; }
    .iti__flag.iti__ga {
      height: 15px;
      background-position: -1753px 0px; }
    .iti__flag.iti__gb {
      height: 10px;
      background-position: -1775px 0px; }
    .iti__flag.iti__gd {
      height: 12px;
      background-position: -1797px 0px; }
    .iti__flag.iti__ge {
      height: 14px;
      background-position: -1819px 0px; }
    .iti__flag.iti__gf {
      height: 14px;
      background-position: -1841px 0px; }
    .iti__flag.iti__gg {
      height: 14px;
      background-position: -1863px 0px; }
    .iti__flag.iti__gh {
      height: 14px;
      background-position: -1885px 0px; }
    .iti__flag.iti__gi {
      height: 10px;
      background-position: -1907px 0px; }
    .iti__flag.iti__gl {
      height: 14px;
      background-position: -1929px 0px; }
    .iti__flag.iti__gm {
      height: 14px;
      background-position: -1951px 0px; }
    .iti__flag.iti__gn {
      height: 14px;
      background-position: -1973px 0px; }
    .iti__flag.iti__gp {
      height: 14px;
      background-position: -1995px 0px; }
    .iti__flag.iti__gq {
      height: 14px;
      background-position: -2017px 0px; }
    .iti__flag.iti__gr {
      height: 14px;
      background-position: -2039px 0px; }
    .iti__flag.iti__gs {
      height: 10px;
      background-position: -2061px 0px; }
    .iti__flag.iti__gt {
      height: 13px;
      background-position: -2083px 0px; }
    .iti__flag.iti__gu {
      height: 11px;
      background-position: -2105px 0px; }
    .iti__flag.iti__gw {
      height: 10px;
      background-position: -2127px 0px; }
    .iti__flag.iti__gy {
      height: 12px;
      background-position: -2149px 0px; }
    .iti__flag.iti__hk {
      height: 14px;
      background-position: -2171px 0px; }
    .iti__flag.iti__hm {
      height: 10px;
      background-position: -2193px 0px; }
    .iti__flag.iti__hn {
      height: 10px;
      background-position: -2215px 0px; }
    .iti__flag.iti__hr {
      height: 10px;
      background-position: -2237px 0px; }
    .iti__flag.iti__ht {
      height: 12px;
      background-position: -2259px 0px; }
    .iti__flag.iti__hu {
      height: 10px;
      background-position: -2281px 0px; }
    .iti__flag.iti__ic {
      height: 14px;
      background-position: -2303px 0px; }
    .iti__flag.iti__id {
      height: 14px;
      background-position: -2325px 0px; }
    .iti__flag.iti__ie {
      height: 10px;
      background-position: -2347px 0px; }
    .iti__flag.iti__il {
      height: 15px;
      background-position: -2369px 0px; }
    .iti__flag.iti__im {
      height: 10px;
      background-position: -2391px 0px; }
    .iti__flag.iti__in {
      height: 14px;
      background-position: -2413px 0px; }
    .iti__flag.iti__io {
      height: 10px;
      background-position: -2435px 0px; }
    .iti__flag.iti__iq {
      height: 14px;
      background-position: -2457px 0px; }
    .iti__flag.iti__ir {
      height: 12px;
      background-position: -2479px 0px; }
    .iti__flag.iti__is {
      height: 15px;
      background-position: -2501px 0px; }
    .iti__flag.iti__it {
      height: 14px;
      background-position: -2523px 0px; }
    .iti__flag.iti__je {
      height: 12px;
      background-position: -2545px 0px; }
    .iti__flag.iti__jm {
      height: 10px;
      background-position: -2567px 0px; }
    .iti__flag.iti__jo {
      height: 10px;
      background-position: -2589px 0px; }
    .iti__flag.iti__jp {
      height: 14px;
      background-position: -2611px 0px; }
    .iti__flag.iti__ke {
      height: 14px;
      background-position: -2633px 0px; }
    .iti__flag.iti__kg {
      height: 12px;
      background-position: -2655px 0px; }
    .iti__flag.iti__kh {
      height: 13px;
      background-position: -2677px 0px; }
    .iti__flag.iti__ki {
      height: 10px;
      background-position: -2699px 0px; }
    .iti__flag.iti__km {
      height: 12px;
      background-position: -2721px 0px; }
    .iti__flag.iti__kn {
      height: 14px;
      background-position: -2743px 0px; }
    .iti__flag.iti__kp {
      height: 10px;
      background-position: -2765px 0px; }
    .iti__flag.iti__kr {
      height: 14px;
      background-position: -2787px 0px; }
    .iti__flag.iti__kw {
      height: 10px;
      background-position: -2809px 0px; }
    .iti__flag.iti__ky {
      height: 10px;
      background-position: -2831px 0px; }
    .iti__flag.iti__kz {
      height: 10px;
      background-position: -2853px 0px; }
    .iti__flag.iti__la {
      height: 14px;
      background-position: -2875px 0px; }
    .iti__flag.iti__lb {
      height: 14px;
      background-position: -2897px 0px; }
    .iti__flag.iti__lc {
      height: 10px;
      background-position: -2919px 0px; }
    .iti__flag.iti__li {
      height: 12px;
      background-position: -2941px 0px; }
    .iti__flag.iti__lk {
      height: 10px;
      background-position: -2963px 0px; }
    .iti__flag.iti__lr {
      height: 11px;
      background-position: -2985px 0px; }
    .iti__flag.iti__ls {
      height: 14px;
      background-position: -3007px 0px; }
    .iti__flag.iti__lt {
      height: 12px;
      background-position: -3029px 0px; }
    .iti__flag.iti__lu {
      height: 12px;
      background-position: -3051px 0px; }
    .iti__flag.iti__lv {
      height: 10px;
      background-position: -3073px 0px; }
    .iti__flag.iti__ly {
      height: 10px;
      background-position: -3095px 0px; }
    .iti__flag.iti__ma {
      height: 14px;
      background-position: -3117px 0px; }
    .iti__flag.iti__mc {
      height: 15px;
      background-position: -3139px 0px; }
    .iti__flag.iti__md {
      height: 10px;
      background-position: -3160px 0px; }
    .iti__flag.iti__me {
      height: 10px;
      background-position: -3182px 0px; }
    .iti__flag.iti__mf {
      height: 14px;
      background-position: -3204px 0px; }
    .iti__flag.iti__mg {
      height: 14px;
      background-position: -3226px 0px; }
    .iti__flag.iti__mh {
      height: 11px;
      background-position: -3248px 0px; }
    .iti__flag.iti__mk {
      height: 10px;
      background-position: -3270px 0px; }
    .iti__flag.iti__ml {
      height: 14px;
      background-position: -3292px 0px; }
    .iti__flag.iti__mm {
      height: 14px;
      background-position: -3314px 0px; }
    .iti__flag.iti__mn {
      height: 10px;
      background-position: -3336px 0px; }
    .iti__flag.iti__mo {
      height: 14px;
      background-position: -3358px 0px; }
    .iti__flag.iti__mp {
      height: 10px;
      background-position: -3380px 0px; }
    .iti__flag.iti__mq {
      height: 14px;
      background-position: -3402px 0px; }
    .iti__flag.iti__mr {
      height: 14px;
      background-position: -3424px 0px; }
    .iti__flag.iti__ms {
      height: 10px;
      background-position: -3446px 0px; }
    .iti__flag.iti__mt {
      height: 14px;
      background-position: -3468px 0px; }
    .iti__flag.iti__mu {
      height: 14px;
      background-position: -3490px 0px; }
    .iti__flag.iti__mv {
      height: 14px;
      background-position: -3512px 0px; }
    .iti__flag.iti__mw {
      height: 14px;
      background-position: -3534px 0px; }
    .iti__flag.iti__mx {
      height: 12px;
      background-position: -3556px 0px; }
    .iti__flag.iti__my {
      height: 10px;
      background-position: -3578px 0px; }
    .iti__flag.iti__mz {
      height: 14px;
      background-position: -3600px 0px; }
    .iti__flag.iti__na {
      height: 14px;
      background-position: -3622px 0px; }
    .iti__flag.iti__nc {
      height: 10px;
      background-position: -3644px 0px; }
    .iti__flag.iti__ne {
      height: 15px;
      background-position: -3666px 0px; }
    .iti__flag.iti__nf {
      height: 10px;
      background-position: -3686px 0px; }
    .iti__flag.iti__ng {
      height: 10px;
      background-position: -3708px 0px; }
    .iti__flag.iti__ni {
      height: 12px;
      background-position: -3730px 0px; }
    .iti__flag.iti__nl {
      height: 14px;
      background-position: -3752px 0px; }
    .iti__flag.iti__no {
      height: 15px;
      background-position: -3774px 0px; }
    .iti__flag.iti__np {
      height: 15px;
      background-position: -3796px 0px; }
    .iti__flag.iti__nr {
      height: 10px;
      background-position: -3811px 0px; }
    .iti__flag.iti__nu {
      height: 10px;
      background-position: -3833px 0px; }
    .iti__flag.iti__nz {
      height: 10px;
      background-position: -3855px 0px; }
    .iti__flag.iti__om {
      height: 10px;
      background-position: -3877px 0px; }
    .iti__flag.iti__pa {
      height: 14px;
      background-position: -3899px 0px; }
    .iti__flag.iti__pe {
      height: 14px;
      background-position: -3921px 0px; }
    .iti__flag.iti__pf {
      height: 14px;
      background-position: -3943px 0px; }
    .iti__flag.iti__pg {
      height: 15px;
      background-position: -3965px 0px; }
    .iti__flag.iti__ph {
      height: 10px;
      background-position: -3987px 0px; }
    .iti__flag.iti__pk {
      height: 14px;
      background-position: -4009px 0px; }
    .iti__flag.iti__pl {
      height: 13px;
      background-position: -4031px 0px; }
    .iti__flag.iti__pm {
      height: 14px;
      background-position: -4053px 0px; }
    .iti__flag.iti__pn {
      height: 10px;
      background-position: -4075px 0px; }
    .iti__flag.iti__pr {
      height: 14px;
      background-position: -4097px 0px; }
    .iti__flag.iti__ps {
      height: 10px;
      background-position: -4119px 0px; }
    .iti__flag.iti__pt {
      height: 14px;
      background-position: -4141px 0px; }
    .iti__flag.iti__pw {
      height: 13px;
      background-position: -4163px 0px; }
    .iti__flag.iti__py {
      height: 11px;
      background-position: -4185px 0px; }
    .iti__flag.iti__qa {
      height: 8px;
      background-position: -4207px 0px; }
    .iti__flag.iti__re {
      height: 14px;
      background-position: -4229px 0px; }
    .iti__flag.iti__ro {
      height: 14px;
      background-position: -4251px 0px; }
    .iti__flag.iti__rs {
      height: 14px;
      background-position: -4273px 0px; }
    .iti__flag.iti__ru {
      height: 14px;
      background-position: -4295px 0px; }
    .iti__flag.iti__rw {
      height: 14px;
      background-position: -4317px 0px; }
    .iti__flag.iti__sa {
      height: 14px;
      background-position: -4339px 0px; }
    .iti__flag.iti__sb {
      height: 10px;
      background-position: -4361px 0px; }
    .iti__flag.iti__sc {
      height: 10px;
      background-position: -4383px 0px; }
    .iti__flag.iti__sd {
      height: 10px;
      background-position: -4405px 0px; }
    .iti__flag.iti__se {
      height: 13px;
      background-position: -4427px 0px; }
    .iti__flag.iti__sg {
      height: 14px;
      background-position: -4449px 0px; }
    .iti__flag.iti__sh {
      height: 10px;
      background-position: -4471px 0px; }
    .iti__flag.iti__si {
      height: 10px;
      background-position: -4493px 0px; }
    .iti__flag.iti__sj {
      height: 15px;
      background-position: -4515px 0px; }
    .iti__flag.iti__sk {
      height: 14px;
      background-position: -4537px 0px; }
    .iti__flag.iti__sl {
      height: 14px;
      background-position: -4559px 0px; }
    .iti__flag.iti__sm {
      height: 15px;
      background-position: -4581px 0px; }
    .iti__flag.iti__sn {
      height: 14px;
      background-position: -4603px 0px; }
    .iti__flag.iti__so {
      height: 14px;
      background-position: -4625px 0px; }
    .iti__flag.iti__sr {
      height: 14px;
      background-position: -4647px 0px; }
    .iti__flag.iti__ss {
      height: 10px;
      background-position: -4669px 0px; }
    .iti__flag.iti__st {
      height: 10px;
      background-position: -4691px 0px; }
    .iti__flag.iti__sv {
      height: 12px;
      background-position: -4713px 0px; }
    .iti__flag.iti__sx {
      height: 14px;
      background-position: -4735px 0px; }
    .iti__flag.iti__sy {
      height: 14px;
      background-position: -4757px 0px; }
    .iti__flag.iti__sz {
      height: 14px;
      background-position: -4779px 0px; }
    .iti__flag.iti__ta {
      height: 10px;
      background-position: -4801px 0px; }
    .iti__flag.iti__tc {
      height: 10px;
      background-position: -4823px 0px; }
    .iti__flag.iti__td {
      height: 14px;
      background-position: -4845px 0px; }
    .iti__flag.iti__tf {
      height: 14px;
      background-position: -4867px 0px; }
    .iti__flag.iti__tg {
      height: 13px;
      background-position: -4889px 0px; }
    .iti__flag.iti__th {
      height: 14px;
      background-position: -4911px 0px; }
    .iti__flag.iti__tj {
      height: 10px;
      background-position: -4933px 0px; }
    .iti__flag.iti__tk {
      height: 10px;
      background-position: -4955px 0px; }
    .iti__flag.iti__tl {
      height: 10px;
      background-position: -4977px 0px; }
    .iti__flag.iti__tm {
      height: 14px;
      background-position: -4999px 0px; }
    .iti__flag.iti__tn {
      height: 14px;
      background-position: -5021px 0px; }
    .iti__flag.iti__to {
      height: 10px;
      background-position: -5043px 0px; }
    .iti__flag.iti__tr {
      height: 14px;
      background-position: -5065px 0px; }
    .iti__flag.iti__tt {
      height: 12px;
      background-position: -5087px 0px; }
    .iti__flag.iti__tv {
      height: 10px;
      background-position: -5109px 0px; }
    .iti__flag.iti__tw {
      height: 14px;
      background-position: -5131px 0px; }
    .iti__flag.iti__tz {
      height: 14px;
      background-position: -5153px 0px; }
    .iti__flag.iti__ua {
      height: 14px;
      background-position: -5175px 0px; }
    .iti__flag.iti__ug {
      height: 14px;
      background-position: -5197px 0px; }
    .iti__flag.iti__um {
      height: 11px;
      background-position: -5219px 0px; }
    .iti__flag.iti__un {
      height: 14px;
      background-position: -5241px 0px; }
    .iti__flag.iti__us {
      height: 11px;
      background-position: -5263px 0px; }
    .iti__flag.iti__uy {
      height: 14px;
      background-position: -5285px 0px; }
    .iti__flag.iti__uz {
      height: 10px;
      background-position: -5307px 0px; }
    .iti__flag.iti__va {
      height: 15px;
      background-position: -5329px 0px; }
    .iti__flag.iti__vc {
      height: 14px;
      background-position: -5346px 0px; }
    .iti__flag.iti__ve {
      height: 14px;
      background-position: -5368px 0px; }
    .iti__flag.iti__vg {
      height: 10px;
      background-position: -5390px 0px; }
    .iti__flag.iti__vi {
      height: 14px;
      background-position: -5412px 0px; }
    .iti__flag.iti__vn {
      height: 14px;
      background-position: -5434px 0px; }
    .iti__flag.iti__vu {
      height: 12px;
      background-position: -5456px 0px; }
    .iti__flag.iti__wf {
      height: 14px;
      background-position: -5478px 0px; }
    .iti__flag.iti__ws {
      height: 10px;
      background-position: -5500px 0px; }
    .iti__flag.iti__xk {
      height: 15px;
      background-position: -5522px 0px; }
    .iti__flag.iti__ye {
      height: 14px;
      background-position: -5544px 0px; }
    .iti__flag.iti__yt {
      height: 14px;
      background-position: -5566px 0px; }
    .iti__flag.iti__za {
      height: 14px;
      background-position: -5588px 0px; }
    .iti__flag.iti__zm {
      height: 14px;
      background-position: -5610px 0px; }
    .iti__flag.iti__zw {
      height: 10px;
      background-position: -5632px 0px; }
    .iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url('flags.png');
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .iti__flag {
        background-image: url('flags@2x.png'); } }
    .iti__flag.iti__np {
    background-color: transparent; }


/* General Styles */
#content {
  padding-top: 0px !important;
}


/* Home Banner Style */
.mainsliderjst{
	 clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 97%, 0 100%);
	max-height: 575px;
}
.homesliderjts{
  width: 100%;
  margin: 0 auto;
}
.homesliderjts .flexslider{
  height: 58rem !important;
/*   clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 97%, 0 100%); */
}

#metaslider-id-276 .flexslider .flex-direction-nav li a {
  background-color: rgb(1 111 185 / 0%);
  color: #ffff !important;
/*   border: none; */
}
#metaslider-id-276 .flexslider .flex-control-nav li a:not(.flex-active) {
  background: rgb(255 249 249 / 89%);
/*   width: 3rem;
  height: 2px; */
  border-radius: 0;
  background: #016fb9;
  opacity: 0.7;
/*   border: none; */
}
.metaslider.ms-theme-databold .flexslider .flex-control-nav li a {
/*   width: 3rem;
  height: 2px; */
  border-radius: 0;
  background: #016fb9;
  opacity: 0.7;
/*   border: none; */
	bottom: 10% !important;
/*     position: absolute; */
}

.metaslider.ms-theme-databold .flexslider .flex-control-nav li a.flex-active {
  background: #fff;
/*   width: 3rem;
  height: 2px; */
  border-radius: 0;
	 bottom: 10% !important;
/*     position: absolute; */
/*   border: none !important; */
}

#metaslider-id-276 .flexslider .flex-control-nav li a:not(.flex-active) {
  background: #9E9E9E !important;
	 bottom: 10% !important;
/*     position: absolute; */
}

.capabilities-icon-cnt-col:hover {
  transform: translateY(0.5rem);
}
.digital-transformation-banner {
  position: relative;
}
.digital-transformation-banner::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.5;
}
.metaslider.ms-theme-databold .flexslider .flex-control-nav{
	    bottom: 10% !important;
    position: absolute;
}

.banner-title-wrap {
  position: relative;
}
.banner-title-wrap h1 {
  font-weight: 700;
}
.capabilities-icon-title-col {
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.etl-cnt-title-wrap h4 {
  font-weight: 600;
  text-transform: capitalize;
}

#metaslider-id-276 .flexslider .caption-wrap .caption {
  background: #ffffff00 !important;
  top:70% !important;
}
.metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
  padding: 5rem !important;
  left: 60px;
  transform: translateY(-50%);
  position: absolute;
  min-width: calc(33% - 60px);
  max-width: calc(50% - 60px);
  background: #fff;
  box-shadow: none !important;
  color: #333;
  top:60%;
  z-index: 2;
}
#metaslider-id-276 .flexslider .caption-wrap .caption p{
  font-size: 1.9rem;
  font-weight: 600;
  text-align: left;
  margin: 1.3rem 0;
  color:#fff;
  transition: all 0.2s ease;
  animation: movefromTop 1s ease-out;
  cursor: pointer;
}

#metaslider-id-276 .flexslider .caption-wrap .caption a, #metaslider-id-276 .flexslider .caption-wrap .caption a:link,#metaslider-id-276 .flexslider .caption-wrap .caption a:visited {
  background-color: #ffffff;
  display: inline-flex;
  padding: 1.2rem 3rem;
  position: relative;
  z-index: 100;
  color: #b8272a !important;
  font-size: 1.69rem;
  font-weight: 600;
  text-decoration: none;
  border: none;
/*   transition: all 0.2s ease; */
  margin: 1rem 0;
  border-radius: 3px;
	    animation: movefromBottom 1s ease-out;
    cursor: pointer;
}

.metaslider .caption-wrap .caption img {
  position: absolute;
  bottom: 10px;
  left: 330px;
  width: 10rem;
  height: 10rem;
/*   bottom: 2rem;
  left: 50%; */
}
.metaslider .caption-wrap{
	bottom:.25rem !important;
	position:absolute;
}
.metaslider .caption-wrap .caption h1 {
  font-weight: 700;
  font-size: 6rem;
  animation:movetoBottom 2s ease-out !important;
  text-align: left;
  color: #ffffff;
  text-transform: capitalize;
}
.metaslider .caption-wrap .caption h4 {
  animation: invisible 4s ease-out;
  font-size: 2.5rem;
  margin: 1rem 0;
  text-align: left;
  color: #ffffff;
  letter-spacing: 0.66px;
}

.metaslider .caption-wrap .caption h2 {
    font-weight: 700;
    font-size: 3.2rem;
    animation: movetoBottom 2s ease-out;
    text-align: left;
    color: #ffffff;
    text-transform: capitalize;
}

.welocme_badge h2 {
  margin: 0;
  font-weight: 700;
  font-size: 4rem;
}
#metaslider-id-276 .flexslider .flex-direction-nav li a:hover {
  background-color: rgb(1 111 185 / 0%) !important;
  color:#fff !important;
}

#metaslider-id-276 .flexslider .flex-direction-nav li a {
  background-color: rgb(1 111 185 / 0%) !important;
  width: 10rem !important;
  height: 4rem !important;
  color:#fff !important;
}

.homeabout h3 {
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #0c2957;
}
.homeabout strong{
  color: #000 !important;
}
.homeabout p{
  margin-bottom: 1.5rem !important;
}

.HomeAbout hr {
  height: 0.5rem;
  width: 25rem;
  background-color: #b8272a;
  opacity: 1;
  margin: 0 0 1.5rem 0;
}

.hometitle_two h2 {
  color: #0c2957;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 12rem;
  text-align: center;
  max-width: fit-content;
  margin: 0 auto;
  overflow: visible;
}

.hometitle_two h2::before {
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   left: 31%; */
}
.hometitle_two h2::after{
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #b8272a;
	right: 0;
}

.hometitle_two h4{
  font-weight: 600;
    font-size: 2rem;
    margin-bottom: 0;
    text-align: center;
}
.hometitle_two p{
  text-align: justify;
}

.hometitle_cex h2 {
  color: #0c2957;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 12rem;
  text-align: center;
  max-width: fit-content;
  margin: 0 auto;
  overflow: visible;
}
 .hometitle_cex h2::before {
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   left: 25%; */
}
.hometitle_cex h2::after{
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   right: 25%; */
} 

.homesponsors .panel-grid-cell img{
  height: 9.9rem;
    margin: 1.66rem;
    transition: all 0.3s ease;
    display: inline-flex;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1)
}

.homesponsors .panel-grid-cell img:hover {
  filter: hue-rotate(90deg);
  transform: translateY(2px);
}
.homesponsors .logolists img {
  height: 9.9rem;
  margin: 1.66rem;
  transition: all 0.3s ease;
  display: inline-flex;
  border-radius: 0.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.bulletpoints li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
  text-align: left;
}
.HomeTitles hr {
  height: 0.5rem;
  width: 25rem;
  background-color: #b8272a;
  opacity: 1;
  margin: 0 0 1.5rem 0;
}
.HomeTitles h2{
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #0c2957;
}
.HomeTitles h3{
  font-size: 3.1rem;
text-transform: capitalize;
font-weight: 700;
margin-bottom: 1.5rem;
color: #0c2957;
}
.hometitle_capb h2 {
  color: #0c2957;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 12rem;
  text-align: center;
  max-width: fit-content;
  margin: 0 auto;
  overflow: visible;
}
 .hometitle_capb h2::before {
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   left: 31%; */
}
.hometitle_capb h2::after{
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   right: 31%; */
} 
.HomeAbout .sow-image-container:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  top: -10%;
  bottom: -10%;
  background-color: #ffffff;
  width: 80%;
  height: 120%;
  box-shadow: 0 0 2.5rem 1rem rgba(0, 0, 0, 0.07);
  transition: all 0.5s ease;
}
.HomeAbout .sow-image-container:hover:after {
  box-shadow: 0 0 2rem 0.5rem rgba(0, 0, 0, 0.09);
  top: -8%;
  bottom: -8%;
  height: 116%;
}
.HomeAbout .sow-image-container img{
  position: relative;
  z-index: 1;
  vertical-align: middle;
  height: auto;
}

.HomeAbout .sow-image-container {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  height: auto;
}
.homesliderjts .ms-image img{
	transform: translateY(-24px);
}
.homesliderjts .flexslider .caption-wrap .caption a{
    animation: movefromBottom 1s ease-out;
    cursor: pointer;
} 
.homesliderjts .ms-theme-databold .flexslider .flex-direction-nav li a{
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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);	
}
.missnonvissionbox{
 	margin-top:6rem;
}
.missnonvissionbox h3{
	align-items: center;
    color: #ffffff;
    font-size: 2.5rem;
    margin-bottom: 2rem;
    margin-left: 1rem;
    letter-spacing: 0.66px;
    font-weight: 500;
    line-height: 1.2;
	padding-top: .5rem;
}
#metaslider-id-276 .flexslider .flex-control-nav li a:not(.flex-active){
/* width: 30px;
    height: 3px; */
}

#metaslider-id-276 .flexslider .flex-direction-nav li a:after, #metaslider-id-276 .flexslider .flex-direction-nav li a:hover:after{
    background-color: rgb(255 255 255) !important
}
.metaslider.ms-theme-databold .flexslider .flex-direction-nav li a:after{
mask-position: center !important;
	    mask-size: 14px auto !important;
}

.sap-success-two-lft-col .bulletpoints li::after {
  background-color: #ffa800;
}

.sap-success-two-lft-col .bulletpoints li::before {
  background-color: #ffffff;
}
.s4hana-three-col-img img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.glance-list-cnt-col-wrap .capabilities-list-cnt-col h4 {
	font-weight: 600;
}
.glance-list-cnt-col-wrap .capabilities-cnt-list-col h4 {
	font-weight: 600;
}
.glance-list-cnt-col-wrap .glance-list-cnt-col h4 {
	font-weight: 600;
}
.aboutimgcont .so-widget-image{
	    max-height: 10rem;
    display: inline-flex;
    border-radius: 1rem;
    border: 2px solid #ffffff;
}
.hometitle_about h2 {
  color: #0c2957;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 12rem;
  text-align: center;
  max-width: fit-content;
  margin: 0 auto;
  overflow: visible;
}
 .hometitle_about h2::before {
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   left: 34%; */
}
.hometitle_about h2::after{
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   right: 34%; */
} 
.hometitle_war h2 {
  color: #0c2957;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 12rem;
  text-align: center;
  max-width: fit-content;
  margin: 0 auto;
  overflow: visible;
}
 .hometitle_war h2::before {
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   left: 18%; */
}
.hometitle_war h2::after{
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   right: 18%; */
} 
.overviewtitle_cex h2 {
  color: #0c2957;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 12rem;
  text-align: center;
  max-width: fit-content;
  margin: 0 auto;
  overflow: visible;
}
.overviewtitle_cex h2::before {
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   left: 26%; */
}
.overviewtitle_cex h2::after{
  content: "";
  height: 0.5rem;
  width: 10rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #b8272a;
/*   right: 26%; */
} 
.contactinfo .sow-headline-container h2.sow-headline {
    font-size: 3rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #B61F24;
    font-weight: 700;
}
.contactinfo .sow-headline-container p.sow-sub-headline{
	font-size:large;
}
.thumbdetails h3{
	font-weight: 600;
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #b8272a;
}
.thumbdetails p{
	text-align:justify;
}

/* Logo Listing Section Styles */
.logo-listing-col-wrap .gallery {
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.5rem;
}
.logo-listing-col-wrap .gallery .gallery-item {
	max-width: fit-content !important;
/* 	margin: 0px !important; */
	 margin: 1.66rem;
}

.logo-listing-col-wrap .gallery .gallery-item img {	
/*   margin: 1.66rem; */
  transition: all 0.3s ease;
  display: inline-flex;
  border-radius: 0.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
	height: 9.9rem;
	max-width: fit-content;
}
.logo-listing-col-wrap .gallery .gallery-item:hover img {
	filter: hue-rotate(90deg);
  transform: translateY(2px);
}
.logo-listing-col-wrap .gallery .gallery-item:nth-of-type(40), .logo-listing-col-wrap .gallery .gallery-item:nth-of-type(41){
	max-width: 365px !important;
}
.logo-listing-col-wrap .gallery .gallery-item:nth-of-type(40) img, .logo-listing-col-wrap .gallery .gallery-item:nth-of-type(41) img {
	max-width: 100% !important;
}

/* SAP Success factor Page styles */
.sap-hcm-col-wrap .panel-grid-cell:nth-of-type(2) .widget,
.sap-hcm-col-wrap .panel-grid-cell .widget .sap-hcm-img-wrap,
.sap-hcm-col-wrap .panel-grid-cell .widget .sap-hcm-img-wrap .so-widget-sow-image,
.sap-hcm-col-wrap .panel-grid-cell .widget .sap-hcm-img-wrap .sow-image-container,
.sap-hcm-col-wrap .panel-grid-cell .widget .sap-hcm-img-wrap .sow-image-container img  {
	height: 100%;
}
.sap-hcm-col-wrap .panel-grid-cell .widget .sap-hcm-img-wrap .sow-image-container img {
	object-fit: fill;
}


/* Integrated Process Solution Page SAP Workflows tab styles */
.sap-workflows-tab-wrap .custom-html-widget h3 {
  display: none !important;
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs {
  border-bottom: 1px solid #dddddd !important;
  display: flex;
  justify-content: center;
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li {
	background: transparent;
  	margin-bottom: 0.69rem !important;
	margin-left: 0.69rem !important;
	margin-right: 0.69rem !important; 	
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li.active a {
	border-bottom: 3px solid #b8272a !important;
}
.sap-workflows-tab-wrap .wpsm_nav-tabs > li.active > a, 
.sap-workflows-tab-wrap .wpsm_nav-tabs > li.active > a:hover, 
.sap-workflows-tab-wrap .wpsm_nav-tabs > li.active > a:focus {
	border-top: 1px solid transparent;
	border-left: 1px solid transparent; 
	border-right: 1px solid transparent;
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li > a {
	font-weight: 600;
	display: flex;
  	flex-direction: column;
	padding-bottom: 8px !important;
	border-bottom: 3px solid transparent !important;
	align-items: center;
	opacity: 0.5;
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li.active > a,
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li.active > a:hover, 
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li.active > a:focus {
	opacity: 1;
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li > a:hover {
	border-top: 1px solid transparent;
	border-left: 1px solid transparent; 
	border-right: 1px solid transparent;
	border-bottom: 3px solid #b8272a !important;
	background: transparent;
	color: #b8272a !important;
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li > a:focus {
	background: transparent;
}
.sap-workflows-tab-wrap #tab_container_2243 .tab-content {
	text-align: center;
	padding: 40px 20px 20px;
}
.sap-workflows-tab-wrap #tab_container_2243 .tab-content .tab-pane img {
	max-height: 50rem;
	max-width: 100%;
  	height: auto;
  	object-fit: contain;
}
.sap-workflows-tab-wrap .wpsm_nav-tabs li a .fa {
    display: none; /* Hide the original Font Awesome icon */
}
.sap-workflows-tab-wrap .wpsm_nav-tabs li a .tab-icon-wrap {  
  display: inline-flex;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #919191;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;  
}
.sap-workflows-tab-wrap .wpsm_nav-tabs li a .tab-icon-wrap img {
	width: 2.8rem;
  	height: 2.8rem;  
  	transition: all 0.2s ease;
}
.sap-workflows-tab-wrap .wpsm_nav-tabs > li.active a .tab-icon-wrap {
	background-color: #b8272a;	
}
.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li > a:hover .tab-icon-wrap {
	background-color: #b8272a;	
}

.key-capabilities-title-wrap h2 {
	font-weight: 500;
}
.process-ips-title-wrap h2 {
	font-weight: 500;
}
.integrated-solution-title-wrap h2 {
	font-weight: 500;
}

/* Integrated Process Solution Page Key Capabilities tab styles */
.key-capabilities-tab-wrap .custom-html-widget > h3 {
  display: none !important;
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs {
  border-bottom: 1px solid #dddddd !important;
  display: flex;
  justify-content: center;
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li {
	background: transparent;
	margin-left: 0.69rem !important;
	margin-right: 0.69rem !important; 	
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li.active a {
	border-bottom: 3px solid #b8272a !important;
}
.key-capabilities-tab-wrap .wpsm_nav-tabs > li.active > a, 
.key-capabilities-tab-wrap .wpsm_nav-tabs > li.active > a:hover, 
.key-capabilities-tab-wrap .wpsm_nav-tabs > li.active > a:focus {
	border-top: 1px solid transparent;
	border-left: 1px solid transparent; 
	border-right: 1px solid transparent;
	background: transparent;	
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li > a {
	font-weight: 600;
	display: flex;
	padding-bottom: 8px !important;
	border-bottom: 3px solid transparent !important;
	align-items: center;
	opacity: 0.5;
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li.active > a,
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li.active > a:hover, 
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li.active > a:focus {
	opacity: 1;
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li > a:hover {
	border-top: 1px solid transparent;
	border-left: 1px solid transparent; 
	border-right: 1px solid transparent;
	border-bottom: 3px solid #b8272a !important;
	background: transparent;
	color: #b8272a !important;
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li > a:focus {
	background: transparent;
}
.key-capabilities-tab-wrap #tab_container_2351 .tab-content {
	text-align: center;
	padding: 5rem;
	margin-top: 5px;
}
.key-capabilities-tab-wrap #tab_container_2351 .tab-content .tab-pane img {
	max-height: 50rem;
	max-width: 100%;
  	height: auto;
  	object-fit: contain;
}
.key-capabilities-tab-wrap .wpsm_nav-tabs li a .fa {
    display: none; /* Hide the original Font Awesome icon */
}
.key-capabilities-tab-wrap .wpsm_nav-tabs li a .tab-icon-wrap {  
  display: inline-flex;  
  background-color: transparent;
  align-items: center;
  justify-content: center;
/*   border-radius: 50%; */
  transition: all 0.2s ease;  
  margin-right: 0.69rem;
}
.key-capabilities-tab-wrap .wpsm_nav-tabs li a .tab-icon-wrap img {
	width: 2.2rem;
  	height: 2.2rem;  
  	transition: all 0.2s ease;
}
.key-capabilities-tab-wrap .wpsm_nav-tabs > li.active a .tab-icon-wrap {
/* 	background-color: #b8272a; */	
}
.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li > a:hover .tab-icon-wrap {
/* 	background-color: #b8272a; */	
}
.key-capabilities-tab-wrap #tab_container_2351 .tab-content h3 {
	text-align: left;
	font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.popmake .popmake-title {
	background-color: #b8272a !important;
  	display: flex;
  	flex: 1;
  	align-items: center;
  	color: #ffffff !important;
  	text-transform: capitalize !important;
	padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popmake .wpcf7-submit {
	width: 100%;
}
.popmake .wpcf7-spinner {
	position: absolute;
}
.popmake .wpcf7-form textarea {
	max-height: 134px;
}
#pum-2405 .pum-container .pum-title {
/* 	margin-bottom: 0px; */
	font-weight: 700;
    margin: 0;
    font-size: 2rem;
	line-height: 1.5;
}
#pum-2405 .pum-container .pum-content {
	font-weight: 400;
	color: #333;
	font-size: 1.66rem;
    line-height: 1.5;
}
#pum-2405 .ltsTalk .contacts {
	display: flex !important;
	flex-direction: column;
    align-items: flex-start;
	grid-row-gap: 0;
}
#pum-2405 .ltsTalk .contacts-cnt-wrap {
    display: flex;
	margin-bottom: 1rem;
}
#pum-2405 .ltsTalk .contact-cnt-wrap-scnd {
	margin-bottom: 0px;
}

#pum-2405 .ltsTalk .contacts-cnt-wrap span {
	margin-right: 5px;
}
#pum-2405 .ltsTalk .contacts-cnt-wrap span img {
	padding: 0.3rem;
}
.findUs a img {
  height: 1.69rem;
  width: 1.69rem;
  fill: #ffffff;
}
#pum-2405 .popmake .wpcf7-submit {
	max-width: fit-content;
}
#pum-2405 .formGroup p br,
#popmake-2399 .formGroup p br,
#pum-2438 .formGroup p br,
#popmake-2441 .formGroup p br,
#pum-2446 .formGroup p br,
#pum-2451 .formGroup p br,
#pum-3004 .formGroup p br,
#pum-2998 .formGroup p br {
	display: none;
}
#pum-2405 .popmake .wpcf7-form textarea,
#pum-2451 .popmake .wpcf7-form textarea {
  max-height: 101px;
}

.sfsi_plus_widget .sfsi_plus_wDiv .sfsi_plus_wicons .sfsiplus_inerCnt a, .sfsi_plus_widget .sfsi_plus_wDiv .sfsi_plus_wicons .sfsiplus_inerCnt a.sficn {
	border-radius:50% !important;
	    width: 2.5rem;
    height: 2.5rem;
}

.sfsi_plus_widget .sfsi_plus_wDiv .sfsi_plus_wicons .sfsiplus_inerCnt a:hover, .sfsi_plus_widget .sfsi_plus_wDiv .sfsi_plus_wicons .sfsiplus_inerCnt a:hover.sficn {
	background:#b8272a !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{
	    width: 48px !important;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
	display:none !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 53px !important;
}
.wpcf7-not-valid-tip{
	display:none;
}

#contactpopupform .was-validated .form-control:invalid, 
#contactpopupform  .form-control.is-invalid,
#erpdemopopupform .was-validated .form-control:invalid, 
#erpdemopopupform .form-control.is-invalid,
#hcmbrochurepopupform .was-validated .form-control:invalid, 
#hcmbrochurepopupform  .form-control.is-invalid,
#microsftbrochurepopupform .was-validated .form-control:invalid, 
#microsftbrochurepopupform  .form-control.is-invalid,
#erpbrochurepopupform .was-validated .form-control:invalid, 
#erpbrochurepopupform  .form-control.is-invalid,
#djerpdemopopupform .was-validated .form-control:invalid, 
#djerpdemopopupform  .form-control.is-invalid {
	border-color: rgba(16, 16, 16, 0.2) !important;
    padding-right: 0 !important;
	background-image: none !important;
}
#contactpopupform .was-validated .form-control:invalid:focus, 
#contactpopupform .form-control.is-invalid:focus,
#erpdemopopupform .was-validated .form-control:invalid:focus, 
#erpdemopopupform .form-control.is-invalid:focus,
#hcmbrochurepopupform .was-validated .form-control:invalid:focus, 
#hcmbrochurepopupform .form-control.is-invalid:focus,
#microsftbrochurepopupform .was-validated .form-control:invalid:focus, 
#microsftbrochurepopupform .form-control.is-invalid:focus,
#erpbrochurepopupform .was-validated .form-control:invalid:focus, 
#erpbrochurepopupform .form-control.is-invalid:focus,
#djerpdemopopupform .was-validated .form-control:invalid:focus, 
#djerpdemopopupform .form-control.is-invalid:focus {
    border-color: rgba(16, 16, 16, 0.2) !important;
    box-shadow: none !important;
  }
#contactpopupform .form-control.wpcf7-not-valid,
#erpdemopopupform .form-control.wpcf7-not-valid,
#hcmbrochurepopupform .form-control.wpcf7-not-valid,
#microsftbrochurepopupform .form-control.wpcf7-not-valid,
#erpbrochurepopupform .form-control.wpcf7-not-valid,
#djerpdemopopupform .form-control.wpcf7-not-valid {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    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") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
  }
#contactpopupform .form-control.wpcf7-not-valid:focus,
#erpdemopopupform .form-control.wpcf7-not-valid:focus,
#hcmbrochurepopupform .form-control.wpcf7-not-valid:focus,
#microsftbrochurepopupform .form-control.wpcf7-not-valid:focus,
#erpbrochurepopupform .form-control.wpcf7-not-valid:focus,
#djerpdemopopupform .form-control.wpcf7-not-valid:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
  }

#contactpopupform .formGroup .wpcf7-newsletters-wrap label,
#hcmbrochurepopupform .formGroup .wpcf7-newsletters-wrap label,
#erpbrochurepopupform .formGroup .wpcf7-newsletters-wrap label,
#microsftbrochurepopupform .formGroup .wpcf7-newsletters-wrap label,
#cjbrochurepopupform .formGroup .wpcf7-newsletters-wrap label {
	font-weight: 400;
	display: flex;
	font-size: 14px;
	align-items: flex-start;
}
#contactpopupform .formGroup .wpcf7-newsletters-wrap input,
#hcmbrochurepopupform .formGroup .wpcf7-newsletters-wrap input,
#erpbrochurepopupform .formGroup .wpcf7-newsletters-wrap input,
#microsftbrochurepopupform .formGroup .wpcf7-newsletters-wrap input,
#cjbrochurepopupform .formGroup .wpcf7-newsletters-wrap input {
	margin-right: 8px;
	margin-top: 3px;
}
.pastperpopupform .formGroup .wpcf7-newsletters-wrap label {
	font-weight: 400;
	display: flex;
	font-size: 14px;
	align-items: flex-start;
}
.pastperpopupform .formGroup .wpcf7-newsletters-wrap input {
	margin-right: 8px;
	margin-top: 3px;
}
#digitalpopupform .wpcf7-newsletters-wrap label,
#contactusform .wpcf7-newsletters-wrap label {
	font-weight: 400;
	display: flex;
	font-size: 14px;
    align-items: flex-start;
}
#digitalpopupform .wpcf7-newsletters-wrap input {
	margin-right: 8px;
	margin-top: 3px;
}
#contactusform .wpcf7-newsletters-wrap input {
	margin-right: 8px;
	margin-top: 5px;
}

/* Contract Page Styles */
.contract-tab-content-wrap .sow-tabs .sow-tabs-tab-container {
	padding: 12px 0px 0px 0px;
	border-bottom: 1px solid #8B0000;
	gap: 6px;
}
.contract-tab-content-wrap .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
	margin: 0px;
}
.contract-tab-content-wrap .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
	padding: 30px 0px 30px 0px;
}
.contract-tab-content-wrap .sow-tabs-panel-container .sow-tabs-panel-content .contract-grid  {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 35px;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-card {	
	background: #F5F8FE;
	border: 1px solid #D7D9DC;
	box-shadow: 0px 0px 24px 15px rgba(190, 197, 211, 0.58);
	border-radius: 10px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 1 30%;
    max-width: 100%;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-card .contract-image img {
  	width: 100%;
  	height: auto;
  	display: block;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap {
    padding: 20px;
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap .contract-title {
  font-weight: 700;
  color: #8B0000;
  font-size: 20px;
  line-height: 30px;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap .contract-excerpt {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
	color: #555;
	padding-bottom: 15px;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap .contract-readmore {
    background-color: #222;
    color: #fff;
    text-decoration: none;
    margin-top: auto;
  	display: inline-block;
  	padding: 10px 15px;
    border-radius: 6px;
	transition: all 0.3s ease;
	text-align: right;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap .contract-readmore:hover {
	color: #fff;
	background-color: #8B0000;	
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap .contract-readmore .button-text {
    display: inline-block;
    transition: transform 0.3s ease;
}
.contract-tab-content-wrap .sow-tabs-panel-content .contract-grid .contract-cnt-wrap .contract-readmore:hover .button-text {
	transform: translateX(7px);
}

/* Contract Details Page Styles */
.contract-boxtitle {
  display: flex;
  justify-content: center;
  flex: 1;  
  align-items: center;
  flex-direction: column;
}
.contract-boxtitle h2 {
  padding: 1rem 2.5rem 1rem 0rem;
  background-color: #8B0000;
  color: #fff;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2rem;
}
.contract-boxtitle h2 span {
  margin: -1rem 0rem;
  display: inline-flex;
  position: relative;
  background-color: #222222;
  padding: 1rem 1.5rem;
}
.contract-details-highlight{
	font-size: 26px;
    line-height: 46px;
    color: #555;
}
.contract-details-highlight .so-widget-sow-editor strong { 
	color: #555;
}
.contract-details-highlight .so-widget-sow-editor span {
	font-weight: 600;
}
.contract-details-tabs-wrap .sow-tabs .sow-tabs-tab-container {
	padding: 12px 0px 0px 0px !important;
	gap: 6px;
}

.contract-details-tabs-wrap .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
	margin: 0px !important;
}
.contract-details-tabs-wrap .sow-tabs-panel-container .sow-tabs-panel {
	padding: 30px 0px 30px 0px !important;
}
.contract-details-tabs-wrap .contract-details-tab-cnt .sow-tabs-panel-content {
	font-size: 18px !important;
}
.contract-details-tabs-wrap .contract-details-tab-cnt .sow-tabs-panel-content .textcontent {
  padding-top: 25px;
}
.contract-details-tabs-wrap .contract-details-tab-cnt .sow-tabs-panel-content .textcontent h4 {
	position: relative;
    padding-left: 2.5rem;	
	font-weight: 700;
}
.contract-details-tabs-wrap .contract-details-tab-cnt .sow-tabs-panel-content .textcontent h4::before {
  content: "";
  position: absolute;
  color: #ea4234;
  left: 0;
  top: 2px;
  width: 0.7rem;
  height: 1.4rem;
  background-color: #ea4234;
}
.contract-details-tabs-wrap .contract-details-tab-cnt .sow-tabs-panel-content .textcontent h4::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0.7rem;
  width: 0.7rem;
  height: 1.4rem;
  background-color: #1b1c21;
  z-index: 1;
}
.contract-details-tabs-wrap .contract-details-tab-cnt .sow-tabs-panel-content .textcontent p {
	padding-left: 2.5rem;
}



/* Responsive CSS */
/* General Styles */
@media(max-width: 1500px) {
	.mainsliderjst {
		max-height: 515px;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 55% !important;
	}
	.homesliderjts .flexslider {
		max-height: 515px !important;
	}
	.metaslider.ms-theme-databold .flexslider .flex-control-nav {
		bottom: 6% !important;
	}
	.metaslider .caption-wrap .caption img {
		bottom: 0px;
	}
}
@media(max-width: 1400px) {
	.mainsliderjst {
		max-height: 500px;
		height: 485px !important;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 48% !important;
	}
	.homesliderjts .flexslider {
		max-height: 485px !important;
		height: 485px !important;
	}	
}
@media(max-width: 1300px) {
	.mainsliderjst {
		max-height: 445px;
		height: 445px !important;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 48% !important;
		min-width: calc( 60% - 50px);
  		max-width: calc( 60% - 50px);
		padding: 5rem 4rem !important;
	}
	.homesliderjts .flexslider {
		max-height: 445px !important;
		height: 445px !important;
	}	
	.metaslider .caption-wrap .caption img {
		bottom: -10px;
	  }
}
@media(max-width: 1201px) {
	.two-col-img-content-wrap {
		flex-wrap: wrap !important;
	}
	.two-col-img-content-wrap .panel-grid-cell{
		width: 100% !important;
	}
	 .two-col-img-content-wrap.two-col-lft-img-content-wrap .panel-grid-cell:first-child {
		order: 2;
	}
	.two-col-img-content-wrap .two-col-img-cntent-title {
		margin: 3rem 0 0 !important;
	}		
}
@media(max-width: 1180px) {
	.mainsliderjst {
		max-height: 435px;
    	height: 435px !important;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 48% !important;
	}
	.homesliderjts .flexslider {
		max-height: 435px !important;
    	height: 435px !important;
	}
	.homesliderjts  .flexslider .slides li > img {
		height: 460px;
	}
}
@media(max-width: 1024px) {
	.mainsliderjst {
		max-height: 400px !important;
    	height: 400px !important;
	}
	.mainsliderjst .homesliderjts .flexslider {
		max-height: 400px !important;
    	height: 400px !important;
	}   
	.mainsliderjst .homesliderjts .slides {
/* 		height: 38vh; */
	}
	.mainsliderjst .homesliderjts .flexslider .slides li.ms-image > img {
		height: 430px !important; 
	}
	 #metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 60% !important;
	  }
	
	.metaslider .caption-wrap .caption img {
    	height: 30%;
		left: 210px;
    	bottom: 0px;
   }
	.metaslider .caption-wrap {
    	bottom: 5.25rem !important;
   }
	.metaslider .caption-wrap .caption h2 {
/*     font-weight: 600; */
    	font-size: 25px;
    }
	.metaslider .caption-wrap .caption h4 {
		animation: invisible 4s ease-out;
		font-size: 16px;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption a, #metaslider-id-276 .flexslider .caption-wrap .caption a:link, #metaslider-id-276 .flexslider .caption-wrap .caption a:visited{
		padding: 6px 12px !important;
		font-size: 1.4rem;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption p {
		font-size: 14px;
	}
	#metaslider-id-276 .flexslider .flex-direction-nav li a {
		height: 5rem !important;
	}
}

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {    
    width: 100%;
    max-width: 126rem;
  }
	footer .footerlinks div {
		padding: 0;
	}
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container { 
	    width: 100%;
    	max-width: 126rem;
	}	
	
}
@media (min-width: 576px) {
  .container-sm, .container {
        width: 100%;
    	max-width: 126rem;
  }
	.navbar {
		padding: 0 1rem;
	}	
}

@media(max-width: 768px){
	.navbar {
		padding: 0 1rem;
	}
}


/* Integrated Process Solution Page Slider Styles */
#depicter-2 {
	margin: 0px auto;
}
@media(max-width: 768px) {
	#depicter-2 .depicter-symbol-container {
		display: none;
	}
	#depicter-2 .depicter-layers-container h2 br {
		display: none;
	}	
}

/* Integrated Process Solution Tab Section Styles */
@media(max-width: 992px) {
	.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs {
		flex-wrap: wrap;
       /* flex-direction: column; */
	}
	.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs {
		flex-wrap: wrap;
	}
}
@media(max-width: 768px) {
	.integrated-solution-title-wrap h2 br {
		display: none;
	}
	
	.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li.active a,
	.sap-workflows-tab-wrap #tab_container_2243 .wpsm_nav-tabs > li > a:hover {
		border-bottom: 3px solid transparent !important;
	}
	.sap-workflows-tab-wrap #tab_container_2243 .tab-content .tab-pane img {
		max-height: inherit;
	}
	.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li.active a,
	.key-capabilities-tab-wrap #tab_container_2351 .wpsm_nav-tabs > li > a:hover {
		border-bottom: 3px solid transparent !important;
	}
}

/* Menu Styles */
@media only screen and (max-width: 1200px) {
    #mega-menu-wrap-max_mega_menu_1:has(.mega-menu-open) #mega-menu-max_mega_menu_1[data-effect-mobile^="slide_"] + button.mega-close::before { 
		width: 20px;
    	height: 20px;
	}
	#mega-menu-wrap-max_mega_menu_1:has(.mega-menu-open) #mega-menu-max_mega_menu_1[data-effect-mobile^="slide_"] + button.mega-close {
		background-color: #b8272a;
    	border-radius: 50%;
	}
	 #mega-menu-wrap-max_mega_menu_1:has(.mega-menu-open) #mega-menu-max_mega_menu_1[data-effect-mobile^="slide_right"] + button.mega-close {
		 left: 290px;
		 top: 3px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
		padding: 2rem;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
		letter-spacing: 0.66px;
		max-width: fit-content;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu,
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu ul.mega-sub-menu {
		transform: translateX(0%);
		box-shadow: none;
		max-width: fit-content;
	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
		padding: 0px;
	}
	
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
		width: 22px;
		height: 30px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
		width: 30px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
		top: 8px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
	  top: 16px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner {
	  top: 14px;
	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
	  transform: translate3d(0, -16px, 0) rotate(-90deg);
	}
}
@media(max-width: 991px){
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu,
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu ul.mega-sub-menu { 
		max-width: fit-content;
	}
}
@media(max-width: 576px){
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner {
		top: 10px;
	}
}

/* Home pgae responsive styles */
@media(max-width: 992px) {
	.home-about-two-col-wrap,
	.home-it-service-two-col-wrap,
	.excellence-two-col-wrap {
		flex-wrap: wrap !important;
		padding: 4rem 13.5px !important;
	}
	
	.home-about-two-col-wrap .panel-grid-cell,
	.home-it-service-two-col-wrap .panel-grid-cell,
	.excellence-two-col-wrap .panel-grid-cell{
		width: 100% !important;
	}
	.home-about-two-col-wrap .panel-grid-cell:first-child,
	.excellence-two-col-wrap .panel-grid-cell:first-child {
		order: 2;
	}
	.home-it-service-two-col-wrap .panel-grid-cell:first-child {
		margin-bottom: 0px !important;
	}
	.HomeAbout .sow-image-container::after {
		display: none;
	}	
}
@media(max-width: 768px){
	.hometitle_capb h2,
	.hometitle_two h2,
	.hometitle_cex h2,
	.hometitle_about h2,
	.overviewtitle_cex h2,
	.hometitle_war h2 { 
		font-size: 2.8rem;
		padding: 0 6rem;
	}
	.hometitle_capb h2::before,
	.hometitle_two h2::before,
	.hometitle_cex h2::before,
	.hometitle_about h2::before,
	.overviewtitle_cex h2::before,
	.hometitle_war h2::before { 
		width: 5rem;
	}	
	.hometitle_capb h2::after,
	.hometitle_two h2::after,
	.hometitle_cex h2::after,
	.hometitle_about h2::after,
	.overviewtitle_cex h2::after,
	.hometitle_war h2::after {
		width: 5rem;
	}
	
}




@media only screen and (max-width: 62em) {
	.modula-gallery .modula-items .figc .jtg-title {
		font-size: 2rem !important;
	}
}

@media only screen and (max-width: 54em) {
	.modula-gallery .modula-item {
		width: 33.33% !important;
	}
}
@media only screen and (max-width: 37.5em) {
	.modula-gallery .modula-item {
		width: 50% !important;
	}
	 .vision-header-banner-wrap {
		height: 28rem !important;
	 }
}
@media only screen and (max-width: 25em) {
	.modula-gallery .modula-item {
		width: 100% !important;
	}	
}


/* Corperate Overview page Responsive Styles */
@media(max-width: 992px) {
	.glance-list-cnt-col-wrap .panel-grid-cell {
		width: 100% !important;
		flex: 100% !important;
	}
	.glance-list-cnt-col-wrap .capabilities-list-cnt-col,
	.glance-list-cnt-col-wrap .capabilities-cnt-list-col,
	.glance-list-cnt-col-wrap .glance-list-cnt-col {
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
	.keyDefference {
		flex-direction: row !important;
	}
	.keyDefference .panel-grid-cell {
		flex: 3 !important;
		width: 33.33% !important;
	}
	
	
	.mainsliderjst .homesliderjts .slides li img.slide-280 {
		object-position: left;
  		object-fit: cover;
	}
	.mainsliderjst .homesliderjts.ms-theme-databold .flexslider .caption-wrap .caption {
		min-width: calc( 80% - 50px);
  		max-width: calc( 80% - 50px);
		left: 55px;
	}
}

@media(max-width: 780px) {
	.glance-list-cnt-col-wrap .panel-grid-cell {
		margin-bottom: 0px !important;
	}
}

@media(max-width: 601px) {
	.keyDefference {
		flex-direction: column !important;
	}
	.keyDefference .panel-grid-cell {
		flex: 1 !important;
    	width: 100% !important;
	}
}




@media (max-width: 768px) {
	.mainsliderjst {
		max-height: 388px !important;
    	height: 388px !important;
	}
	.mainsliderjst .homesliderjts .flexslider {
		max-height: 388px !important;
    	height: 388px !important;
	} 
/* 	 .mainsliderjst .homesliderjts .slides {
		height: 500px;
	  }
	.flexslider .slides li > img {
		height: 500px !important;
	} */
	#metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 56% !important;
	}
	.metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
		right: 60px;
		padding: 1rem !important;
		min-width: calc( 100% - 120px) !important;
    	max-width: calc( 100% - 120px) !important;
	}
	 #metaslider-id-276 .flexslider .caption-wrap .caption p {
		font-size: 16px !important;
	  }
	#metaslider-id-276 .flexslider .caption-wrap .caption a, #metaslider-id-276 .flexslider .caption-wrap .caption a:link, #metaslider-id-276 .flexslider .caption-wrap .caption a:visited {
		font-size: 1.4rem !important;
	}
	.mainsliderjst .homesliderjts .metaslider .caption-wrap {
		bottom: 4.25rem !important;
	  }
	.metaslider .caption-wrap .caption img {
		height: 65px !important;
		bottom: 14px;
    	left: 200px;
	}
	.metaslider .caption-wrap .caption h2 {
		font-size: 24px !important;
	}
	.metaslider .caption-wrap .caption h4 {
		font-size: 15px !important;
	}
	#metaslider-id-276 .flexslider .caption-wrap .caption a, #metaslider-id-276 .flexslider .caption-wrap .caption a:link, #metaslider-id-276 .flexslider .caption-wrap .caption a:visited{
		    padding: 1rem 1rem !important;
	}
	
	.mainsliderjst .homesliderjts .slides li img.slide-281 {
		object-position: right;
	}
}
@media (max-width: 575px) {
	.metaslider .caption-wrap .caption img {
/* 		left: 175px; */
	}
	#metaslider-id-276 .flexslider .flex-direction-nav li a {
		width: 5rem !important;
  		height: 5rem !important;
	}
	.metaslider.ms-theme-databold .flexslider .caption-wrap .caption {
		right: 40px;
		left: 40px !important;
		min-width: calc( 100% - 80px) !important;
    	max-width: calc( 100% - 80px) !important;
	}
	 #metaslider-id-276 .flexslider .caption-wrap .caption {
		top: 57% !important;
		 padding: 5rem 1rem !important;
	  }
	.mainsliderjst .homesliderjts .slides li img.slide-281 {
		object-position: center;
	  }
}
@media (max-width: 480px) {
  #metaslider-id-276 .flexslider .caption-wrap .caption {
/*     top: 78% !important; */
  }
	.metaslider .caption-wrap .caption img {
		bottom: -2px;
	}
	.mainsliderjst .homesliderjts .slides li img.slide-281 {
		object-position: center;
	  }
	 #metaslider-id-276 .flexslider .caption-wrap .caption p {
		font-size: 14px !important;
		 line-height: 1.2em;
	  }
	#metaslider-id-276 .flexslider .slide-277 .caption-wrap .caption {
		top: 60% !important;
	  }
	
}

/* Careers page Responsive Styles */
@media(max-width: 1024px) {
	.four-cols .panel-grid-cell{
		flex: calc(24% - ( 0.75 * 15px ) ) !important;
	}	
}
@media(max-width: 992px) {
	.four-cols {
		grid-template-columns: repeat(2, 1fr) !important;
		column-gap: 3rem !important;
		row-gap: 3rem !important;
		display: grid !important;
	}
	.four-cols .panel-grid-cell{
		flex: 1 !important;
		width: 100% !important;
	}	
	
	
}

@media(max-width: 780px) {
	.four-cols .panel-grid-cell {
		margin-bottom: 0px !important;
	}
}

@media(max-width: 400px) {
	.four-cols {
		grid-template-columns: repeat(1, 1fr) !important; 
		column-gap: 3rem !important;
	}
}

/* Operations & Maintenance page Responsive Styles */
@media(max-width: 1024px) {
	.operation-col-cntent-wrap .panel-grid-cell{
		flex: calc(32.3333% - ( 0.66666666666667 * 30px ) ) !important;
	}	
}
@media(max-width: 780px) {
	.operation-col-cntent-wrap .panel-grid-cell{
		flex: 1 !important;
		width: 100% !important;
		margin-bottom: 0px !important;
	}	
}

/* EKR page Responsive Styles */
@media(max-width: 780px) {
	.key-endeavours-col-wrap .panel-grid-cell {
		margin-bottom: 0px !important;
	}
}

/* Managed IT Services page Responsive Styles */
@media(max-width: 1024px){
	.it-service-list-cnt-col-wrap .panel-grid-cell {
		width: 100% !important;
		flex: 100% !important;
	}
	.it-service-list-cnt-col-wrap .capabilities-list-cnt-col,
	.it-service-list-cnt-col-wrap .capabilities-cnt-list-col {
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
	.it-support-list-cnt-col-wrap .panel-grid-cell{
		flex: calc(32.3333% - ( 0.66666666666667 * 30px ) ) !important;
	}	
}
@media(max-width: 780px) {
	.it-support-list-cnt-col-wrap .panel-grid-cell{
		flex: 1 !important;
		width: 100% !important;
		margin-bottom: 0px !important;
	}	
}

/* Cloud Migration & CSP page Responsive Styles */
@media(max-width: 1024px){
	.cloud-migration-title-cole-wrap .panel-grid-cell{
		flex: 100% !important;
		width: 100% !important;
	}	
	.cloud-migration-title-cole-wrap .panel-grid-cell .widget {
		width: 100%;
	}
	.cloud-migration-cnt-col-wrap .panel-grid-cell,
	.cloud-migration-adv-cnt-col-wrap .panel-grid-cell {
		width: 100% !important;
		flex: 100% !important;
	}
	.cloud-migration-cnt-col-wrap .capabilities-list-cnt-col,
	.cloud-migration-cnt-col-wrap .capabilities-cnt-list-col,
	.cloud-migration-adv-cnt-col-wrap .capabilities-list-cnt-col,
	.cloud-migration-adv-cnt-col-wrap .capabilities-cnt-list-col {
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
}

/* Private/Public/Hybrid Cloud Services page Responsive Styles */
@media(max-width: 1024px){
	.hybrid-serv-adv-cnt-col-wrap,
	.public-clud-adv-cnt-col-wrap {
		flex-wrap: wrap !important;
	}
	.hybrid-serv-adv-cnt-col-wrap .panel-grid-cell,
	.public-clud-adv-cnt-col-wrap .panel-grid-cell,
	.private-clud-adv-cnt-col-wrap .panel-grid-cell {
		width: 100% !important;
		flex: 100% !important;
	}
	.hybrid-serv-adv-cnt-col-wrap .capabilities-list-cnt-col,
	.hybrid-serv-adv-cnt-col-wrap .capabilities-cnt-list-col,
	.public-clud-adv-cnt-col-wrap .capabilities-list-cnt-col,
	.public-clud-adv-cnt-col-wrap .capabilities-cnt-list-col,
	.private-clud-adv-cnt-col-wrap .capabilities-cnt-list-col {
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
}




/* Base styles for larger screens (desktop) */
.homesponsors {
    padding: 0 147.4px;
    margin-left: -147.4px;
    margin-right: -147.4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.capabilities-icon-cnt-col {
    height: 149.125px;
    flex: 1 1 20%; /* Each image will take 20% width on large screens, adjusting based on available space */
    margin: 10px; /* Spacing between items */
    text-align: center;
}

.capabilities-icon-cnt-col img {
    width: 100%; /* Make the images responsive */
    height: auto;
    max-width: 120px; /* Optional max width for the images */
}
/* Media query for tablets and smaller devices (max-width: 1024px) */
@media (max-width: 1024px) {
    .homesponsors {
        padding: 0 30px; /* Reduce padding on smaller screens */
        margin-left: 0;
        margin-right: 0;
    }

    .capabilities-icon-cnt-col {
        flex: 1 1 30%; /* 3 items per row */
        margin: 10px; /* Add margin between items */
    }

    .capabilities-icon-cnt-col img {
        max-width: 100px; /* Reduce the max width of images */
    }
}

/* Media query for mobile devices (max-width: 768px) */
@media (max-width: 768px) {
    .homesponsors {
        padding: 0 15px; /* Further reduce padding */
        margin-left: 0;
        margin-right: 0;
    }

    .capabilities-icon-cnt-col {
        flex: 1 1 45%; /* 2 items per row */
        margin: 10px; /* Margin between items */
    }

    .capabilities-icon-cnt-col img {
        max-width: 80px; /* Smaller max-width for images */
    }
}

/* Media query for extra small screens (max-width: 480px) */
@media (max-width: 480px) {
    .homesponsors {
        padding: 0 10px; /* Minimal padding for small screens */
    }

    .capabilities-icon-cnt-col {
        flex: 1 1 100%; /* 1 item per row */
        margin: 10px 0; /* Vertical spacing between items */
    }

    .capabilities-icon-cnt-col img {
        max-width: 60px; /* Further reduce max-width for images */
    }
	.homesliderjts .ms-image img {
    transform: translateY(1px);
}
	
}

/* PTC page Responsive Styles */
@media(max-width: 1024px){
	.ptc-cnt-list-col-wrap  .panel-grid-cell {
		width: 100% !important;
		flex: 100% !important;
	}
	.ptc-cnt-list-col-wrap .windchill-cnt-list-frst-col,
	.ptc-cnt-list-col-wrap .ptc-cnt-list-col,
	.ptc-cnt-list-col-wrap .ptc-list-cnt-trd-col	{
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
	.solution-area-col-wrap .panel-grid-cell {
		flex: 100% !important;
		width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 25px;
	}
	.solution-area-col-scnd-wrap .panel-grid-cell:last-child {
		padding-bottom: 0px;
		display: none;
	}
}

/* Mobility & IOT page Responsive Styles */
@media (max-width: 780px) {
	.mobility-cap-col-frst-wrap .capabilities-list-cnt-col,
	.mobility-cap-col-scnd-wrap .capabilities-cnt-list-col {
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
}

/* SAP Success factor page Responsive Styles */
@media (max-width: 992px) {
	.sap-hcm-col-wrap .panel-grid-cell {
		width: 100% !important;
	}
	.sap-hcm-col-wrap .panel-grid-cell:nth-of-type(2) {
		display: none;
	}
}
@media (max-width: 780px){
	.cloud-migration-cnt-col-wrap .panel-grid-cell,
	.ptc-cnt-list-col-wrap .panel-grid-cell,
	.mobility-cap-col-scnd-wrap .panel-grid-cell {
		margin-bottom: 0px !important;
	}
}
	

/* S4/Hana Migration & Support page Responsive Styles */
@media(max-width: 1024px){
	.hana-benifits-col-wrap .panel-grid-cell {
		flex: 100% !important;
		width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;	
		margin-bottom: 0px !important;
	}
	.hana-benifits-col-wrap .panel-grid-cell:last-child {
		padding-bottom: 0px;		
	}

/* 	.mainsliderjst {
    max-height: 32rem;
    }
	.homesliderjts .flexslider {
    max-height: 33rem;
    } */
	.metaslider .caption-wrap .caption h1 {
		font-size: 3rem;
	}
	

}
@media (max-width: 992px) {
	.sap-success-two-col-wrap .panel-grid-cell,
	.sap-erp-two-col-wrap .panel-grid-cell {
		width: 100% !important;
	}
	.sap-success-two-col-wrap .panel-grid-cell:first-child,
	.sap-erp-two-col-wrap .panel-grid-cell:nth-of-type(2) {
		display: none;
	}
	.metaslider.ms-theme-databold .flexslider .caption-wrap {
		    width: 200rem;
	}
	.metaslider .slides img {
		width: 100%;
  		height: 100%;
  		object-fit: cover;
	}
.welocme_badge{
	clip-path: border-box !important;
}
}
@media(max-width: 780px){
	.sap-hana-journey-col-wrap .s4hana-three-col-img img {
		width: 100%;
	}
}

/* Key Differentiators page Responsive Styles */
@media(max-width: 1024px) {
	.keyDefference .panel-grid-cell{
		flex: calc(32.3333% - ( 0.66666666666667 * 30px ) ) !important;
	}	
}
@media(max-width: 780px) {
	.keyDefference .panel-grid-cell {
		flex: 1 !important;
		width: 100% !important;
		margin-bottom: 0px !important;
	}	
}

/* Contract page Responsive Styles */
@media(max-width: 1024px){
	.gsa-mas-col-wrap .panel-grid-cell {
		width: 100% !important;
		flex: 100% !important;
	}
	.gsa-mas-col-wrap .gsa-mas-frst-col,
	.gsa-mas-col-wrap .gsa-mas-snd-col {
		border-width: 0px 0px 1px 0px !important;
		padding: 2rem !important;
	}
}
@media (max-width: 1024px) and (min-width: 780px) {
		.homesliderjts .flexslider{
/* 		max-height:33rem !important; */
	}
/* 	.metaslider .caption-wrap {
    bottom: 12rem !important;
} */
	.metaslider .caption-wrap .caption h1{
		    font-size: 4rem;
	}
	.metaslider .caption-wrap .caption h1 {
    font-weight: 700
		font-size: 5rem;
	}
	#pg-210-0> .panel-row-style {
    background-color: #ffffff;
/*     height: 43.5rem !important; */
}


}

.btn.pagenot-btn {
  cursor: pointer;
  color: #b8272a;
  background-color: #fff;
  position: relative;
  z-index: 99;
  margin-top: 20px;
  padding: 1rem 1.6rem;
  font-size: 1.5rem;
  font-weight: 600;
	animation: movetoBottom 3s ease-out;
}
.btn.pagenot-btn:hover{
	background-color: #b8272a;
	color: #fff;
}
.sfsiplus_footerLnk {
	display: none;
}

/* iPad Air Portrait */
@media only screen and (max-width: 820px) and (orientation: portrait) {
  /* Styles specific to iPad Air Portrait Mode */
/* 	.mainsliderjst {
        max-height: 34rem !important;
    } */
/* 	    .welocme_badge {
        clip-path: border-box !important;
    } */
/* 		#pg-210-1> .panel-row-style {
    clip-path: border-box !important;
} */
}

/* iPad Air Landscape */
@media only screen and (max-width: 1180px) and (orientation: landscape) {
  /* Styles specific to iPad Air Landscape Mode */
/* 	#pg-210-0> .panel-row-style {
    height: 50rem !important;
}
		.homesliderjts .flexslider {
    height: 51rem !important;
}
		#pg-210-1> .panel-row-style {
    clip-path: border-box !important;
} */
/* 		.metaslider .caption-wrap {
    bottom: 3.25rem !important;
} */
}

/* iPad Air Retina (Portrait) */
@media only screen and (max-width: 820px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles specific to iPad Air Retina Portrait Mode */
/* 	.mainsliderjst {
        max-height: 34rem !important;
    } */
/* 	#pg-210-1> .panel-row-style {
    clip-path: border-box !important;
} */
}

/* iPad Air Retina (Landscape) */
@media only screen and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles specific to iPad Air Retina Landscape Mode */
/* 		#pg-210-0> .panel-row-style {
    height: 50rem !important;
}
	.homesliderjts .flexslider {
    height: 51rem !important;
}
		#pg-210-1> .panel-row-style {
    clip-path: border-box !important;
}
	.metaslider .caption-wrap {
    bottom: 3.25rem !important;
} */
}
/* For iPad Mini 1, 2, 3 in Portrait Mode */
@media only screen and (max-width: 768px) and (orientation: portrait) {
  /* Styles for iPad Mini Portrait Mode */
	    .metaslider .caption-wrap {
/*         bottom: 11.25rem !important; */
    }
}

/* For iPad Mini 1, 2, 3 in Landscape Mode */
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  /* Styles for iPad Mini Landscape Mode */
/* 	    .metaslider .caption-wrap {
        bottom: 11.25rem !important;
    } */
}

/* For iPad Mini 4, 5, 6 in Portrait Mode */
@media only screen and (max-width: 810px) and (orientation: portrait) {
  /* Styles for iPad Mini Portrait Mode */
	    .metaslider .caption-wrap {
/*         bottom: 11.25rem !important; */
    }
}

/* For iPad Mini 4, 5, 6 in Landscape Mode */
@media only screen and (max-width: 1080px) and (orientation: landscape) {
  /* Styles for iPad Mini Landscape Mode */
/* 	    .metaslider .caption-wrap {
        bottom: 11.25rem !important;
    } */
}

/* For Retina iPad Mini (Portrait) */
@media only screen and (max-width: 810px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  /* Styles for Retina iPad Mini Portrait Mode */
	    .metaslider .caption-wrap {
/*         bottom: 11.25rem !important; */
    }
}

/* For Retina iPad Mini (Landscape) */
@media only screen and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* Styles for Retina iPad Mini Landscape Mode */
/* 	    .metaslider .caption-wrap {
        bottom: 11.25rem !important;
    } */
}

.wpcf7 form .wpcf7-response-output {
	text-align: center;
}