*{box-sizing:border-box}:root{--blue:#075ee8;--cyan:#13c5dd;--ink:#071428;--muted:#64748b;--line:#dbe7f5}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(90deg,#eaf6ff 0,#fff 16%,#fff 84%,#eaf6ff 100%)}.page{max-width:1220px;margin:auto;min-height:100vh;background:#fff;box-shadow:0 0 42px rgba(7,94,232,.12)}.head{display:flex;align-items:center;justify-content:space-between;padding:17px 28px;border-top:4px solid var(--blue);border-bottom:1px solid #dbeafe}.head img{height:72px;max-width:320px;object-fit:contain}.clock{display:flex;gap:8px;flex-wrap:wrap}.clock span{padding:10px 13px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#075ee8;font-size:12px;font-weight:800}.nav{display:flex;gap:8px;flex-wrap:wrap;padding:11px 24px;border-bottom:3px solid var(--blue);box-shadow:0 8px 24px rgba(7,94,232,.08)}.nav a{padding:10px 13px;border-radius:10px;text-decoration:none;color:#17355c;font-weight:800}.nav a.active,.nav a:hover{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}main{padding:28px 48px 55px}.hero{display:flex;align-items:center;justify-content:space-between;padding:32px;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 18px 40px rgba(7,94,232,.22)}.hero h1{font-size:38px;margin:8px 0}.hero p{margin:0;line-height:1.6}.hero i{font-size:67px}.controls{display:grid;grid-template-columns:1fr 210px 210px;gap:12px;margin:26px 0}.search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:14px}.search input,.controls select{height:50px;width:100%;border:0;outline:0;background:#fff;font-size:14px}.controls select{border:1px solid var(--line);border-radius:14px;padding:0 12px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.material{border:1px solid #dbeafe;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 13px 30px rgba(7,94,232,.10);transition:.25s}.material:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(7,94,232,.17)}.cover{height:145px;background:linear-gradient(135deg,#eaf4ff,#e9fcff);display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover i{font-size:46px;color:#075ee8}.body{padding:18px}.body h3{margin:0 0 9px;color:#075ee8}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.chips span{padding:6px 8px;border-radius:999px;background:#eff6ff;color:#075ee8;font-size:11px;font-weight:900}.body p{color:var(--muted);font-size:14px;line-height:1.55;min-height:44px}.actions{display:flex;gap:9px;margin-top:15px}.btn{flex:1;text-align:center;padding:11px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:900}.light{color:#075ee8;background:#eff6ff;border:1px solid #bfdbfe}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}.empty{text-align:center;padding:60px;color:var(--muted)}.notice{margin-top:28px;padding:18px;border-radius:16px;border:1px solid #bfdbfe;border-top:4px solid #10b981;background:#f8fcff}.notice h3{color:#075ee8;margin:0 0 8px}.footer{text-align:center;color:#fff;padding:22px 14px;background:linear-gradient(90deg,#1267ea,#13b8cf)}.footer h3{margin:0 0 12px}.social{display:flex;justify-content:center;gap:23px;margin-bottom:10px;font-size:20px}.footer p{font-size:13px;margin:0}.detail-card{margin-top:25px;padding:24px;border:1px solid #dbeafe;border-radius:20px;background:linear-gradient(145deg,#fff,#f5faff)}.detail-card h2{color:#075ee8}.detail-description{line-height:1.75;color:#334155;white-space:pre-line}@media(max-width:900px){.material-grid{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}}@media(max-width:640px){.head{padding:13px}.head img{height:52px;max-width:205px}.clock span{font-size:10px;padding:7px}.nav{padding:9px}.nav a{font-size:11px;padding:8px}main{padding:17px 13px 38px}.hero{padding:23px 18px}.hero h1{font-size:29px}.hero i{display:none}.controls{grid-template-columns:1fr}.search{grid-column:auto}.material-grid{grid-template-columns:1fr}}
/* ===== Contact Style Header ===== */

.contact-home-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 35px;
    background:#fff;
    border-top:4px solid #0b63ff;
    border-bottom:1px solid #dbeafe;
}

.contact-main-logo img{
    height:72px;
    width:auto;
}

.contact-date-time{
    display:flex;
    gap:12px;
}

.contact-date-time span{
    display:flex;
    align-items:center;
    gap:8px;
    padding:11px 16px;
    border-radius:999px;
    background:#eff6ff;
    color:#075ee8;
    border:1px solid #bfdbfe;
    font-weight:700;
}

.rj-nav{
    display:flex;
    gap:12px;
    padding:12px 24px;
    background:#fff;
    border-top:3px solid #0b63ff;
  border-bottom:none;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.rj-nav a{
    text-decoration:none;
    color:#17355c;
    padding:10px 16px;
    border-radius:10px;
    font-weight:700;
}

.rj-nav a.active,
.rj-nav a:hover{
    background:linear-gradient(135deg,#0b63ff,#18c6dd);
    color:#fff;
}


/* ===== FINAL TOOLS-LIKE HEADER FIX ===== */
.tools-home-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 35px;
  background:#fff;
  border-top:4px solid #0b63ff;
  border-bottom:1px solid #dbeafe;
}

.tools-main-logo img{
  height:72px;
  width:auto;
  max-width:320px;
  display:block;
}

.tools-date-time-pill{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#075ee8;
  font-weight:800;
  white-space:nowrap;
}

.tools-home-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:5px;
  padding:11px 16px;
  background:#fff;
  border-bottom:3px solid #0b63ff;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  overflow-x:auto;
}

.tools-home-nav a{
  flex:0 0 auto;
  text-decoration:none;
  color:#17355c;
  padding:10px 11px;
  border-radius:10px;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}

.tools-home-nav a.active,
.tools-home-nav a:hover{
  background:linear-gradient(135deg,#0b63ff,#18c6dd);
  color:#fff;
}

@media(max-width:760px){
  .tools-home-header{
    padding:14px;
    gap:12px;
  }

  .tools-main-logo img{
    height:54px;
    max-width:210px;
  }

  .tools-date-time-pill{
    padding:8px 10px;
    font-size:11px;
  }

  .tools-home-nav{
    justify-content:flex-start;
  }
}
/* =========================================================
   STUDY MATERIAL FINAL HEADER FIX
   Paste at the END of study-material.css
   ========================================================= */

.tools-home-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:18px 35px !important;

    background:#ffffff !important;

    border-top:4px solid #0b63ff !important;
    border-bottom:none !important;

    box-shadow:none !important;
}

.tools-main-logo img{
    height:72px !important;
    width:auto !important;
    max-width:320px !important;
    display:block !important;
    object-fit:contain !important;
}

.tools-header-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

.tools-date-time-pill{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    padding:10px 18px !important;

    border-radius:999px !important;

    background:#eff6ff !important;

    border:1px solid #bfdbfe !important;

    color:#075ee8 !important;

    font-weight:700 !important;

    box-shadow:0 8px 18px rgba(7,94,232,.08) !important;
}

/* ===== Navigation ===== */

.tools-home-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    flex-wrap:wrap !important;

    padding:12px 24px !important;

    background:#ffffff !important;

    /* Home page jaisi blue line */
    border-top:4px solid #0b63ff !important;

    /* Niche wali line hata do */
    border-bottom:none !important;

    box-shadow:0 10px 22px rgba(7,94,232,.10) !important;
}

.tools-home-nav a{

    display:flex !important;
    align-items:center !important;
    gap:6px !important;

    padding:10px 16px !important;

    text-decoration:none !important;

    color:#17355c !important;

    font-size:15px !important;

    font-weight:700 !important;

    border-radius:10px !important;

    transition:.25s !important;
}

.tools-home-nav a:hover,
.tools-home-nav a.active{

    background:linear-gradient(135deg,#0b63ff,#13c5dd) !important;

    color:#ffffff !important;
}

/* ===== Mobile ===== */

@media(max-width:768px){

    .tools-home-header{

        padding:14px 16px !important;

        flex-wrap:wrap !important;

        gap:12px !important;
    }

    .tools-main-logo img{

        height:55px !important;
    }

    .tools-date-time-pill{

        width:100% !important;

        justify-content:center !important;
    }

    .tools-home-nav{

        justify-content:flex-start !important;

        overflow-x:auto !important;

        flex-wrap:nowrap !important;
    }

    .tools-home-nav a{

        white-space:nowrap !important;
    }
}



/* =========================================================
   STUDY MATERIAL — EXACT TOOLS HEADER / SIZE / FOOTER
   Final override copied from current common.css/tools.html
   ========================================================= */

.page{
  max-width:1420px !important;
  margin:auto !important;
  background:#fff !important;
  min-height:100vh !important;
  box-shadow:0 20px 70px #0d4a8729 !important;
}

/* Exact Tools header */
.tools-home-header{
  min-height:150px !important;
  padding:18px 42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  background:#fff !important;
  color:#071a4d !important;
  border-top:7px solid #075ee8 !important;
  border-bottom:7px solid #075ee8 !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(7,94,232,.15) !important;
}

.tools-home-header::before,
.tools-home-header::after{
  display:none !important;
  content:none !important;
}

.tools-brand,
.tools-main-logo{
  height:115px !important;
  display:flex !important;
  align-items:center !important;
}

.tools-main-logo img{
  display:block !important;
  height:108px !important;
  width:auto !important;
  max-width:460px !important;
  max-height:108px !important;
  object-fit:contain !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.tools-home-header .tools-header-actions{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
}

.tools-home-header .tools-date-time-pill{
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  padding:12px 20px !important;
  color:#fff !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#0878f5,#0759d8) !important;
  border:1px solid rgba(255,255,255,.60) !important;
  box-shadow:0 8px 18px rgba(7,94,232,.23) !important;
  animation:none !important;
  white-space:nowrap !important;
}

.tools-date-time-pill i{
  width:1px !important;
  height:20px !important;
  background:rgba(255,255,255,.45) !important;
}

/* Exact Tools navigation */
.tools-home-nav{
  margin:10px 25px 0 !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:4px !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
  background:#fff !important;
  border:0 !important;
  border-radius:17px !important;
  box-shadow:0 13px 35px rgba(5,39,105,.15) !important;
}

.tools-home-nav a{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:13px 16px !important;
  color:#06163a !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  border-radius:12px !important;
}

.tools-home-nav a.active,
.tools-home-nav a:hover{
  color:#fff !important;
  background:linear-gradient(135deg,#0a72ff,#075ce2) !important;
  box-shadow:0 9px 18px rgba(7,101,236,.25) !important;
}

/* Keep Study Material content while matching Tools outer spacing */
.study-main{
  padding:34px 24px !important;
  background:linear-gradient(180deg,#eef8ff,#fff 360px) !important;
}

.study-main > *{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}

.study-main .hero{
  max-width:1080px !important;
}

/* Exact Tools footer */
.rj-footer{
  width:100% !important;
  margin-top:45px !important;
  padding:22px 15px 20px !important;
  text-align:center !important;
  color:#fff !important;
  background:linear-gradient(90deg,#1267ea 0%,#13b8cf 100%) !important;
}

.rj-footer h3{
  margin:0 0 12px !important;
  font-size:20px !important;
  font-weight:800 !important;
  color:#fff !important;
}

.footer-icons{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  margin-bottom:12px !important;
}

.footer-icons span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:20px !important;
  cursor:pointer !important;
  transition:transform .25s ease,opacity .25s ease !important;
}

.footer-icons span:hover{
  transform:translateY(-4px) scale(1.1) !important;
  opacity:.85 !important;
}

.rj-footer p{
  margin:0 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:500 !important;
}

@media(max-width:1100px){
  .tools-home-header{
    min-height:125px !important;
    padding:14px 22px !important;
  }
  .tools-brand,
  .tools-main-logo{height:92px !important}
  .tools-main-logo img{
    height:88px !important;
    max-height:88px !important;
    max-width:350px !important;
  }
  .tools-home-header .tools-date-time-pill{display:none !important}
  .tools-home-nav{
    margin:0 !important;
    border-radius:0 !important;
    justify-content:flex-start !important;
  }
}

@media(max-width:768px){
  .tools-home-header{
    min-height:96px !important;
    padding:10px 12px !important;
    border-top-width:5px !important;
    border-bottom-width:5px !important;
  }
  .tools-brand,
  .tools-main-logo{height:68px !important}
  .tools-main-logo img{
    height:64px !important;
    max-height:64px !important;
    max-width:220px !important;
  }
  .tools-home-nav{padding:8px !important}
  .tools-home-nav a{
    padding:10px 12px !important;
    font-size:13px !important;
  }
  .study-main{padding:20px 10px !important}
  .rj-footer{padding:20px 12px 18px !important}
  .rj-footer h3{font-size:18px !important}
  .footer-icons{gap:20px !important}
  .footer-icons span{font-size:19px !important}
  .rj-footer p{font-size:12px !important}
}