:root {
  /* Core palette */
  --clr-primary-dark:#0B1C3D;
  --clr-primary:#1E3A8A;
  --clr-primary-light:#10B981;
  --clr-surface:#FFFFFF;
  --clr-bg:#F3F4F6;
  --clr-primary-light-footer : black;

  --clr-secondary: #F59E0B;
  --clr-accent: #10B981;
  --clr-danger: #EF4444;

  /* Neutral */
  --clr-bg: #F9FAFB;
  --clr-surface: #FFFFFF;
  --clr-muted: #6B7280;
  --clr-text: #111827;

  /* Radius & shadows */
  --radius: 14px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* Type scale */
  --font-sans: 'Inter', 'Poppins', system-ui, sans-serif;
}

/* Dark mode auto-switch */
/*@media (prefers-color-scheme: dark) {
  :root {
    --clr-bg: #0F172A;
    --clr-surface: #1E293B;
    --clr-text: #F1F5F9;
    --clr-muted: #94A3B8;
  }
}*/

body{background:var(--clr-bg);}

/**/
.panel-heading{
  background:linear-gradient(135deg,#1E3A8A,#10B981) !important;
}
/* 3.  HEADER & NAV */
.header,
.navbar-inverse,
.inner_page_banner,
.foot_top,
.foot_bottom{
  background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light))!important;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff !important;
  font-weight: bold !important;
}
.navbar-inverse .navbar-nav>li>a:hover{color:#FDE047!important;}

/* 4.  BUTTONS – same gradient everywhere */
.black_btn,
button.ban_btn,
button.cont_but,
.pop-submit,
.offer-btn a,
.offer-btn-2 a,
.rating-btn .black_btn,
.sub-btn-box a{
  background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light))!important;
  color:#fff!important;
  border:none!important;
}

/* 5.  SECTIONS & ACCENTS */
.h_sec1 .container,
.sec2,
.sec2_count,
.sec7_box,
.h_sec8,
.ser-cnt-bx{
  background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light))!important;
}
.h_sec3{background:var(--clr-primary-light)!important;}

/*.h_sec4{background:var(--clr-primary)!important;}*/

.h_sec4{
  background:linear-gradient(135deg,#1E3A8A,#10B981) !important;
}

/* 6.  CARDS & BOXES */
.sec1_box,
.sec7_box,
.sec10_box,
.review-wrapper,
.service-box,
.subject-bx{
  border-left:4px solid var(--clr-primary-light);
  background:var(--clr-surface);
}

/* 7.  FOOTER LINKS */
.foot_col ul li a{
  background:var(--clr-primary-light-footer);
  color:#fff;
}
.foot_col ul li a:hover{
  background:var(--clr-primary);
}

/* 8.  FORM ELEMENTS */
.banner_form,
.conatct_us_form{
  border:2px solid var(--clr-primary-light);
}
.banner_form .form-control:focus,
.conatct_us_form input:focus,
.conatct_us_form textarea:focus{
  border-color:var(--clr-primary-light);
  box-shadow:0 0 0 2px rgba(16,185,129,.25);
}

/* 9.  SCROLLBAR (webkit) */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--clr-bg);}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-light));}


/* 1️⃣  Keep badges in one horizontal row on desktop */
.badge-row {
  display: flex;
  flex-wrap: nowrap;          /* stop line-breaks */
  gap: 30px 45px;             /* horizontal & vertical gaps */
  justify-content: center;
  align-items: flex-start;
  overflow-x: auto;           /* scroll on tiny screens */
  padding: 8px 0;
}

/* 2️⃣  Each badge box */
.badge-row a {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 110px;           /* keeps width stable */
  text-decoration: none;
  color: inherit;
}

/* 3️⃣  Logo sizing */
.badge-row img {
  height: 28px;
  width: auto;
  margin-bottom: 6px;
}

/* 4️⃣  Star bar – inline & centered */
.stars {
  display: inline-flex;
  gap: 2px;
}

.stars svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;             /* stops shrinking */
}

/* 5️⃣  Mobile safety */
@media (max-width: 600px) {
  .badge-row {
    flex-wrap: wrap;          /* allow wrap on phones */
    gap: 20px 35px;
  }
}