/* ==========================================================================
   QUANTUM MICROFINANCE BANK PREMIUM STYLING OVERRIDES
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  color: #201E1E !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, 
.c-title, .c-font-uppercase, .c-content-title-1 {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f8f9fa;
}
::-webkit-scrollbar-thumb {
  background: #F58634;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00A859;
}

/* Rounded and premium cards / buttons */
.c-content-box, .c-content-person-1, .c-content-blog-post-1, .thumbnail, .c-content-feature-2-card {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
  transition: all 0.3s ease-in-out !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
}

.c-content-box:hover, .c-content-person-1:hover, .c-content-blog-post-1:hover, .c-content-feature-2-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(245, 134, 52, 0.1) !important;
}

.btn {
  border-radius: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
}

/* Custom micro-animations */
.c-theme-btn {
  position: relative;
  overflow: hidden;
}

.c-theme-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.c-theme-btn:hover:after {
  width: 300px;
  height: 300px;
}

/* Header adjustments for modern glassmorphism */
.c-layout-header.c-layout-header-3 {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

.c-layout-header.c-layout-header-3 .c-navbar {
  background: transparent !important;
}


/*********************
THEME COLOR - DEFAULT
*********************/
a {
  color: #201E1E; }
  a:active,
  a:hover,
  a:focus {
    color: #F58634; }

.c-theme-link:focus,
.c-theme-link:active,
.c-theme-link:hover {
  color: #F58634 !important; }
  .c-theme-link:focus > i,
  .c-theme-link:active > i,
  .c-theme-link:hover > i {
    color: #F58634 !important; }

.c-theme-link.c-active {
  color: #F58634 !important; }
  .c-theme-link.c-active > i {
    color: #F58634 !important; }

.c-theme-nav li:focus > a:not(.btn),
.c-theme-nav li:active > a:not(.btn),
.c-theme-nav li:hover > a:not(.btn) {
  color: #F58634 !important; }

.c-theme-nav li:focus > .c-quick-sidebar-toggler > .c-line,
.c-theme-nav li:active > .c-quick-sidebar-toggler > .c-line,
.c-theme-nav li:hover > .c-quick-sidebar-toggler > .c-line {
  background: #F58634 !important; }

.c-theme-nav li.c-active {
  color: #F58634 !important; }
  .c-theme-nav li.c-active > a:not(.btn) {
    color: #F58634 !important; }
  .c-theme-nav li.c-active > .c-quick-sidebar-toggler > .c-line {
    background: #F58634 !important; }

.c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li:hover > a {
  color: #F58634 !important; }

.c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li.active {
  border-bottom: 1px solid #F58634 !important; }
  .c-theme-nav > li > .dropdown-menu.c-menu-type-mega > .nav.nav-tabs > li.active > a {
    color: #F58634 !important; }

.c-theme-nav.nav.nav-tabs > li:hover > a {
  color: #F58634 !important; }

.c-theme-nav.nav.nav-tabs > li.active {
  border-bottom: 1px solid #F58634 !important; }
  .c-theme-nav.nav.nav-tabs > li.active > a {
    color: #F58634 !important; }

.c-theme-ul > li:focus > a:not(.btn),
.c-theme-ul > li:active > a:not(.btn),
.c-theme-ul > li:hover > a:not(.btn) {
  color: #F58634 !important; }
  .c-theme-ul > li:focus > a:not(.btn) > i,
  .c-theme-ul > li:active > a:not(.btn) > i,
  .c-theme-ul > li:hover > a:not(.btn) > i {
    color: #F58634 !important; }

.c-theme-ul > li:focus > button > .c-line,
.c-theme-ul > li:active > button > .c-line,
.c-theme-ul > li:hover > button > .c-line {
  background: #F58634 !important; }

.c-theme-ul > li.active,
.c-theme-ul > li.c-active {
  color: #F58634 !important; }
  .c-theme-ul > li.active > a:not(.btn),
  .c-theme-ul > li.c-active > a:not(.btn) {
    color: #F58634 !important; }
    .c-theme-ul > li.active > a:not(.btn) > i,
    .c-theme-ul > li.c-active > a:not(.btn) > i {
      color: #F58634 !important; }

.c-theme-ul-bg > li {
  color: #ffffff;
  background: #F58634 !important; }

.c-theme-font,
.c-theme-color {
  color: #F58634 !important; }
  .c-theme-font > i,
  .c-theme-color > i {
    color: #F58634 !important; }

.c-theme-bg {
  background: #F58634 !important; }
  .c-theme-bg.c-theme-darken {
    background: #008f4c !important; }

.c-theme-bg-after:after {
  background: #F58634 !important; }

.c-theme-bg-before:before {
  background: #F58634 !important; }

.c-theme-border-after:after {
  border-color: #F58634 !important; }

.c-theme-border-before:before {
  border-color: #F58634 !important; }

.c-theme-bg-on-hover:hover {
  background: #F58634 !important; }

.c-theme-border {
  border-color: #F58634 !important; }

.c-theme-on-hover:hover {
  color: #F58634 !important; }

.c-theme-bg-parent-hover:hover .c-theme-bg-on-parent-hover {
  background: #F58634 !important; }

.c-theme-border {
  border-color: #F58634; }

.c-theme-border-top {
  border-top-color: #F58634; }

.c-theme-border-bottom {
  border-bottom-color: #F58634 !important; }

.c-theme-border-left {
  border-left-color: #F58634; }

.c-theme-border-right {
  border-right-color: #F58634; }

.c-content-iconlist-1.c-theme > li:hover i {
  color: #fff;
  background: #F58634; }

.c-content-ver-nav .c-menu.c-theme > li:before {
  color: #F58634; }

.c-content-ver-nav .c-menu.c-theme.c-arrow-dot > li:before {
  background: #F58634; }

.c-content-pagination.c-theme > li:hover > a {
  border-color: #F58634;
  background: #F58634;
  color: #fff; }
  .c-content-pagination.c-theme > li:hover > a > i {
    color: #fff; }

.c-content-pagination.c-theme > li.is-active > span,
.c-content-pagination.c-theme > li.is-active > a {
  border-color: #F58634;
  background: #F58634;
  color: #fff; }
  .c-content-pagination.c-theme > li.is-active > span > i,
  .c-content-pagination.c-theme > li.is-active > a > i {
    color: #fff; }

.c-theme-btn.btn {
  color: #ffffff;
  background: #F58634;
  border-color: #F58634; }
  .c-theme-btn.btn.btn-no-focus:focus,
  .c-theme-btn.btn.btn-no-focus.focus {
    color: #ffffff;
    background: #F58634;
    border-color: #F58634; }
  .c-theme-btn.btn.btn-no-focus:hover,
  .c-theme-btn.btn:hover,
  .c-theme-btn.btn.btn-no-focus:active,
  .c-theme-btn.btn:active,
  .c-theme-btn.btn.active,
  .open > .c-theme-btn.btn.dropdown-toggle {
    color: #ffffff;
    background: #00A859;
    border-color: #00A859; }
  .c-theme-btn.btn:active,
  .c-theme-btn.btn.active,
  .open > .c-theme-btn.btn.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.btn.disabled,
  .c-theme-btn.btn.disabled:hover,
  .c-theme-btn.btn.disabled:not(.btn-no-focus):focus,
  .c-theme-btn.btn.disabled:not(.btn-no-focus).focus,
  .c-theme-btn.btn.disabled:active,
  .c-theme-btn.btn.disabled.active,
  .c-theme-btn.btn[disabled],
  .c-theme-btn.btn[disabled]:hover,
  .c-theme-btn.btn[disabled]:not(.btn-no-focus):focus,
  .c-theme-btn.btn[disabled]:not(.btn-no-focus).focus,
  .c-theme-btn.btn[disabled]:active,
  .c-theme-btn.btn[disabled].active,
  fieldset[disabled] .c-theme-btn.btn,
  fieldset[disabled] .c-theme-btn.btn:hover,
  fieldset[disabled] .c-theme-btn.btn:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.btn:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.btn:active,
  fieldset[disabled] .c-theme-btn.btn.active {
    background: #F58634;
    border-color: #F58634; }
  .c-theme-btn.btn .badge {
    color: #F58634;
    background: #ffffff; }

.c-theme-btn.c-btn-border-1x {
  border-color: #F58634;
  border-width: 1px;
  color: #F58634;
  background: none;
  border-color: #F58634; }
  .c-theme-btn.c-btn-border-1x.btn-no-focus:focus,
  .c-theme-btn.c-btn-border-1x.btn-no-focus.focus {
    color: #F58634;
    background: none;
    border-color: #F58634; }
  .c-theme-btn.c-btn-border-1x.btn-no-focus:hover,
  .c-theme-btn.c-btn-border-1x:hover,
  .c-theme-btn.c-btn-border-1x.btn-no-focus:active,
  .c-theme-btn.c-btn-border-1x:active,
  .c-theme-btn.c-btn-border-1x.active,
  .open > .c-theme-btn.c-btn-border-1x.dropdown-toggle {
    color: #ffffff;
    background: #F58634;
    border-color: #F58634; }
  .c-theme-btn.c-btn-border-1x:active,
  .c-theme-btn.c-btn-border-1x.active,
  .open > .c-theme-btn.c-btn-border-1x.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.c-btn-border-1x.disabled,
  .c-theme-btn.c-btn-border-1x.disabled:hover,
  .c-theme-btn.c-btn-border-1x.disabled:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-1x.disabled:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-1x.disabled:active,
  .c-theme-btn.c-btn-border-1x.disabled.active,
  .c-theme-btn.c-btn-border-1x[disabled],
  .c-theme-btn.c-btn-border-1x[disabled]:hover,
  .c-theme-btn.c-btn-border-1x[disabled]:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-1x[disabled]:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-1x[disabled]:active,
  .c-theme-btn.c-btn-border-1x[disabled].active,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:hover,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x:active,
  fieldset[disabled] .c-theme-btn.c-btn-border-1x.active {
    background: none;
    border-color: #F58634; }
  .c-theme-btn.c-btn-border-1x .badge {
    color: none;
    background: #F58634; }

.c-theme-btn.c-btn-border-2x {
  border-color: #F58634;
  border-width: 2px;
  color: #F58634;
  background: none;
  border-color: #F58634; }
  .c-theme-btn.c-btn-border-2x.btn-no-focus:focus,
  .c-theme-btn.c-btn-border-2x.btn-no-focus.focus {
    color: #F58634;
    background: none;
    border-color: #F58634; }
  .c-theme-btn.c-btn-border-2x.btn-no-focus:hover,
  .c-theme-btn.c-btn-border-2x:hover,
  .c-theme-btn.c-btn-border-2x.btn-no-focus:active,
  .c-theme-btn.c-btn-border-2x:active,
  .c-theme-btn.c-btn-border-2x.active,
  .open > .c-theme-btn.c-btn-border-2x.dropdown-toggle {
    color: #ffffff;
    background: #F58634;
    border-color: #F58634; }
  .c-theme-btn.c-btn-border-2x:active,
  .c-theme-btn.c-btn-border-2x.active,
  .open > .c-theme-btn.c-btn-border-2x.dropdown-toggle {
    background-image: none; }
  .c-theme-btn.c-btn-border-2x.disabled,
  .c-theme-btn.c-btn-border-2x.disabled:hover,
  .c-theme-btn.c-btn-border-2x.disabled:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-2x.disabled:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-2x.disabled:active,
  .c-theme-btn.c-btn-border-2x.disabled.active,
  .c-theme-btn.c-btn-border-2x[disabled],
  .c-theme-btn.c-btn-border-2x[disabled]:hover,
  .c-theme-btn.c-btn-border-2x[disabled]:not(.btn-no-focus):focus,
  .c-theme-btn.c-btn-border-2x[disabled]:not(.btn-no-focus).focus,
  .c-theme-btn.c-btn-border-2x[disabled]:active,
  .c-theme-btn.c-btn-border-2x[disabled].active,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:hover,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:not(.btn-no-focus):focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:not(.btn-no-focus).focus,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x:active,
  fieldset[disabled] .c-theme-btn.c-btn-border-2x.active {
    background: none;
    border-color: #F58634; }
  .c-theme-btn.c-btn-border-2x .badge {
    color: none;
    background: #F58634; }

.c-theme.form-control:focus,
.c-theme.form-control:active,
.c-theme.form-control.active {
  border-color: #F58634 !important; }

.c-content-line-icon.c-theme {
  background-image: url(../../img/content/line-icons/default.png); }

.c-content-list-1.c-theme.c-separator-dot > li:before,
.c-content-list-1.c-theme > li:before {
  background: #F58634; }

.c-content-tab-1.c-theme .nav > li:hover > a,
.c-content-tab-1.c-theme .nav > li:focus > a,
.c-content-tab-1.c-theme .nav > li:active > a,
.c-content-tab-1.c-theme .nav > li.active > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:hover > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:focus > a,
.c-content-tab-1.c-theme .nav.nav-justified > li:active > a,
.c-content-tab-1.c-theme .nav.nav-justified > li.active > a {
  border-bottom-color: #F58634; }

.c-content-tab-2.c-theme > ul > li.active > a > .c-title,
.c-content-tab-2.c-theme > ul > li:hover > a > .c-title {
  color: #F58634; }

.c-content-tab-2.c-theme > ul > li.active > a > .c-content-line-icon,
.c-content-tab-2.c-theme > ul > li:hover > a > .c-content-line-icon {
  background-image: url(../../img/content/line-icons/default.png); }

.c-content-tab-5.c-theme .c-nav-tab > li.active > a,
.c-content-tab-5.c-theme .c-nav-tab > li a:hover {
  color: #fff;
  background-color: #F58634; }

.c-content-tab-5.c-theme .c-nav-tab.c-arrow a:hover:after {
  border-left-color: #F58634; }

.c-content-tab-5.c-theme .c-nav-tab.c-arrow .active > a:after {
  border-left-color: #F58634; }

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a {
  background-color: #F58634; }
  .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #ffffff; }
    .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:hover,
    .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:focus {
      background-color: #F58634; }

.c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body {
  background-color: #F58634; }

.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link:hover > a,
.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.c-active > a,
.c-mega-menu-onepage-dots.c-theme .c-onepage-dots-nav > li.c-onepage-link.active > a {
  background: rgba(50, 197, 210, 0.9); }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu li.c-active > a {
  transition: all 0.2s;
  color: #F58634; }
  .c-layout-sidebar-menu.c-theme .c-sidebar-menu li.c-active > a > .c-arrow {
    color: #F58634; }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu li .c-dropdown-menu > li:hover > a {
  color: #F58634; }

.c-layout-sidebar-menu.c-theme .c-sidebar-menu.c-option-2 > li.c-active > a {
  transition: all 0.2s;
  color: #ffffff;
  background-color: #F58634; }
  .c-layout-sidebar-menu.c-theme .c-sidebar-menu.c-option-2 > li.c-active > a > .c-arrow {
    color: #ffffff; }

.c-content-title-4.c-theme .c-line-strike:before {
  border-top: 1px solid #F58634; }

.owl-carousel.c-theme .owl-controls .owl-dot {
  background: #e1e1e1; }
  .owl-carousel.c-theme .owl-controls .owl-dot:hover {
    background: #fff; }
  .owl-carousel.c-theme .owl-controls .owl-dot.active {
    background: #F58634; }

.cbp-l-filters-button .cbp-filter-counter,
.cbp-l-filters-buttonCenter .cbp-filter-counter {
  background-color: #F58634; }
  .cbp-l-filters-button .cbp-filter-counter:before,
  .cbp-l-filters-buttonCenter .cbp-filter-counter:before {
    border-top: 4px solid #F58634; }

.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
  color: #F58634; }

.cbp-l-filters-alignCenter .cbp-filter-counter,
.cbp-l-filters-text .cbp-filter-counter {
  background: none repeat scroll 0 0 #F58634; }
  .cbp-l-filters-alignCenter .cbp-filter-counter:before,
  .cbp-l-filters-text .cbp-filter-counter:before {
    border-top: 4px solid #F58634; }

.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
  border-bottom-color: #F58634; }

.cbp-l-project-desc-title:before,
.cbp-l-project-details-title:before {
  background: #F58634; }

.tp-bullets.round.c-theme .bullet {
  margin-right: 5px; }
  .tp-bullets.round.c-theme .bullet.selected {
    background: #F58634; }

.tp-banner-container.c-theme .tparrows.circle {
  background-image: url(../../img/content/line-icons/default.png); }


/* ==========================================================================
   NAVIGATION MENU PREMIUM MODERN OVERRIDES
   ========================================================================== */

/* Header glassmorphism and modern structure */
.c-layout-header {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease;
}

/* Header logo sizing and responsiveness */
.c-layout-header .c-brand {
  padding: 12px 0 !important;
  height: auto !important;
  display: flex;
  align-items: center;
}

.c-layout-header .c-brand img {
  max-height: 48px !important;
  width: auto !important;
  transition: transform 0.25s ease-in-out;
}

.c-layout-header .c-brand:hover img {
  transform: scale(1.02);
}

/* Navbar container and links padding & layout */
.c-mega-menu {
  margin-top: 2px !important;
}

.c-mega-menu .navbar-nav > li {
  padding: 0 6px !important;
}

.c-mega-menu .navbar-nav > li > a {
  font-family: 'Outfit', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: capitalize !important; /* Clean capitalize transform for modern feel */
  padding: 24px 12px !important;
  color: #201E1E !important;
  transition: color 0.25s ease !important;
  position: relative;
  background: transparent !important;
}

/* Modern hover line accent that slides out */
.c-mega-menu .navbar-nav > li > a::after {
  content: '';
  position: absolute;
  bottom: 14px;
  left: 12px;
  right: 12px;
  height: 2px;
  background-color: #00A859; /* Green brand highlight line */
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.28s ease-out;
}

.c-mega-menu .navbar-nav > li:hover > a::after,
.c-mega-menu .navbar-nav > li.c-active > a::after,
.c-mega-menu .navbar-nav > li.active > a::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* Brand active and hover coloring */
.c-mega-menu .navbar-nav > li:hover > a {
  color: #F58634 !important; /* Orange text on hover */
}

.c-mega-menu .navbar-nav > li.c-active > a,
.c-mega-menu .navbar-nav > li.active > a {
  color: #F58634 !important; /* Keep active item highlighted as Orange */
}

/* Premium dropdown panel overlays */
.dropdown-menu, .tbm-megamenu-dialog {
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
  padding: 10px 0 !important;
  background-color: #ffffff !important;
  animation: navFadeIn 0.2s ease-out;
}

.dropdown-menu > li > a {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
  color: #201E1E !important;
  transition: all 0.2s ease !important;
}

.dropdown-menu > li > a:hover {
  background-color: rgba(245, 134, 52, 0.06) !important; /* Soft orange tint background */
  color: #F58634 !important;
  padding-left: 24px !important;
}

@keyframes navFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive mobile nav toggler bars */
.c-hor-nav-toggler {
  border: none !important;
  background: transparent !important;
  padding: 10px !important;
}

.c-hor-nav-toggler .c-line {
  background: #F58634 !important;
  height: 2px !important;
  margin-bottom: 5px !important;
  border-radius: 2px !important;
}