/* Extracted from oldsite/index.html
   - Theme variables, layout, partner sprite rules, responsive tweaks
   - FAQ / accordion styles
   - Keep element-specific inline styles in HTML where needed
*/

/* THEME VARIABLES */
:root {
  --bg-light: #f5f7fa;
  --bg-dark: #0f172a;
  --text-light: #0f172a;
  --text-dark: #e2e8f0;
  --card-light: #ffffff;
  --card-dark: #1e293b;
  --brand: #3b82f6;
  --brand2: #22c55e;
}

[data-theme="light"] {
  --bg: var(--bg-light);
  --text: var(--text-light);
  --card: var(--card-light);
}

[data-theme="dark"] {
  --bg: var(--bg-dark);
  --text: var(--text-dark);
  --card: var(--card-dark);
}

body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, sans-serif;
  transition: 0.3s;
}

header {
  padding: 18px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--card);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  position: sticky;
  top: 0;
  z-index: 100;
}

.brand {
  font-size: 24px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 8px
}

.theme-switch,
.social a,
.btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  text-decoration: none;
}

.theme-switch {
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--brand);
  color: white;
  font-weight: 700;
}

.theme-switch:hover { transform: scale(1.07); }

/* BUTTON ANIMATION */
.btn {
  background: linear-gradient(90deg, var(--brand), var(--brand2));
  padding: 12px 22px;
  border-radius: 12px;
  color: white;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .25);
  border: none;
}

.btn:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0, 0, 0, .3); }

/* SOCIAL ICONS */
.social { display: flex; gap: 12px; }

.social a {
  width: 38px; height: 38px; border-radius: 50%; background: var(--card);
  box-shadow: 0 3px 10px rgba(0,0,0,.15); display: grid; place-items: center
}

.social a:hover { transform: scale(1.15); background: var(--brand); }

.hero { padding: 60px 30px; text-align: center; }

.hero h1 { font-size: 42px; margin-bottom: 12px; }

.hero p { max-width: 700px; margin: 0 auto 30px; opacity: .8; }

.card-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 40px; }

.card { background: var(--card); padding: 24px; border-radius: 18px; box-shadow: 0 4px 18px rgba(0,0,0,.12); transition: 0.3s; }

.card:hover { transform: translateY(-6px); }

footer { padding: 30px; text-align: center; background: var(--card); margin-top: 50px; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* Responsive tweaks */
@media (max-width:800px) {
  header { padding: 12px }
  .hero h1 { font-size: 32px }
  .card-box { padding: 20px }
  nav { display: none }
}

/* Partner sprite classes (kept as in original) */
.cmn_partner.american_express { background-position: 0 -33px; }
.cmn_partner.aditya_birla { background-position: 0 1px }
.cmn_partner.axis_bank { background-position: 0 -68px }
.cmn_partner.bajaj_finserv { background-position: 0 -104px }
.cmn_partner.bob { background-position: 0 -142px }
.cmn_partner.cash { background-position: 0 -180px }
.cmn_partner.chola { background-position: 0 -214px }
.cmn_partner.cibil { background-position: 0 -255px }
.cmn_partner.kotakMahindra { background-position: 0 -1977px }
.cmn_partner.clix { background-position: 0 -320px }
.cmn_partner.credit_saison { background-position: 0 -357px }
.cmn_partner.crif { background-position: 0 -394px }
.cmn_partner.dmi_finance { background-position: 0 -430px }
.cmn_partner.early_salary { background-position: 0 -464px }
.cmn_partner.equifax { background-position: 0 -498px }
.cmn_partner.experian { background-position: 0 -538px }
.cmn_partner.faircent { background-position: 0 -573px }
.cmn_partner.flexloans { background-position: 0 -610px }
.cmn_partner.smfg_india { background-position: 0 -646px }
.cmn_partner.hdb { background-position: 0 -682px }
.cmn_partner.hdfc { background-position: 0 -718px }
.cmn_partner.hero_housing_finance { background-position: 0 -755px }
.cmn_partner.home_credit { background-position: 0 -790px }
.cmn_partner.home_first { background-position: 0 -825px }
.cmn_partner.icici { background-position: 0 -864px }
.cmn_partner.idfc { background-position: 0 -900px }
.cmn_partner.indiabulls { background-position: 0 -935px }
.cmn_partner.indifi { background-position: 0 -968px }
.cmn_partner.indusind_bank { background-position: 0 -1004px }
.cmn_partner.kotak { background-position: 0 -1041px }
.cmn_partner.kredit_bee { background-position: 0 -1077px }
.cmn_partner.landt { background-position: 0 -1112px }
.cmn_partner.lending_kart { background-position: 0 -1148px }
.cmn_partner.lic_hfl { background-position: 0 -1184px }
.cmn_partner.money_view { background-position: 0 -1221px }
.cmn_partner.muthoot_finance { background-position: 0 -1258px }
.cmn_partner.neogrowth { background-position: 0 -1296px }
.cmn_partner.paysense { background-position: 0 -1330px }
.cmn_partner.ratanindia { background-position: 0 -1365px }
.cmn_partner.rupeek { background-position: 0 -1400px }
.cmn_partner.sbi { background-position: 0 -1437px }
.cmn_partner.sme_corner { background-position: 0 -1473px }
.cmn_partner.standard_chartered { background-position: 0 -1511px }
.cmn_partner.stash_fin { background-position: 0 -1546px }
.cmn_partner.tata_capital { background-position: 0 -1581px }
.cmn_partner.federal_bank { background-position: 0 -1618px }
.cmn_partner.rbl_bank { background-position: 0 -1655px }
.cmn_partner.tvs_credit { background-position: 0 -1692px }
.cmn_partner.ugro { background-position: 0 -1725px }
.cmn_partner.union_bank { background-position: 0 -1761px }
.cmn_partner.yes_bank { background-position: 0 -1800px }
.cmn_partner.hdfc_ltd { background-position: 0 -1833px }
.cmn_partner.sbi_cards { background-position: 0 -1870px }
.cmn_partner.sbm_bank { background-position: 0 -1905px }
.cmn_partner.scbNew { background-position: 0 -1438px }
.cmn_partner.primal { background-position: 0 -1942px }
.cmn_partner.hero_fincorp { background-position: 0 -2014px }
.cmn_partner.poonawala_fincorp { background-position: 0 -2056px }
.cmn_partner.credit_vidya { background-position: 0 -2093px }
.cmn_partner.au_bank { background-position: 0 -2131px }
.cmn_partner.hsbc_bank { background-position: 0 -2169px }
.cmn_partner.protium { background-position: 0 -2206px }
.cmn_partner.bhfl { background-position: 0 -2241px }
.cmn_partner.ehfl { background-position: 0 -2278px }
.cmn_partner.shriram_finance { background-position: 0 -2315px }
.cmn_partner.incred { background-position: 0 -2347px }
.cmn_partner.muthoot_fincorp { background-position: 0 -2383px }
.cmn_partner.tata_housing_finance { background-position: 0 -2421px }
.cmn_partner.samman_capital { background-position: 0 -2568px }
.cmn_partner.india_shelter { background-position: 0 -2492px }
.cmn_partner.idbi_bank { background-position: 0 -2531px }
.cmn_partner.jio_housing_finance { background-position: 0 -2455px }

/* FAQ / accordion styles */
.accordion-item {
  background: var(--card);
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
  margin-bottom: 18px;
  cursor: pointer;
}

.accordion-question { font-size: 18px; font-weight: 700; display:flex; justify-content:space-between; align-items:center; }

.accordion-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; opacity: 0; }

.accordion-item.active .accordion-answer { max-height: 200px; opacity: 1; margin-top: 10px; }

.cmn_partner { content: ""; background: url('../img/partners-sprite-lite.png') no-repeat border-box; background-size: calc(100% - 0px); display: block; z-index: 1; height: 34px; width: 90px; top: 50%; transform: translate(-50%, -50%); left: 50%; margin:10px 21px }

.cmn_partner_type_container { margin-top: 40px; display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -15px; }

/* additional mobile overrides from original */
@media (max-width: 640px) {
  .cmn_partner_type_container { margin:0 -10px }
  .tab_name_parent { overflow: scroll; white-space: nowrap; padding: 0 10px; margin: 0 -15px 24px -10px; scrollbar-width: none }
  .our_partners_wrapper label.cmn_tab_name { width: auto; margin-right: 6px; min-width: 60px; float: none }
  .cmn_partner { height: 44px; margin: 10px 10px 10px 0; width: calc(33% - 9px) }
  .cmn_partner { height: 32px; width: 74px }
}