/*!
   * Copyright 2026 DashDigit, LLC
   * Bootstrap  v5.2.0 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors
   * Copyright 2011-2022 Twitter, Inc.   
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600;700;800&display=swap');
:root {
  --bs-fa-blue: #1E3050;
  /*--bs-blue: #194D86;*/
  --bs-blue: #2a75f3;
  --bs-light-active-blue: #4285f4;
  --bs-light-blue: #72A4F7;
  --bs-green: #34C6A0;
  --bs-red: #EA6247;
  --bs-purple: #C3ADFA;
  --bs-light-purple: #DACFFF;  
  --bs-yellow: #FED5A1;
  --bs-fa-blue-rgb: 30, 48, 80;
  --bs-blue-rgb: 25, 77, 134;
  --bs-light-blue-rgb: 114, 164, 247;
  --bs-green-rgb: 52, 198, 160;
  --bs-red-rgb: 234, 98, 71;
  --bs-purple-rgb: 195, 173, 250;
  --bs-light-purple-rgb: 218, 207, 255;
  --bs-yellow-rgb: 254, 213, 161;
}

.text-feature {
  color: #72A4F7;
  position: relative;
  top: -70px;
}

.top-heading-70 {
  position: relative;
  top: -70px;
}

.top-heading-80 {
  position: relative;
  top: -80px;
}

.bg-fa-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-fa-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-blue-rgb), var(--bs-bg-opacity)) !important;
}

.text-fa-blue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-fa-blue-rgb), var(--bs-text-opacity)) !important; 
}

.text-blue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important; 
}

.text-green {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important; 
}

.text-red {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important; 
}

.text-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important; 
}

.text-light-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-purple-rgb), var(--bs-text-opacity)) !important; 
}

.text-yellow {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important; 
}


.btn-light-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #72A4F7;
  --bs-btn-border-color: #72A4F7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4285f4;
  --bs-btn-hover-border-color: #4285f4;
  --bs-btn-focus-shadow-rgb: 38, 82, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4285f4;
  --bs-btn-active-border-color: #4285f4;
  --bs-btn-active-shadow: unset;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #72A4F7;
  --bs-btn-disabled-border-color: #72A4F7;
}

.btn-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #EA6247;
  --bs-btn-border-color: #EA6247;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e73030;
  --bs-btn-hover-border-color: #e73030;
  --bs-btn-focus-shadow-rgb: 38, 82, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e73030;
  --bs-btn-active-border-color: #e73030;
  --bs-btn-active-shadow: unset;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EA6247;
  --bs-btn-disabled-border-color: #EA6247;
}

.btn-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #34C6A0;
  --bs-btn-border-color: #34C6A0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2fb290;
  --bs-btn-hover-border-color: #2fb290;
  --bs-btn-focus-shadow-rgb: 38, 82, 212;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2fb290;
  --bs-btn-active-border-color: #2fb290;
  --bs-btn-active-shadow: unset;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EA6247;
  --bs-btn-disabled-border-color: #EA6247;
}

.tab-style-10 .nav-tabs {
    border: none; 
}

.tab-style-10 .nav-tabs .nav-item .nav-link {
    border: 0;
    background: var(--bs-white);
    padding: 1rem;
    box-shadow: 0 10px 40px 10px rgba(var(--bs-gray-700-rgb), 0.175);
    border-radius: 0.75rem;
    outline: none;
    color: var(--bs-body-color); 
}
    
.tab-style-10 .nav-tabs .nav-item .nav-link .icon-md {
  background: var(--bs-blue);
  color: var(--bs-white); 
}

.tab-style-10 .nav-tabs .nav-item .nav-link.active {
  background: var(--bs-blue);
  color: var(--bs-white);
}

.tab-style-10 .nav-tabs .nav-item .nav-link.active h6, .tab-style-10 .nav-tabs .nav-item .nav-link.active .h6 {
  color: var(--bs-white); }
  
.tab-style-10 .nav-tabs .nav-item .nav-link.active .icon-md {
  background: var(--bs-white);
  color: var(--bs-blue); 
}


.avatar-xxxxl {
  width: 12rem;
  height: 12rem; 
}

.avatar-xxxxl .avatar-text {
    font-size: 4rem; 
}