: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;
}

.dropdown-item-megamenu {
  width: max-content;
  padding: var(--bs-dropdown-item-padding-y) 0;
}
@media (min-width: 768px) {
  .dropdown-item-megamenu {
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  }
}
/*# sourceMappingURL=megamenu.css.map */