:root{ --brand:#204A72; --accent:#F38E1F; --ink:#0f172a; --border:#e6e6e6; }
    *{ box-sizing:border-box; }
    body{ font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink); background:#fff; margin:0; }

    /* ========== NAVBAR ========== */
    .hoc-navbar{ background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.08); padding:.7rem 1rem; }
    .hoc-brand img,
.site-logo img,
.custom-logo{ height:48px; width:auto; object-fit:contain; border-radius:10px; padding:4px 6px; transition:transform .3s; background:#fff; }
    .hoc-brand:hover img{ transform:scale(1.05); }

    .hoc-menu .nav-link{
      position:relative; color:var(--brand); font-weight:600; letter-spacing:.3px;
      padding:8px 14px; border-radius:8px; transition:all .25s ease;
    }
    .hoc-menu .nav-link::after{
      content:""; position:absolute; bottom:4px; left:50%; width:0; height:2px;
      background:linear-gradient(90deg,var(--brand),var(--accent)); transform:translateX(-50%); transition:width .3s ease; border-radius:2px;
    }
    .hoc-menu .nav-link:hover{ color:var(--accent); background:rgba(243,142,31,.1); }
    .hoc-menu .nav-link:hover::after, .hoc-menu .nav-link:focus::after{ width:60%; }

    .hoc-dd{ border:0; border-radius:14px; padding:.5rem; box-shadow:0 10px 30px rgba(0,0,0,.15); }
    .hoc-dd .dropdown-item{ font-weight:500; color:var(--brand); border-radius:10px; }
    .hoc-dd .dropdown-item:hover{ background:var(--accent); color:#fff; }

    .hoc-nav-search{ max-width:420px; width:100%; }
    .hoc-search-pill{
      display:flex; align-items:center; gap:.5rem; border-radius:999px;
      border:1px solid var(--border); background:#f8f9fa; padding:6px 10px 6px 16px;
    }
    .hoc-search-pill input{ flex:1; border:none; outline:none; background:transparent; font-size:14px; color:var(--ink); }
    .hoc-search-btn{
      border:none; background:var(--accent); color:#fff; border-radius:50%; width:34px; height:34px;
      display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:16px; transition:background .3s;
    }
    .hoc-search-btn:hover{ background:var(--brand); }
    .hoc-toggler{ border:1px solid var(--border); border-radius:8px; }

    /* ========== HERO ========== */
    .hoc-hero{ background:linear-gradient(180deg,#fff 0%, #f9fafb 100%); min-height:75vh; display:flex; align-items:center; }
    .hoc-hero-heading{ font-size:clamp(1.9rem,3vw,3rem); font-weight:800; color:var(--brand); line-height:1.25; margin:0; }
    .hoc-hero-heading span{ color:var(--accent); }
    .hoc-hero-sub{ color:#475569; font-size:1.05rem; max-width:700px; margin:12px auto 0; }

    /* Hero Calculator */
    .hoc-hero-calc{
      background:#fff; border:1px solid var(--border); border-radius:20px;
      box-shadow:0 8px 25px rgba(0,0,0,0.08); padding:22px 18px; max-width:760px;
    }
    .hoc-calc-title{ font-weight:700; color:var(--brand); font-size:1.15rem; margin:0 0 8px; }
    .hoc-calc-form .form-control{ border-radius:12px; border:1px solid #dce0e5; padding:10px 14px; font-size:14px; }
    .hoc-calc-form .form-control:focus{ border-color:var(--accent); box-shadow:0 0 0 .2rem rgba(243,142,31,.15); }
    .hoc-btn-calc{
      background:var(--accent); color:#fff; font-weight:700; border:none; border-radius:999px;
      padding:10px 22px; box-shadow:0 5px 14px rgba(243,142,31,.25); transition:transform .25s, background .25s;
    }
    .hoc-btn-calc:hover{ background:#d97910; transform:translateY(-2px); }
    .hoc-calc-result{
      display:inline-block; font-weight:800; color:var(--brand);
      background:rgba(32,74,114,.08); padding:8px 18px; border-radius:999px; font-size:1rem;
    }

    /* ========== CATEGORIES ========== */
    .hoc-cat-section{ background:linear-gradient(180deg,#fff 0%, #f9fafb 100%); }
    .hoc-cat-title{ font-weight:800; color:var(--brand); letter-spacing:.2px; }
    .hoc-cat-title span{ color:var(--accent); }
    .hoc-cat-sub{ color:#64748b; max-width:720px; margin:0 auto; }
    .hoc-cat-card{
      border:1px solid var(--border); border-radius:18px; padding:18px; text-decoration:none; background:#fff;
      box-shadow:0 4px 10px rgba(0,0,0,.04); transition:transform .25s, box-shadow .25s, border-color .25s;
      display:flex; flex-direction:column; height:100%;
    }
    .hoc-cat-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(32,74,114,.15); border-color:rgba(32,74,114,.25); }
    .hoc-cat-icon{
      width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px;
      background:linear-gradient(135deg,var(--brand),var(--accent)); color:#fff; margin-bottom:10px; box-shadow:0 6px 14px rgba(32,74,114,.25);
    }
    .hoc-cat-name{ font-size:1.05rem; font-weight:700; color:var(--ink); margin:2px 0 4px; }
    .hoc-cat-text{ color:#6b7280; margin:0 0 12px; font-size:.95rem; }
    .hoc-cat-badge{ align-self:flex-start; font-size:.8rem; font-weight:700; padding:.35rem .6rem; border-radius:999px; color:#fff; background:var(--brand); }
    .hoc-cat-all{ border-radius:999px; padding:.7rem 1.25rem; font-weight:700; border:2px solid var(--brand); color:var(--brand); text-decoration:none; transition:all .25s; }
    .hoc-cat-all:hover{ background:var(--brand); color:#fff; }

    /* ========== FEATURED LIST + PREVIEW ========== */
    .hoc-feat-title{ color:var(--brand); font-weight:800; }
    .hoc-feat-list .nav-link{
      background:#fff; color:var(--brand); font-weight:600; border:1px solid var(--border);
      border-radius:14px; padding:.8rem 1rem; display:flex; align-items:center; gap:.6rem; transition:all .2s;
    }
    .hoc-feat-list .nav-link:hover{ border-color:rgba(32,74,114,.35); box-shadow:0 6px 16px rgba(32,74,114,.1); }
    .hoc-feat-list .nav-link.active{
      background:linear-gradient(135deg,rgba(32,74,114,.12),rgba(243,142,31,.12));
      border-color:rgba(32,74,114,.35); color:var(--ink);
    }
    .hoc-fi{
      width:36px; height:36px; border-radius:10px; display:inline-grid; place-items:center;
      background:linear-gradient(135deg,var(--brand),var(--accent)); color:#fff; font-weight:700; box-shadow:0 6px 14px rgba(32,74,114,.18);
    }
    .hoc-feat-preview .hoc-pv-card{
      border:1px solid var(--border); border-radius:18px; background:#fff; padding:18px; box-shadow:0 8px 20px rgba(0,0,0,.05);
    }
    .hoc-pv-title{ margin:0 0 4px; font-weight:800; color:var(--brand); }
    .hoc-pv-sub{ margin:0 0 14px; color:#64748b; }
    .hoc-btn-brand{ background:var(--brand); color:#fff; border-radius:999px; padding:.6rem 1.1rem; font-weight:700; border:none; }
    .hoc-btn-brand:hover{ background:#17385a; color:#fff; }
    .hoc-btn-outline-brand{ border:2px solid var(--accent); color:var(--accent); border-radius:999px; padding:.55rem 1.05rem; font-weight:700; }
    .hoc-btn-outline-brand:hover{ background:var(--accent); color:#fff; }
    .form-control{ border-radius:12px; }

    /* ========== TRENDING ========== */
    .hoc-trend-title{ font-weight:800; color:var(--brand); }
    .hoc-trend-title span{ color:var(--accent); }
    .hoc-trend-card{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:0 6px 16px rgba(0,0,0,.06); }
    .hoc-trend-subtitle{ color:var(--brand); font-weight:800; letter-spacing:.2px; }
    .hoc-pill{ display:inline-block; font-size:.75rem; font-weight:700; color:#fff; background:var(--brand); padding:.25rem .6rem; border-radius:999px; }
    .hoc-pill-outline{ color:var(--accent); background:transparent; border:2px solid var(--accent); }

    .hoc-trend-list .hoc-trend-item{
      display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px;
      padding:10px 8px; border-radius:12px; position:relative;
    }
    .hoc-trend-list .hoc-trend-item + .hoc-trend-item{ margin-top:6px; }
    .hoc-rank{
      width:34px; height:34px; border-radius:10px; display:inline-grid; place-items:center;
      background:linear-gradient(135deg,var(--brand),var(--accent)); color:#fff; font-weight:800;
    }
    .hoc-delta{ font-size:22px; width:34px; height:34px; display:inline-grid; place-items:center; border-radius:10px; background:#f7f8fb; color:var(--brand); }
    .hoc-delta.up{ color:#157347; background:#e8f5ee; } .hoc-delta.down{ color:#b42318; background:#fdecec; }
    .hoc-link{ text-decoration:none; color:var(--ink); font-weight:700; } .hoc-link:hover{ color:var(--brand); }
    .hoc-count{ font-weight:800; color:var(--brand); background:rgba(32,74,114,.08); padding:.25rem .5rem; border-radius:8px; min-width:70px; text-align:right; }
    .hoc-bar{ grid-column:2 / -1; height:6px; border-radius:999px; background:#eef2f6; margin-top:6px; overflow:hidden; }
    .hoc-bar-fill{ height:100%; background:linear-gradient(90deg,var(--brand),var(--accent)); border-radius:999px; }
    .hoc-bar-fill.up{ background:linear-gradient(90deg,#0f9d58,#34c759); } .hoc-bar-fill.down{ background:linear-gradient(90deg,#d32f2f,#ff6b6b); }

    /* ========== GUIDES ========== */
    .hoc-guides-title{ font-weight:800; color:var(--brand); }
    .hoc-guides-sub{ color:#64748b; }
    .hoc-guides-cta{
      border:2px solid var(--brand); color:var(--brand); font-weight:700; border-radius:999px;
      padding:.55rem 1rem; text-decoration:none; transition:all .2s;
    }
    .hoc-guides-cta:hover{ background:var(--brand); color:#fff; }
    .hoc-guide-card{
      display:block; text-decoration:none; color:var(--ink); background:#fff; border:1px solid var(--border);
      border-radius:16px; padding:16px; box-shadow:0 6px 16px rgba(0,0,0,.06); position:relative; transition:transform .2s, box-shadow .2s, border-color .2s;
    }
    .hoc-guide-card:hover{ transform:translateY(-3px); box-shadow:0 16px 30px rgba(32,74,114,.12); border-color:rgba(32,74,114,.25); }
    .hoc-guide-chip{ position:absolute; top:12px; right:12px; font-size:.7rem; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--brand),var(--accent)); padding:.25rem .5rem; border-radius:999px; }
    .hoc-guide-title{ margin:0 0 6px; font-size:1.05rem; font-weight:800; color:var(--brand); }
    .hoc-guide-excerpt{ margin:0 0 10px; color:#6b7280; line-height:1.5; font-size:.95rem; }
    .hoc-guide-meta{ display:flex; align-items:center; justify-content:space-between; }
    .hoc-readtime{ color:#64748b; font-weight:600; font-size:.85rem; }
    .hoc-arrow{ color:var(--accent); font-weight:800; font-size:.9rem; padding:.25rem .5rem; border-radius:8px; background:rgba(243,142,31,.12); }
    .hoc-guides-primary-cta{
      background:var(--accent); color:#fff; font-weight:800; border-radius:999px; padding:.7rem 1.25rem; text-decoration:none;
      box-shadow:0 10px 22px rgba(243,142,31,.25); transition:transform .2s, background .2s;
    }
    .hoc-guides-primary-cta:hover{ background:#d97910; transform:translateY(-2px); }

    /* ========== FOOTER ========== */
    .hoc-footer{ background:#fff; border-top:4px solid var(--accent); box-shadow:0 -6px 18px rgba(0,0,0,.06); }
    .hoc-footer-line{ height:4px;  border-radius:0 0 12px 12px; }
    .hoc-footer-title{ font-weight:700; color:var(--brand); letter-spacing:.3px; margin-bottom:.75rem; }
    .hoc-footer-links a{ color:var(--ink); display:block; padding:.35rem 0; border-radius:8px; text-decoration:none; }
    .hoc-footer-links a:hover{ color:var(--accent); background:rgba(243,142,31,.08); }
    .hoc-footer-logo img{ height:56px; width:auto; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)); }
.hoc-footer-links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
   /* === WP Social Widget Buttons — Final Styled by Pooja === */
body .hoc-social {
  display: flex !important;
  align-items: center !important;
 
  gap: 10px !important;
  text-align: center !important;
  margin: 0 auto !important;
}

body .wpsw-social-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* ✅ Center align list */
  gap: 10px !important;
  list-style: none !important;
  
  padding: 0 !important;
  text-align: center !important;
}

/* Rest of your CSS — unchanged */
body .wpsw-social-links li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .wpsw-social-links li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  margin-right: .4rem !important;
  background: #f6f7f9 !important;
  color: var(--brand) !important;
  border: 1px solid var(--border) !important;
  transition: all .2s !important;
  text-decoration: none !important;
}

body .wpsw-social-links li a .social-icon {
  color: #204A72 !important;
  font-size: 20px !important;
  line-height: 38px !important;
  transition: all 0.3s ease-in-out !important;
}

body .wpsw-social-links li a:hover,
body .wpsw-social-links li a:focus {
  background: #F38E1F !important;
  border-color: #F38E1F !important;
}

body .wpsw-social-links li a:hover .social-icon,
body .wpsw-social-links li a:focus .social-icon {
  color: #ffffff !important;
}

/* Responsive */
@media (max-width: 575px) {
  body .wpsw-social-links li a {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
  }

  body .wpsw-social-links li a .social-icon {
    font-size: 18px !important;
  }
}


/* Disable plugin styles effect globally */
body .wpsw-social-links li a .social-icon,
body .wpsw-social-links li a,
body .wpsw-social-links {
  all: unset;
  display: revert !important;
}

    .hoc-social a:hover{ background:var(--accent); color:#fff; border-color:var(--accent); }
    .hoc-newsletter .form-control{ border-radius:999px; padding:.65rem 1rem; border:1px solid var(--border); }
    .hoc-btn-accent{ background:var(--accent); color:#fff; border:none; border-radius:999px; padding:.65rem 1rem; font-weight:600; }
    .hoc-btn-accent:hover{ background:#d97910; }
    .hoc-footer-bottom{ border-top:1px solid var(--border); color:#475569; font-size:.93rem; }
    .hoc-backtop{ display:inline-flex; align-items:center; gap:.4rem; color:var(--brand); text-decoration:none; }
    .hoc-backtop:hover{ color:var(--accent); }

/* default page */
/* === Default Page Styling === */
.default-section {
  padding: 100px 0;
  background-color: #ffffff; /* or use var(--bg) if your theme supports it */
}


/* Page headings */
.default-section .default-css h1,
.default-section .default-css h2,
.default-section .default-css h3 {
  color: #204A72;
  margin-bottom: 20px;
  font-weight: 600;
}

/* Paragraph spacing */
.default-section .default-css p {
  margin-bottom: 16px;
}

/* Responsive */
@media (max-width: 768px) {
  .default-section {
    padding: 60px 0;
  }
  .default-section .default-css {
    padding: 25px;
  }
}

    /* ========== RESPONSIVE ========== */
    @media (max-width:992px){
      .hoc-nav-search{ max-width:100%; margin-top:10px; }
      .hoc-menu .nav-link::after{ display:none; }
    }
    @media (max-width:768px){
      .hoc-hero-heading{ font-size:1.8rem; }
      .hoc-hero-sub{ font-size:.95rem; }
      .hoc-hero-calc{ padding:18px 14px; }
    }
    @media (max-width:576px){ .hoc-count{ min-width:auto; } }

/* Loan Calculator  */
.text-center{
      text-align: center !important;
    }