:root {
    --bs-light-border-subtle: #E3E6E9;
  }
  
  /** Breakpoints */
  /**
   * Set three breakpoints.
   * Bootstrap grid breakpoints are all min-width.
   */
  /**
   * Default bootstrap max-widths are:
   * $container-max-widths: (
   *  sm: 540px,
   *  md: 720px,
   *  lg: 960px,
   *  xl: 1140px,
   *  xxl: 1320px
   * );
   * All values are divisible by 12, we keep them to be inline with Bootstrap's
   * method.
   */
  :root {
    --oc-main-color: #00A2DD;
    --oc-main-hover-color: #1f75cb;
    --oc-title-color: #324545;
    --oc-text-color: #6F7680;
    --oc-dark-text-color: #666666;
    --oc-btn-radius: 4px;
    --oc-border-color: #E3E6E9;
    --oc-button-primary-color: #1f75cb;
    --oc-button-primary-color-2: #1068bf;
    --oc-button-secondary-bg-color: #EAECEE;
    --oc-button-secondary-txt-color: #363F4A;
    --oc-button-secondary-hover-color: #D0D4DA;
  }
  
  [data-bs-theme=dark] {
    --oc-title-color: #fff;
    --oc-text-color: #e9ecef;
    --oc-dark-text-color: #dee2e6;
    --oc-button-secondary-bg-color: #6F7680;
    --oc-button-secondary-txt-color: #fff;
    --oc-button-secondary-hover-color: #324545;
    --bs-gray-100: #343a40;
  }
  
  .oc-header {
    background-color: var(--bs-body-bg);
    border-bottom: 1px solid var(--oc-border-color);
    z-index: 500;
  }
  .oc-header__container {
    position: relative;
    padding: 0;
  }
  .oc-header__navbar > .navbar {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  @media (min-width: 768px) {
    .oc-header__navbar {
      padding-right: 50px;
    }
  }
  .oc-header__navbar .navbar-collapse > nav:last-child {
    margin-left: auto;
  }
  @media (max-width: 767.98px) {
    .oc-header .navbar-brand {
      margin-left: calc(var(--bs-gutter-x) * 0.5);
    }
  }
  @media (max-width: 767.98px) {
    .oc-header .navbar-toggler {
      margin-right: calc(var(--bs-gutter-x) * 0.5);
    }
  }
  @media (max-width: 767.98px) {
    .oc-header .container-fluid {
      padding: 0;
    }
  }
  /*# sourceMappingURL=header.css.map */