: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-black: #000;
  --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: #2C2C2C;
  --bs-secondary:var(--bs-gray-700);
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-body-color: #2C2C2C;
  --bs-body-bg: #fff;
  
  --swiper-pagination-color:var(--bs-gray-500);
      --bb-h1-color: var(--bs-body-color);
    --bb-h2-color: var(--bs-body-color);
    --bb-h3-color: var(--bs-body-color);
    --bs-body-font-family: "Open Sans";
  
 
  --bs-card-border-color: rgb(136 136 136 / 18%);
  --bs-btn-font-size: .8rem;



  --c-white:#FFF;
  --c-green: #009A7E;
  --c-darkgreen: #1a605a;
  --c-yellow:var(--bs-secondary);
  --c-blue: var(--bs-primary);
  --c-primary-color: var(--bs-primary);
  --c-secondary-color: var(--bs-secondary);
  --c-body-color: var(--bs-body-color);
  --c-body-bgcolor: var( --bs-body-bg);
  --c-title-color: var(--c-body-color);
  --bs-link-color:var(--c-body-color)!important;
  --bs-link-hover-color:var(--c-secondary-color);
  --c-btn-color:var(--bs-body-color);
  --c-btn-bgcolor: var(--bs-body-bg);
  --c-btn-hover-color:var(--bs-white);
  --c-btn-hover-bgcolor:var( --bs-gray-dark);
  --c-maincolor:var(--c-green);
  
  --bs-gradient:  linear-gradient(to right,  #009a7e 0%,#17665e 50%,#293d45 100%);
  
  
  --c-main-transition-duration:.2s;
  --c-main-transition-timing-function: ease-in-out;
  --c-transition : var(--c-main-transition-duration) all var(--c-main-transition-timing-function);
  
  --c-top-header-height:0/*35px*/;
  --c-header-height:/*100px*/ 4rem;
  
  --c-body-font-size: .8rem;
  --c-xxxl-font-size: 1.8rem;
  --c-xxl-font-size: 1.5rem;
  --c-xl-font-size: 1.3rem;
  --c-l-font-size: 1.1rem;
  --c-m-font-size: 1rem;
  --c-s-font-size: .9rem;
  --c-xs-font-size: .8rem;
  --c-special-radius: 0;

  --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;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-black)!important;
    background-color: var(--bs-white)!important;
}
.card *, .card a{
  color: var(--bs-body-bg)!important;
}
.card {
    --bs-gutter-y: 0;
    --bs-gutter-x: 0;
    --bs-card-border-width:0;
    margin-left: .5rem;
}
.nav-link {
  --bs-nav-link-font-size:.85rem;
    
}
#header{
  --bs-link-color:var(--bs-body-bg)!important;
}
.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}

.btn-primary {
  --bs-btn-color: var(--c-btn-color);
  --bs-btn-bg: var(--c-btn-bgcolor);
  --bs-btn-border-color: var(--c-btn-color);
  --bs-btn-hover-color: var(--c-btn-hover-color);
  --bs-btn-hover-bg: var(--c-btn-hover-bgcolor);
  --bs-btn-hover-border-color: var(--c-btn-hover-color);
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: var(--c-btn-hover-color);
  --bs-btn-active-bg: var(--c-btn-hover-bgcolor);
  --bs-btn-active-border-color: var(--c-btn-hover-color);
  --bs-btn-active-shadow:none;/* inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
  --bs-btn-disabled-color: var(--bb-primary-text);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-box-shadow: var(--c-white);
}

.btn-secondary {
  --bs-btn-color: var(--bb-secondary-text);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bb-secondary-text);
  --bs-btn-hover-bg: var(--bb-secondary-dark);
  --bs-btn-hover-border-color: var(--bb-secondary-dark);
  --bs-btn-focus-shadow-rgb: 167, 50, 62;
  --bs-btn-active-color: var(--bb-secondary-text);
  --bs-btn-active-bg: var(--bb-secondary-dark);
  --bs-btn-active-border-color: var(--bb-secondary-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bb-secondary-text);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bb-primary-text);
  --bs-btn-hover-bg: var(--bb-primary-dark);
  --bs-btn-hover-border-color: var(--bb-primary-dark);
  --bs-btn-active-color: var(--bb-primary-text);
  --bs-btn-active-bg: var(--bb-primary-dark);
  --bs-btn-active-border-color: var(--bb-primary-dark);
  --bs-btn-disabled-color: var(--bb-primary-dark);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bb-primary-dark);
}

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bb-secondary-text);
  --bs-btn-hover-bg: var(--bb-secondary-dark);
  --bs-btn-hover-border-color: var(--bb-secondary-dark);
  --bs-btn-active-color: var(--bb-secondary-text);
  --bs-btn-active-bg: var(--bb-secondary-dark);
  --bs-btn-active-border-color: var(--bb-secondary-dark);
  --bs-btn-disabled-color: var(--bb-secondary-dark);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bb-secondary-dark);
}
.card{
  --bs-link-color:var(--bs-primary)!important;
}
.dark-card{
  background-color: var(--bs-gray-800);
}
h1, .h1 {
  color: var(--bb-h1-color);
}
h2, .h2 {
  color: var(--bb-h2-color);
}
h3, .h3 {
  color: var(--bb-h3-color);
}

.bg-white{
  background-color: var(--c-white);
}