/**
 * RBSS Public - Fintech Layout & Theme Override
 * Purple & white, modern layout
 */

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

/* === Typography & Base === */
body {
  font-family: "Inter", "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  background: #FAF5FF !important;
  color: #374151 !important;
}

a:hover, a:focus {
  color: #6B4EAA !important;
}

/* === Header Layout - Slim, Content-Fit Navbar === */
.flat-header-wrap {
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(107, 78, 170, 0.06) !important;
}

/* Top bar - minimal padding, content-fit */
.header.widget-header {
  background: #F5F0FF !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(107, 78, 170, 0.08) !important;
}

.header.widget-header .header-wrap {
  padding: 0 !important;
}

.wrap-widget-header {
  padding: 4px 0 !important;
}

.wrap-widget-header .widget-info {
  margin: 0 0 0 24px !important;
}

.flat-header-wrap .logo,
.flat-header-wrap .logo a {
  display: flex !important;
  align-items: center !important;
}

.flat-header-wrap .logo img {
  max-height: 28px !important;
  width: auto !important;
}

.header.widget-header .info-icon {
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  margin: 0 10px 0 0 !important;
  font-size: 12px !important;
}

.header.widget-header .info-text h6 {
  font-size: 12px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.header.widget-header .info-text p {
  font-size: 11px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  opacity: 0.9 !important;
}

.header.widget-header .info-icon i {
  color: #6B4EAA !important;
}

.header.widget-header .info-text h6,
.header.widget-header .info-text p {
  color: #5B3A99 !important;
}

/* Main nav - slim, content-fit */
#header.header-style1,
.header.header-style1 {
  background: #fff !important;
  padding: 4px 0 !important;
  border: none !important;
}

.flat-wrap-header,
.flat-wrap-header .nav-wrap {
  padding: 0 !important;
}

#mainnav > ul > li > a {
  color: #374151 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  line-height: 1.4 !important;
}

#mainnav > ul > li > a:hover,
#mainnav > ul > li.active > a {
  background: rgba(107, 78, 170, 0.1) !important;
  color: #6B4EAA !important;
}

#mainnav ul.submenu {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important;
  border: 1px solid rgba(107, 78, 170, 0.1) !important;
}

#mainnav ul.submenu li a {
  color: #374151 !important;
}

#mainnav ul.submenu li a:hover {
  background: #FAF5FF !important;
  color: #6B4EAA !important;
}

/* === Buttons === */
.flat-button {
  background: #6B4EAA !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(107, 78, 170, 0.3) !important;
  border: none !important;
}

.flat-button:hover {
  background: #5B3A99 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(107, 78, 170, 0.35) !important;
}

.flat-button.style2 {
  background: #5B3A99 !important;
}

button, input[type="submit"], input[type="button"] {
  background-color: #6B4EAA !important;
  border-radius: 10px !important;
}

/* === Content Sections === */
.flat-row {
  background: transparent !important;
}

.flat-row.bg-section,
.flat-row.bg-section2 {
  background: #fff !important;
  border-radius: 16px !important;
  margin: 24px 0 !important;
  padding: 60px 0 !important;
  box-shadow: 0 4px 24px rgba(107, 78, 170, 0.06) !important;
}

/* Icon boxes - card style */
.iconbox.style3 {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-shadow: 0 4px 20px rgba(107, 78, 170, 0.08) !important;
  border: 1px solid rgba(107, 78, 170, 0.08) !important;
  transition: all 0.3s ease !important;
}

.iconbox.style3:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(107, 78, 170, 0.12) !important;
}

.iconbox .box-header .box-icon {
  background: linear-gradient(135deg, #6B4EAA 0%, #5B3A99 100%) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 14px !important;
}

.iconbox .box-header .box-icon i {
  color: #fff !important;
}

/* Title section accents */
.title-section .title {
  color: #1F2937 !important;
}

.title-section .title span,
.title-section .symbol {
  color: #6B4EAA !important;
}

/* === Image boxes (carousel) === */
.imagebox {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.imagebox .imagebox-content {
  background: linear-gradient(to top, rgba(91, 58, 153, 0.95) 0%, rgba(107, 78, 170, 0.85) 100%) !important;
  padding: 24px !important;
}

/* === Testimonials section === */
.section-testimonials2 {
  background: linear-gradient(135deg, #6B4EAA 0%, #5B3A99 100%) !important;
  border-radius: 0 !important;
}

.section-testimonials2 .title-section .symbol,
.section-testimonials2 .cd-headline {
  color: #fff !important;
}

/* === Footer === */
.footer.widget-footer {
  background: #1F2937 !important;
  padding: 60px 0 40px !important;
}

.footer .widget-title {
  color: #fff !important;
}

.footer a, .footer .flat-information li {
  color: #D1D5DB !important;
}

.footer a:hover {
  color: #A78BFA !important;
}

.footer .flat-information li i {
  color: #6B4EAA !important;
}

/* Bottom bar */
.bottom {
  background: #111827 !important;
  padding: 20px 0 !important;
}

.bottom .copyright,
.bottom .copyright a {
  color: #9CA3AF !important;
}

.bottom .copyright a:hover {
  color: #A78BFA !important;
}

/* Go to top button */
.go-top {
  background: linear-gradient(135deg, #6B4EAA 0%, #5B3A99 100%) !important;
  border-radius: 50% !important;
  width: 48px !important;
  height: 48px !important;
  box-shadow: 0 4px 16px rgba(107, 78, 170, 0.4) !important;
}

/* === Form elements === */
input:focus, textarea:focus, select:focus {
  border-color: #6B4EAA !important;
  box-shadow: 0 0 0 3px rgba(107, 78, 170, 0.15) !important;
}

/* === Contact form section === */
.section-maps-form {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(107, 78, 170, 0.08) !important;
}

/* === Page title / breadcrumb (inner pages) === */
.page-title {
  background: linear-gradient(135deg, #6B4EAA 0%, #5B3A99 100%) !important;
  padding: 48px 0 !important;
}

.page-title .page-title-heading h1 {
  color: #fff !important;
}

.breadcrumbs ul li a,
.breadcrumbs ul li,
.breadcrumbs ul li i {
  color: rgba(255,255,255,0.9) !important;
}

.breadcrumbs ul li a:hover {
  color: #fff !important;
}

/* === Project/Content cards on inner pages === */
.flat-project-v1 .imagebox,
.flat-project-v1 .entry {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(107, 78, 170, 0.08) !important;
}