@charset "UTF-8";
/* Header adjustments, desktop and mobile hero, research and content styles.
   Existing CSS rule order preserved. Edit selectors with care.
*/

/* ================= ORIGINAL home-04.css ================= */

/* id="index-header-mobile-spacing-fix" */

    @media (max-width: 639px) {
      /* Move the original logo and adjacent text up together. */
      .only-header-mobile-h > .container > .flex > .flex > a {
        transform: translateY(-12px) !important;
      }

      /* Keep the original two tagline lines on two lines. */
      .only-header-mobile-h #typewriter {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
      }
      .only-header-mobile-h #typewriter .typewriter-line {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
      }

      /* Home stays on its own bottom-right row. */
      .only-header-mobile-h .only-header-mobile-home {
        position: relative;
        z-index: 2;
      }
    }
  

/* id="index-hamburger-viewport-alignment" */

    @media (max-width: 767px) {
      html body .only-header-mobile-h #mobileMenuButton {
        position: fixed !important;
        top: 23px !important;
        right: 26px !important;
        left: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        z-index: 10001 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 24px !important;
      }
    }
  


/* ================= ORIGINAL home-05.css ================= */

/* id="ssv2-home-style" */

/* Homepage hero + 4 entry cards — boss design (Nov 2026). Unique ssv2- classes; old hero/card CSS does not touch them. */
.ssv2-home{background:#fff!important;width:100%;position:relative;z-index:5;overflow:hidden}
.ssv2-home *{box-sizing:border-box}
.ssv2-canvas{--u:calc(min(100vw,1000px) / 1160);width:min(100%,1000px);margin:0 auto;padding-bottom:calc(var(--u) * 40)}
@supports (container-type:inline-size){.ssv2-canvas{container-type:inline-size;--u:calc(100cqw / 1160)}}
.ssv2-hero{position:relative;min-height:calc(var(--u) * 628)}
.ssv2-art{position:absolute;z-index:1;left:calc(var(--u) * 646);top:calc(var(--u) * 102);width:calc(var(--u) * 513);height:calc(var(--u) * 508);
  background-image:url('/Images/dek.webp');
  background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none}
.ssv2-copy{position:relative;z-index:2;padding:calc(var(--u) * 52) 0 0 calc(var(--u) * 60)}
.ssv2-home .ssv2-line{display:table;white-space:nowrap}
.ssv2-home .ssv2-title{font-family:'Source Serif 4','Source Serif Pro',Georgia,'Times New Roman',serif!important;font-weight:700!important;font-style:normal!important;font-variation-settings:'opsz' 20!important;color:#052A50!important;
  font-size:calc(var(--u) * 76)!important;line-height:calc(var(--u) * 72)!important;letter-spacing:-.025em!important;margin:0!important;padding:0!important;text-align:left!important}
.ssv2-rule{width:calc(var(--u) * 205);height:calc(var(--u) * 8);background:#DC9F09;border-radius:calc(var(--u) * 4);margin:calc(var(--u) * 19) 0 0}
.ssv2-home .ssv2-desc{font-family:'Segoe UI','Inter',Arial,sans-serif!important;font-weight:400!important;color:#0F0F10!important;
  font-size:calc(var(--u) * 25)!important;line-height:calc(var(--u) * 30)!important;letter-spacing:0!important;margin:calc(var(--u) * 27) 0 0!important;padding:0!important;text-align:left!important}
.ssv2-home .ssv2-desc + .ssv2-desc{margin-top:calc(var(--u) * 21)!important}
.ssv2-divider{display:block;border:0;height:calc(var(--u) * 2);min-height:1px;background:#C9C9CB;margin:0 calc(var(--u) * 44) 0 calc(var(--u) * 46)}
.ssv2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--u) * 28);row-gap:calc(var(--u) * 23);margin:calc(var(--u) * 39) calc(var(--u) * 39) 0 calc(var(--u) * 37)}
.ssv2-home .ssv2-card{display:block;min-width:0;min-height:calc(var(--u) * 213);padding:calc(var(--u) * 31) calc(var(--u) * 30) calc(var(--u) * 34) calc(var(--u) * 43);
  background:linear-gradient(180deg,#FCFBFA 0%,#F8F7F5 100%);border:max(1px,calc(var(--u) * 2)) solid #DDDBDC;border-radius:calc(var(--u) * 20);
  box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 8) rgba(0,0,0,.06);text-decoration:none!important;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ssv2-home .ssv2-card:hover,.ssv2-home .ssv2-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.10);border-color:#DDA007;outline:none}
.ssv2-card-bar{display:block;width:calc(var(--u) * 76);height:calc(var(--u) * 7);background:#E4A30A;border-radius:calc(var(--u) * 4);margin:0 0 calc(var(--u) * 16)}
.ssv2-home .ssv2-card-title{font-family:'Source Serif 4','Source Serif Pro',Georgia,'Times New Roman',serif!important;font-weight:700!important;font-variation-settings:'opsz' 20!important;color:#0B264A!important;
  font-size:calc(var(--u) * 44)!important;line-height:calc(var(--u) * 43)!important;letter-spacing:-.02em!important;margin:0 0 calc(var(--u) * 9)!important;padding:0!important}
.ssv2-home .ssv2-card-sub{font-family:'Segoe UI','Inter',Arial,sans-serif!important;font-weight:400!important;color:#212020!important;
  font-size:calc(var(--u) * 25)!important;line-height:calc(var(--u) * 32)!important;letter-spacing:0!important;margin:0!important;padding:0!important}
/* Minimum 11px: koi text 11px se chhota nahi hoga. Jab design ka size 11px se kam banta ho (chhote phones),
   to "readable" mode on hota hai: paragraph/subtitle ki lines aam tareeqe se wrap hoti hain, taake 11px text column mein pura aaye. */
.ssv2-home .ssv2-title{font-size:max(22px,calc(var(--u) * 76))}
.ssv2-home .ssv2-desc,.ssv2-home .ssv2-card-sub{min-height:0}
.ssv2-readable .ssv2-desc,.ssv2-readable .ssv2-card-sub{font-size:max(11px,calc(var(--u) * 25))!important;line-height:1.36!important}
/* Chhote phones: paragraph 11px semi-bold, design wali lines (har line wahin toot'ti hai jahan boss design mein),
   word aur line spacing tight. Illustration paragraph ke right mein bachi jagah mein fit hoti hai (JS se). */
.ssv2-readable .ssv2-desc{font-size:11px!important;font-weight:400!important;line-height:1.27!important;letter-spacing:-.012em!important;word-spacing:-.06em!important;margin-top:9px!important}
.ssv2-readable .ssv2-desc + .ssv2-desc{margin-top:6px!important}
.ssv2-readable .ssv2-copy{padding-left:max(14px,calc(var(--u) * 60))}
.ssv2-readable .ssv2-rule{margin-top:max(7px,calc(var(--u) * 19))}
.ssv2-readable .ssv2-card-sub{font-weight:400!important;line-height:1.27!important;letter-spacing:-.012em!important;word-spacing:-.06em!important}
.ssv2-readable .ssv2-card-sub .ssv2-line{display:block!important;white-space:normal!important}
.ssv2-readable .ssv2-copy{padding-bottom:max(16px,calc(var(--u) * 40))}
.ssv2-readable .ssv2-card{min-height:0;padding-bottom:calc(var(--u) * 40)}
/* Desktop (10 Nov 2026): hero + charon boxes website khulte hi ek screen mein. Section ki chaurai screen ki oonchai ke hisaab se
   chhoti hoti hai (max 1000px), hero tight hai, aur 4 boxes ek hi row mein. */
@media (min-width:1024px){
  #desktop-pdf-layout .ssv2-canvas{width:min(100%, 1000px, calc((100vh - 120px) * 1.36));padding-bottom:calc(var(--u) * 26)}
  #desktop-pdf-layout .ssv2-hero{min-height:calc(var(--u) * 586)}
  #desktop-pdf-layout .ssv2-copy{padding-top:calc(var(--u) * 18)}
  #desktop-pdf-layout .ssv2-art{top:calc(var(--u) * 64)}
  #desktop-pdf-layout .ssv2-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:calc(var(--u) * 26) calc(var(--u) * 44) 0 calc(var(--u) * 46);column-gap:calc(var(--u) * 18);row-gap:0}
  #desktop-pdf-layout .ssv2-home .ssv2-card{min-height:0;padding:calc(var(--u) * 16) calc(var(--u) * 14) calc(var(--u) * 18) calc(var(--u) * 18)}
  #desktop-pdf-layout .ssv2-card-bar{width:calc(var(--u) * 50);height:calc(var(--u) * 6);margin-bottom:calc(var(--u) * 10)}
  /* Har title 2 lines aur har subtitle 2 lines: charon boxes ka text ek hi jagah shuru aur ek hi jagah khatam hota hai */
  #desktop-pdf-layout .ssv2-home .ssv2-card-title{font-size:calc(var(--u) * 27)!important;line-height:1.15!important;min-height:2.3em;margin-bottom:calc(var(--u) * 6)!important}
  #desktop-pdf-layout .ssv2-home .ssv2-card-sub{font-size:calc(var(--u) * 19)!important;line-height:1.35!important;min-height:2.7em}
  #desktop-pdf-layout .ssv2-home .ssv2-card .ssv2-line{display:table;white-space:nowrap}
}



/* ================= ORIGINAL home-06.css ================= */

/* id="ssnpd-style" */

  @media (min-width:1024px){
    #desktop-pdf-layout .ssnpd-row{display:grid;grid-template-columns:524px 440px;column-gap:40px;justify-content:center;align-items:start;width:100%;max-width:1120px;margin:34px auto 0}
    #desktop-pdf-layout .ssnpd-left{display:flex;flex-direction:column;gap:34px;min-width:0}
    #desktop-pdf-layout .ssnpd-left .dp-zr{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;grid-template-columns:none!important}
    #desktop-pdf-layout .ssnpd-left .dp-public{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;grid-template-columns:none!important}
    #desktop-pdf-layout .ssnpd-right .ssnp-box{margin:0;max-width:440px}
    #desktop-pdf-layout .ssnpd-right .ssnp{padding-top:calc(var(--u) * 32);padding-bottom:calc(var(--u) * 62)}
    #desktop-pdf-layout .ssnpd-right .ssnp .ssnp-title{margin-top:calc(var(--u) * 26)!important}
    #desktop-pdf-layout .ssnpd-right .ssnp-rule{margin-top:calc(var(--u) * 32)}
    #desktop-pdf-layout .ssnpd-right .ssnp-grid{margin-top:calc(var(--u) * 40);row-gap:calc(var(--u) * 28)}
    #desktop-pdf-layout .ssnpd-right .ssnp .ssnp-tile{min-height:calc(var(--u) * 190)}
    #desktop-pdf-layout .ssnpd-right .ssnp-btn-wrap{margin-top:calc(var(--u) * 54)}
  }
    @media (min-width:1024px){
    #desktop-pdf-layout .ssnpd-row{grid-template-columns:524px 576px!important;column-gap:20px!important}
    #desktop-pdf-layout .ssnpd-right .ssnp-box{max-width:440px!important;margin:0 auto!important}
    #desktop-pdf-layout .ssnpd-right .ssnp.ssnp-plain{padding-top:calc(var(--u) * 10)!important;padding-bottom:0!important}
    #desktop-pdf-layout .ssnpd-right .ssnp-dp-wrap{display:block!important;width:576px!important;max-width:576px!important;margin:26px 0 0!important;padding:0!important;grid-template-columns:none!important}
  }
  


/* ================= ORIGINAL home-07.css ================= */

/* id="ssm-hero-style" */

.ssm-wrap{container-type:inline-size;width:100%;background:#fff}
.ssm{--d:calc(100vw / 865);position:relative;overflow:hidden;background:#fff;padding:0 0 calc(var(--d) * 46)}
@supports (container-type:inline-size){.ssm{--d:calc(100cqw / 865)}}
.ssm *{box-sizing:border-box}
.ssm:before{content:"";display:block;height:max(1px,calc(var(--d) * 2));background:#5A6F84;margin:0 calc(var(--d) * 25) 0 calc(var(--d) * 25)}
.ssm-hero{position:relative}
.ssm-art{position:absolute;z-index:1;left:calc(var(--d) * 544);top:calc(var(--d) * 69);width:calc(var(--d) * 306);height:calc(var(--d) * 347);
  background-image:url('/Images/mob.webp');
  background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.ssm-copy{position:relative;z-index:2;padding:calc(var(--d) * 30) 0 0 calc(var(--d) * 38)}
.ssm .ssm-line{display:table;white-space:nowrap}
.ssm .ssm-title{font-family:'Source Serif 4','Source Serif Pro',Georgia,serif!important;font-weight:700!important;font-variation-settings:'opsz' 20!important;color:#052A50!important;
  font-size:calc(var(--d) * 56)!important;line-height:calc(var(--d) * 55)!important;letter-spacing:-.02em!important;margin:0!important;padding:0!important;text-align:left!important}
.ssm-rule{width:calc(var(--d) * 171);height:max(2px,calc(var(--d) * 6));background:#DC9F09;border-radius:4px;margin-top:calc(var(--d) * 14)}
.ssm .ssm-desc{font-family:'Segoe UI','Inter',Arial,sans-serif!important;font-weight:400!important;color:#0F0F10!important;font-size:max(11px,calc(var(--d) * 23))!important;
  line-height:max(13.6px,calc(var(--d) * 29.3))!important;letter-spacing:-.005em!important;margin:calc(var(--d) * 18) 0 0!important;padding:0!important;text-align:left!important}
.ssm .ssm-desc + .ssm-desc{margin-top:calc(var(--d) * 17.7)!important}
/* Paragraph thora sa bold: har font (Segoe UI, iPhone, Android) par ek jaisa halka sa mota. */
.ssm .ssm-desc{-webkit-text-stroke:.3px currentColor;text-stroke:.3px currentColor}
.ssm .ssm-desc strong{-webkit-text-stroke:0}
.ssm .ssm-desc strong{font-weight:700;color:#052A50;text-decoration:none}
.ssm-divider{height:max(1px,calc(var(--d) * 2));background:#C3C8CE;margin:calc(var(--d) * 29) calc(var(--d) * 25) 0}
.ssm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--d) * 16);row-gap:calc(var(--d) * 19);margin:calc(var(--d) * 23) calc(var(--d) * 23) 0 calc(var(--d) * 25)}
.ssm .ssm-card{display:block;min-width:0;padding:calc(var(--d) * 20) calc(var(--d) * 10) calc(var(--d) * 26) calc(var(--d) * 30);
  background:linear-gradient(180deg,#FEFCF9 0%,#FAF6EF 100%);border:max(1px,calc(var(--d) * 1.5)) solid #D9D8D6;border-radius:calc(var(--d) * 16);
  box-shadow:0 calc(var(--d) * 3) calc(var(--d) * 7) rgba(0,0,0,.12);text-decoration:none!important;color:inherit}
.ssm-card-bar{display:block;width:calc(var(--d) * 60);height:max(2px,calc(var(--d) * 7));background:#E4A30A;border-radius:4px;margin-bottom:calc(var(--d) * 14)}
.ssm .ssm-card-title{font-family:'Source Serif 4','Source Serif Pro',Georgia,serif!important;font-weight:700!important;font-variation-settings:'opsz' 20!important;color:#0B264A!important;
  font-size:calc(var(--d) * 31)!important;line-height:calc(var(--d) * 34)!important;letter-spacing:-.015em!important;margin:0 0 calc(var(--d) * 4)!important;padding:0!important}
.ssm .ssm-card-sub{font-family:'Segoe UI','Inter',Arial,sans-serif!important;font-weight:400!important;color:#212020!important;font-size:max(11px,calc(var(--d) * 22))!important;
  line-height:max(13.4px,calc(var(--d) * 28))!important;margin:0!important;padding:0!important}
.ssm .ssm-card-sub .ssm-line{display:block;white-space:normal}
/* 4th card ka subtitle 2 lines mein: words/letters thore qareeb; agar phir bhi jagah na ho to aam tareeqe se wrap */
.ssm .ssm-card-sub.ssm-sub-2 .ssm-line{white-space:nowrap;letter-spacing:-.018em;word-spacing:-.06em}
/* Cards ke subtitles halke bold (paragraph jaisa tareeqa — har font par ek jaisa, chaurai nahi badalti) */
.ssm .ssm-card-sub,#desktop-pdf-layout .ssv2-home .ssv2-card-sub{-webkit-text-stroke:.35px currentColor;text-stroke:.35px currentColor;color:#141414!important}



/* ================= ORIGINAL home-08.css ================= */

/* original line 6014 */

  
    /* PDF MATCH — responsive, mobile-safe. Backend/PHP untouched. */
    .pdfmatch {
      --navy: #043E6B;
      --gold: #D6A839;
      --green: #0F7A57;
      --ink: #262626;
      width: 100%;
      max-width: 100vw;
      overflow: hidden;
      font-family: 'Poppins', sans-serif;
      color: var(--ink);
      background: #fff
    }

    .pdfmatch,
    .pdfmatch * {
      box-sizing: border-box;
      min-width: 0
    }

    .pdfmatch img {
      max-width: 100%;
      height: auto
    }

    .pdfmatch a {
      text-decoration: none
    }

    .pdfmatch .serif {
      font-family: 'Lora', 'Playfair Display', serif
    }

    .pdfmatch .wrap {
      width: 100%;
      max-width: 720px;
      margin: 0 auto;
      padding: 30px 26px
    }

    .pdfmatch h2 {
      color: var(--navy);
      font-weight: 800;
      margin-top: 0
    }

    .pdfmatch .eyebrow {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      color: var(--gold);
      font-weight: 700;
      font-size: 20px;
      white-space: nowrap
    }

    .pdfmatch .eyebrow:before,
    .pdfmatch .eyebrow:after {
      content: "";
      width: 54px;
      height: 2px;
      background: var(--gold);
      flex: 0 0 54px
    }

    .pdfmatch .policy-title {
      font-size: 38px;
      line-height: 1.05;
      text-align: center;
      max-width: 620px;
      margin: 8px auto
    }

    .pdfmatch .policy-sub {
      text-align: center;
      font-weight: 600;
      font-size: 17px;
      line-height: 1.3;
      max-width: 650px;
      margin: 12px auto 32px
    }

    .pdfmatch .policy-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      width: 100%
    }

    .pdfmatch .policy-card {
      width: 100%;
      overflow: hidden;
      border: 1px solid #ddd;
      border-radius: 17px;
      padding: 22px 14px 14px;
      box-shadow: 0 9px 15px rgba(0, 0, 0, .12);
      display: flex;
      flex-direction: column;
      min-height: 400px;
      background: #fff
    }

    .pdfmatch .policy-kicker {
      display: flex;
      align-items: center;
      gap: 9px;
      color: var(--gold);
      font-weight: 600;
      font-size: 16px;
      line-height: 1.35
    }

    .pdfmatch .policy-kicker>span:last-child {
      overflow-wrap: anywhere
    }

    .pdfmatch .iconbubble {
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: #fbf7ee;
      display: grid;
      place-items: center;
      flex: 0 0 58px
    }

    .pdfmatch .iconbubble img {
      width: 40px;
      height: 40px;
      object-fit: contain
    }

    .pdfmatch .cardtitle {
      font-size: 26px;
      line-height: 1.04;
      margin: 16px 0 6px;
      overflow-wrap: anywhere
    }

    .pdfmatch .cardcopy {
      font-size: 18px;
      line-height: 1.28;
      margin: 0;
      overflow-wrap: anywhere
    }

    .pdfmatch .chips {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-top: auto;
      padding-top: 18px
    }

    .pdfmatch .chip {
      background: #dcecff;
      color: var(--navy);
      padding: 7px 12px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 600;
      white-space: nowrap
    }

    .pdfmatch .cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      max-width: 100%;
      background: var(--navy);
      color: #fff !important;
      padding: 9px 13px;
      border-radius: 12px;
      margin-top: 14px;
      font-weight: 600;
      font-size: 14px;
      line-height: 1.2;
      box-shadow: 0 4px 9px rgba(0, 0, 0, .2);
      width: max-content
    }

    .pdfmatch .dots {
      display: flex;
      justify-content: center;
      gap: 6px;
      margin-top: 18px
    }

    .pdfmatch .dots i {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #d4d4d4
    }

    .pdfmatch .dots i:first-child {
      background: #07527d
    }

    .pdfmatch .survey-wrap {
      padding-top: 34px
    }

    .pdfmatch .survey-top {
      display: grid;
      grid-template-columns: minmax(0, 1.5fr) minmax(90px, .65fr);
      gap: 18px;
      align-items: center
    }

    .pdfmatch .survey-label {
      color: var(--green);
      font-size: 21px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 8px;
      white-space: nowrap
    }

    .pdfmatch .survey-label:after {
      content: "";
      height: 2px;
      width: 54px;
      background: var(--gold);
      flex: 0 0 54px
    }

    .pdfmatch .survey-title {
      font-size: 36px !important;
      line-height: 1.08;
      margin: 3px 0
    }

    .pdfmatch .survey-title span {
      color: var(--green)
    }

    .pdfmatch .survey-lead {
      font-weight: 800;
      font-size: 16px;
      line-height: 1.15;
      margin: 14px 0 10px
    }

    .pdfmatch .survey-copy {
      font-size: 16px;
      line-height: 1.25;
      max-width: 560px;
       margin: -12px 0 18px !important;
    }

    .pdfmatch .survey-method {
      font-weight: 600;
      font-size: 16px;
      line-height: 1.25;
      margin-top: 12px
    }

    .pdfmatch .survey-hand {
      display: flex;
      justify-content: center;
      align-items: center
    }

    .pdfmatch .survey-hand img {
      width: 100%;
      max-width: 175px;
      display: block
    }

    .pdfmatch .survey-button {
      margin-top: 14px;
      background: var(--navy);
      color: #fff !important;
      padding: 9px 12px;
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      gap: 14px;
      font-weight: 600;
      font-size: 14px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
      max-width: 100%
    }

    .pdfmatch .survey-button b {
      color: var(--green);
      font-size: 24px;
      line-height: 16px
    }

    .pdfmatch .how {
      color: var(--green) !important;
      font-size: 21px !important;
      margin: 34px 0 15px
    }

    .pdfmatch .steps {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      width: 100%
    }

    .pdfmatch .step {
      border: 1px solid #d7d7d7;
      padding: 10px;
      min-height: 160px;
      overflow: hidden
    }

    .pdfmatch .step:first-child {
      border-radius: 7px 0 0 7px
    }

    .pdfmatch .step:last-child {
      border-radius: 0 7px 7px 0
    }

    .pdfmatch .num {
      display: inline-grid;
      place-items: center;
      background: var(--green);
      color: white;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      font-weight: 700
    }

    .pdfmatch .step img {
      width: 23px;
      height: 23px;
      object-fit: contain;
      margin-left: 7px;
      display: inline-block;
      vertical-align: middle
    }

    .pdfmatch .step h3 {
      color: var(--navy);
      font-size: 17px;
      line-height: 1.05;
      font-weight: 800;
      margin: 10px 0 4px;
      overflow-wrap: anywhere
    }

    .pdfmatch .step p {
      font-size: 14px;
      line-height: 1.2;
      margin: 0;
      overflow-wrap: anywhere
    }

    .pdfmatch .survey-all {
      text-align: right;
      margin-top: 26px;
      color: var(--navy);
      font-weight: 800;
      font-size: 20px
    }

    .pdfmatch .library {
      padding-top: 60px;
      padding-bottom: 50px
    }

    .pdfmatch .library-grid {
      display: grid;
      grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
      gap: 18px;
      align-items: center
    }

    .pdfmatch .lib-label {
      color: var(--gold);
      font-size: 21px;
      font-weight: 700
    }

    .pdfmatch .lib-label:after {
      content: "";
      display: block;
      width: 52px;
      height: 2px;
      background: var(--gold);
      margin-top: 5px
    }

    .pdfmatch .lib-title {
      font-size: 39px !important;
      line-height: 1.03;
      margin: 20px 0 8px
    }

    .pdfmatch .lib-copy {
      font-size: 25px;
      line-height: 1.2
    }

    .pdfmatch .book-stage {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      gap: 7px;
      min-height: 240px
    }

    .pdfmatch .book {
      width: 30%;
      height: 210px;
      border-radius: 6px;
      background: linear-gradient(145deg, #0d181a, #28342d);
      color: #e8d5a5;
      padding: 18px 6px;
      text-align: center;
      box-shadow: 7px 9px 10px rgba(0, 0, 0, .22);
      font-family: Georgia, serif;
      font-weight: 700;
      font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden
    }

    .pdfmatch .book:nth-child(2) {
      height: 230px;
      background: linear-gradient(145deg, #17130e, #3a3325)
    }

    .pdfmatch .book:nth-child(3) {
      height: 215px;
      background: linear-gradient(145deg, #f7f7f7, #cfd7dc);
      color: #25476b
    }

    .pdfmatch .formats {
      display: flex;
      justify-content: center;
      gap: 7px;
      margin-top: -2px
    }

    .pdfmatch .format {
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, .18);
      padding: 2px 5px;
      color: var(--navy);
      font-size: 12px;
      white-space: nowrap
    }

    .pdfmatch .libcats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 7px;
      margin-top: 18px
    }

    .pdfmatch .libcat {
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 8px 5px;
      font-size: 13px;
      text-align: center;
      background: white;
      white-space: nowrap;
      overflow: hidden
    }

    .pdfmatch .libcat img {
      width: 18px;
      height: 18px;
      object-fit: contain;
      display: inline-block;
      margin-right: 4px;
      vertical-align: -4px
    }

    @media(max-width:700px) {
      .pdfmatch .wrap {
        max-width: 100%;
        padding: 26px 18px
      }

      .pdfmatch .eyebrow {
        font-size: 15px;
        gap: 9px
      }

      .pdfmatch .eyebrow:before,
      .pdfmatch .eyebrow:after {
        width: 38px;
        flex-basis: 38px
      }

      .pdfmatch .policy-title {
        font-size: 30px
      }

      .pdfmatch .policy-sub {
        font-size: 14px;
        margin-bottom: 24px
      }

      .pdfmatch .policy-card {
        padding: 16px 11px 12px;
        min-height: 365px
      }

      .pdfmatch .iconbubble {
        width: 46px;
        height: 46px;
        flex-basis: 46px
      }

      .pdfmatch .iconbubble img {
        width: 31px;
        height: 31px
      }

      .pdfmatch .policy-kicker {
        gap: 6px
      }

      .pdfmatch .cardtitle {
        margin-top: 13px
      }

      .pdfmatch .cardcopy {
        line-height: 1.32
      }

      .pdfmatch .chip {
        padding: 5px 7px
      }

      .pdfmatch .cta {
        padding: 8px 8px;
        border-radius: 10px;
        white-space: normal;
        text-align: center
      }

      .pdfmatch .survey-top {
        grid-template-columns: minmax(0, 1.55fr) minmax(80px, .55fr);
        gap: 8px
      }

      .pdfmatch .survey-label {
        font-size: 16px
      }

      .pdfmatch .survey-label:after {
        width: 42px;
        flex-basis: 42px
      }

      .pdfmatch .survey-title {
        font-size: 30px !important
      }

      .pdfmatch .survey-lead {
        font-size: 13px
      }

      .pdfmatch .survey-copy,
      .pdfmatch .survey-method {
        font-size: 13px
      }

      .pdfmatch .survey-hand img {
        max-width: 120px
      }

      .pdfmatch .survey-button {
        font-size: 11px;
        padding: 8px 9px;
        gap: 8px
      }

      .pdfmatch .how {
        font-size: 18px !important;
        margin-top: 28px
      }

      .pdfmatch .step {
        padding: 7px 5px;
        min-height: 145px
      }

      .pdfmatch .num {
        width: 22px;
        height: 22px;
        font-size: 12px
      }

      .pdfmatch .step img {
        width: 17px;
        height: 17px;
        margin-left: 3px
      }

      .pdfmatch .step h3 {
        font-size: 11px;
        line-height: 1.08
      }

      .pdfmatch .step p {
        font-size: 11px;
        line-height: 1.18
      }

      .pdfmatch .survey-all {
        font-size: 16px;
        margin-top: 22px
      }

      .pdfmatch .library {
        padding-top: 52px
      }

      .pdfmatch .library-grid {
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
        gap: 8px
      }

      .pdfmatch .lib-label {
        font-size: 16px
      }

      .pdfmatch .lib-title {
        font-size: 28px !important;
        margin-top: 15px
      }

      .pdfmatch .lib-copy {
        font-size: 17px
      }

      .pdfmatch .book-stage {
        min-height: 170px;
        gap: 3px
      }

      .pdfmatch .book {
        height: 145px;
        padding: 8px 2px
      }

      .pdfmatch .book:nth-child(2) {
        height: 160px
      }

      .pdfmatch .book:nth-child(3) {
        height: 150px
      }

      .pdfmatch .formats {
        gap: 3px
      }

      .pdfmatch .format {
        padding: 2px 3px
      }

      .pdfmatch .libcats {
        gap: 4px
      }

      .pdfmatch .libcat {
        padding: 6px 2px
      }

      .pdfmatch .libcat img {
        width: 12px;
        height: 12px;
        margin-right: 2px
      }
    }

    @media(max-width:420px) {

      html,
      body {
        max-width: 100%;
        overflow-x: hidden !important
      }

      .pdfmatch .wrap {
        padding-left: 14px;
        padding-right: 14px
      }

      .pdfmatch .eyebrow {
        font-size: 13px;
        gap: 7px
      }

      .pdfmatch .eyebrow:before,
      .pdfmatch .eyebrow:after {
        width: 30px;
        flex-basis: 30px
      }

      .pdfmatch .policy-title {
        font-size: 25px
      }

      .pdfmatch .policy-sub {
        font-size: 12px;
        line-height: 1.35
      }

      .pdfmatch .policy-grid {
        gap: 6px
      }

      .pdfmatch .policy-card {
        min-height: 350px;
        padding: 14px 9px 11px;
        border-radius: 14px
      }

      .pdfmatch .iconbubble {
        width: 40px;
        height: 40px;
        flex-basis: 40px
      }

      .pdfmatch .iconbubble img {
        width: 27px;
        height: 27px
      }

      .pdfmatch .policy-kicker {
        font-size: 11px
      }

      .pdfmatch .cardtitle {
        font-size: 17px
      }

      .pdfmatch .cardcopy {
        font-size: 12px
      }

      .pdfmatch .chips {
        gap: 4px;
        padding-top: 12px
      }

      .pdfmatch .chip {
        font-size: 11px;
        padding: 5px 6px
      }

      .pdfmatch .cta {
        font-size: 11px;
        padding: 7px 6px
      }

      .pdfmatch .survey-label {
        font-size: 14px
      }

      .pdfmatch .survey-label:after {
        width: 32px;
        flex-basis: 32px
      }

      .pdfmatch .survey-title {
        font-size: 25px !important
      }

      .pdfmatch .survey-lead {
        font-size: 11px
      }

      .pdfmatch .survey-copy,
      .pdfmatch .survey-method {
        font-size: 11px
      }

      .pdfmatch .survey-hand img {
        max-width: 92px
      }

      .pdfmatch .survey-button {
        font-size: 11px
      }

      .pdfmatch .how {
        font-size: 16px !important
      }

      .pdfmatch .step {
        padding: 6px 4px;
        min-height: 138px
      }

      .pdfmatch .num {
        width: 20px;
        height: 20px;
        font-size: 11px
      }

      .pdfmatch .step img {
        width: 14px;
        height: 14px
      }

      .pdfmatch .step h3 {
        font-size: 11px
      }

      .pdfmatch .step p {
        font-size: 11px
      }

      .pdfmatch .survey-all {
        font-size: 14px
      }

      .pdfmatch .lib-label {
        font-size: 14px
      }

      .pdfmatch .lib-title {
        font-size: 24px !important
      }

      .pdfmatch .lib-copy {
        font-size: 15px
      }

      .pdfmatch .book-stage {
        min-height: 145px
      }

      .pdfmatch .book {
        height: 124px;
        font-size: 11px
      }

      .pdfmatch .book:nth-child(2) {
        height: 138px
      }

      .pdfmatch .book:nth-child(3) {
        height: 130px
      }

      .pdfmatch .format {
        font-size: 11px
      }

      .pdfmatch .libcat {
        font-size: 11px
      }
    }
    
    
    /* General mobile */
@media (max-width: 640px) {

    .home-entry-spacer {
        height: 0 !important;
    }

    .home-entry-position {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .home-entry-wrapper {
        margin-top: 0 !important;
    }
}


/* iPhone / iOS Safari only */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 640px) {

        .home-entry-position {
            margin-top: -45px !important;
        }

        .home-entry-wrapper {
            margin-top: 0 !important;
        }
    }
}
    
  

/* original line 6926 */

    /* FINAL PDF ALIGNMENT PATCH — visual only; PHP/backend untouched */
    @media (max-width:700px) {
      .pdfmatch .policy-grid {
        align-items: stretch;
        gap: 8px;
      }

      .pdfmatch .policy-card {
        min-height: 400px;
        height: 100%;
        padding: 16px 12px 14px;
      }

      .pdfmatch .policy-kicker {
        min-height: 58px;
        align-items: center;
        font-size: 12px;
      }

      .pdfmatch .iconbubble {
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
      }

      .pdfmatch .iconbubble img {
        width: 38px;
        height: 38px;
      }

      .pdfmatch .cardtitle {
        min-height: 62px;
        font-size: 20px;
        line-height: 1.08;
      }

      .pdfmatch .cardcopy {
        font-size: 14px;
        line-height: 1.3;
      }

      .pdfmatch .chips {
        margin-top: auto;
        padding-top: 16px;
        gap: 6px;
        min-height: 50px;
        align-items: flex-end;
      }

      .pdfmatch .chip {
        font-size: 11px;
        padding: 6px 8px;
      }

      .pdfmatch .cta {
        width: 100%;
        min-height: 38px;
        font-size: 11px;
        padding: 8px 7px;
        margin-top: 10px;
        white-space: nowrap;
      }

      .pdfmatch .step img {
        width: 22px;
        height: 22px;
      }

      .pdfmatch .step p,
      .pdfmatch .step h3 {
        font-size: 11px;
      }

      .pdfmatch .book {
        font-size: 11px;
        line-height: 1.15;
      }

      .pdfmatch .format {
        font-size: 11px;
        padding: 3px 5px;
      }

      .pdfmatch .libcat {
        font-size: 11px;
        padding: 7px 3px;
      }

      .pdfmatch .libcat img {
        width: 20px;
        height: 20px;
        margin-right: 4px;
      }

      #trigger-section,
      #trigger-section * {
        box-sizing: border-box;
      }

      #trigger-section {
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
        padding: 14px 14px 26px !important;
      }

      #trigger-section .hs-glass-card {
        width: 100%;
        padding: 14px !important;
      }

      #trigger-section .hs-card p,
      #trigger-section .hs-card h3,
      #trigger-section .hs-footer-link a,
      #trigger-section .hs-desc,
      #trigger-section .hs-badge span,
      #trigger-section .hs-subtitle span {
        font-size: 11px !important;
      }

      #trigger-section .hs-card img {
        min-height: 110px;
      }
    }
  

/* original line 7055 */

    /* HOW THE PLATFORM WORKS - larger icons on tablet/desktop */
    @media (min-width:701px) {
      .pdfmatch .step img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        object-fit: contain !important;
      }
    }
  

/* original line 7068 */

    /* ============================================================
   FINAL MOBILE PDF MATCH PATCH
   - Backend/PHP unchanged
   - Larger visible icons
   - More vertical gap before Housing Societies / Model Town
   ============================================================ */
    @media (max-width:700px) {

      /* HOW THE PLATFORM WORKS icons */
      .pdfmatch .step {
        padding: 9px 7px 10px !important;
      }

      .pdfmatch .step .num {
        width: 24px !important;
        height: 24px !important;
        font-size: 12px !important;
      }

      .pdfmatch .step img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        margin-left: 7px !important;
      }

      /* Digital Library category icons */
      .pdfmatch .libcat {
        min-height: 38px !important;
        gap: 5px !important;
      }

      .pdfmatch .libcat img {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        margin-right: 2px !important;
        vertical-align: middle !important;
        object-fit: contain !important;
      }

      .pdfmatch .libcat .pdf-lib-symbol {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        font-size: 19px !important;
      }

      /* PDF / EPUB / Read Online icons/text */
      .pdfmatch .format {
        min-height: 24px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        padding: 3px 5px !important;
      }

      /* PDF has a clear white gap after Digital Library before Research Series */
      #digital-library-pdfmatch {
        padding-bottom: 64px !important;
      }

      #digital-library-pdfmatch+.pdf-housing-spacer {
        height: 22px !important;
      }

      /* Housing Societies / Model Town begins lower, like PDF */
      .pdf-housing-mobile {
      }

      .pdf-housing-mobile #trigger-section {
      }
    }

    @media (max-width:420px) {
      .pdfmatch .step img {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
      }

      .pdfmatch .libcat img,
      .pdfmatch .libcat .pdf-lib-symbol {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
      }

      .pdfmatch .libcat .pdf-lib-symbol {
        font-size: 18px !important;
      }

      #digital-library-pdfmatch {
        padding-bottom: 58px !important;
      }
    }

    /* Final mobile visual alignment: keep icons and arrows readable at narrow widths. */
    @media (max-width:700px) {
      .pdfmatch .iconbubble {
        width: 58px !important;
        height: 58px !important;
        flex-basis: 58px !important;
      }

      .pdfmatch .iconbubble img {
        width: 42px !important;
        height: 42px !important;
      }

      .pdfmatch .step img {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        margin-left: 6px !important;
      }

      .pdfmatch .libcat img,
      .pdfmatch .libcat .pdf-lib-symbol {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
      }

      .pdfmatch .libcat .pdf-lib-symbol {
        color: #c59420 !important;
        font-size: 21px !important;
      }

      .pdfmatch .cta,
      .pdfmatch .survey-button {
        gap: 8px !important;
      }

      .pdfmatch .cta span,
      .pdfmatch .survey-button b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 22px !important;
        font-weight: 800;
        line-height: 1 !important;
      }

      .pdfmatch .cta span {
        color: #ffffff !important;
      }

      .pdfmatch .survey-button b {
        color: #0F7A57 !important;
      }

      .pdfmatch .survey-all a {
        color: #043E6B !important;
      }

      .pdfmatch .survey-all a::after {
        content: " →";
        color: #D6A839;
        font-size: 22px;
        vertical-align: -1px;
      }

      .pdfmatch .survey-all a {
        font-size: 0;
      }

      .pdfmatch .survey-all a::before {
        content: "VIEW ALL SURVEYS";
        font-size: 16px;
      }

      #digital-library-pdfmatch {
        padding-bottom: 72px !important;
      }

      #digital-library-pdfmatch+.pdf-housing-spacer {
        height: 34px !important;
      }

      .pdf-housing-mobile {
        margin-top: 0 !important;
        padding-top: 18px !important;
      }

      .pdf-housing-mobile #trigger-section {
        margin-top: 0 !important;
        padding-top: 18px !important;
      }
    }

    @media (max-width:420px) {
      .pdfmatch .iconbubble {
        width: 52px !important;
        height: 52px !important;
        flex-basis: 52px !important;
      }

      .pdfmatch .iconbubble img {
        width: 38px !important;
        height: 38px !important;
      }

      .pdfmatch .step img {
      }

      .pdfmatch .survey-all a::before {
        font-size: 14px;
      }
    }
  

/* original line 7308 */

    /* ============================================================
       FINAL MOBILE PDF REFERENCE PATCH
       - IPPs / Provinces PDF-match block removed
       - Syed Shayan Survey moves up
       - Equal/larger Digital Library category icons
       - Prevents horizontal page movement
       - Desktop/backend/PHP logic remains untouched
       ============================================================ */
    @media (max-width:700px) {

      html,
      body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
      }

      .pdfmatch {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
      }

      .pdfmatch .wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 27px !important;
        padding-right: 27px !important;
      }

      /* Survey now starts at the top like the supplied mobile reference */
      #public-opinion-pdfmatch {
        padding-top: 52px !important;
        padding-bottom: 26px !important;
      }

      .pdfmatch .survey-top {
        grid-template-columns: minmax(0, 1fr) 112px !important;
        gap: 8px !important;
        align-items: center !important;
      }

      .pdfmatch .survey-label {
        font-size: 18px !important;
        line-height: 1.1 !important;
      }

      .pdfmatch .survey-label:after {
        width: 60px !important;
        flex-basis: 60px !important;
      }

      .pdfmatch .survey-title {
        font-size: 34px !important;
        line-height: 1.02 !important;
        margin: 8px 0 22px !important;
        white-space: nowrap;
      }

      .pdfmatch .survey-lead {
        font-size: 14px !important;
        line-height: 1.18 !important;
        margin: -12px 0 18px !important;
      }

      .pdfmatch .survey-copy,
      .pdfmatch .survey-method {
        font-size: 14px !important;
        line-height: 1.3 !important;
      }

      .pdfmatch .survey-method {
        /*margin-top: 20px !important;*/
         margin: -12px 0 18px !important;
      }

      .pdfmatch .survey-hand img {
        width: 105px !important;
        max-width: 105px !important;
      }

      .pdfmatch .survey-button {
        margin-top: 20px !important;
        min-height: 58px !important;
        padding: 12px 18px !important;
        border-radius: 9px !important;
        font-size: 14px !important;
      }

      .pdfmatch .how {
        margin-top: 58px !important;
        margin-bottom: 28px !important;
        font-size: 21px !important;
        white-space: nowrap;
      }

      .pdfmatch .steps {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }

      .pdfmatch .step {
        min-height: 280px !important;
        padding: 24px 14px 16px !important;
      }

      .pdfmatch .step .num {
        width: 45px !important;
        height: 45px !important;
        font-size: 20px !important;
      }

      /* All four step icons equal and clearly visible */
      .pdfmatch .step img {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        margin-left: 12px !important;
      }

      .pdfmatch .step h3 {
        font-size: 16px !important;
        line-height: 1.02 !important;
        margin-top: 22px !important;
      }

      .pdfmatch .step p {
        font-size: 15px !important;
        margin-top: 8px !important;
      }

      .pdfmatch .survey-all {
        margin-top: 55px !important;
        font-size: 20px !important;
      }

      /* Digital Library spacing/composition */
      #digital-library-pdfmatch {
        padding-top: 125px !important;
        padding-bottom: 82px !important;
      }

      .pdfmatch .library-grid {
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
        gap: 22px !important;
      }

      .pdfmatch .lib-label {
        font-size: 18px !important;
      }

      .pdfmatch .lib-label:after {
        width: 98px !important;
        margin-top: 14px !important;
      }

      .pdfmatch .lib-title {
        font-size: 34px !important;
        line-height: 1.02 !important;
        margin-top: 28px !important;
      }

      .pdfmatch .lib-copy {
        font-size: 22px !important;
        line-height: 1.2 !important;
      }

      .pdfmatch .book-stage {
        min-height: 245px !important;
      }

      .pdfmatch .book {
        height: 210px !important;
        font-size: 13px !important;
      }

      .pdfmatch .book:nth-child(2) {
        height: 235px !important;
      }

      .pdfmatch .book:nth-child(3) {
        height: 220px !important;
      }

      .pdfmatch .format {
        font-size: 12px !important;
        padding: 4px 7px !important;
      }

      /* Four category buttons stay in one PDF-like row */
      .pdfmatch .libcats {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 35px !important;
        width: 100% !important;
      }

      .pdfmatch .libcat {
        min-height: 74px !important;
        padding: 10px 5px !important;
        font-size: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        white-space: normal !important;
        line-height: 1.1 !important;
        overflow: visible !important;
      }

      /* Equal and larger icons requested */
      .pdfmatch .libcat img,
      .pdfmatch .libcat .pdf-lib-symbol {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        flex: 0 0 36px !important;
      }

      .pdfmatch .libcat .pdf-lib-symbol {
        font-size: 27px !important;
        line-height: 1 !important;
      }

      /* Housing section follows the PDF without excessive blank/overflow */
      #digital-library-pdfmatch+.pdf-housing-spacer {
        height: 72px !important;
      }

      .pdf-housing-mobile,
      .pdf-housing-mobile #trigger-section {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
      }

      .pdf-housing-mobile #trigger-section {
        padding-left: 27px !important;
        padding-right: 27px !important;
      }
    }

    @media (max-width:420px) {
      .pdfmatch .wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }

      .pdfmatch .survey-top {
        grid-template-columns: minmax(0, 1fr) 92px !important;
      }

      .pdfmatch .survey-title {
        font-size: 30px !important;
      }

      .pdfmatch .survey-hand img {
        width: 88px !important;
        max-width: 88px !important;
      }

      .pdfmatch .step {
        min-height: 245px !important;
        padding: 20px 9px 14px !important;
      }

      .pdfmatch .step .num {
        width: 38px !important;
        height: 38px !important;
        font-size: 17px !important;
      }

      .pdfmatch .step img {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        margin-left: 6px !important;
      }

      .pdfmatch .step h3 {
        font-size: 14px !important;
      }

      .pdfmatch .step p {
        font-size: 13px !important;
      }

      .pdfmatch .libcat {
        min-height: 66px !important;
        gap: 4px !important;
      }

      .pdfmatch .libcat img {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        flex-basis: 32px !important;
      }

      .pdfmatch .libcat .pdf-lib-symbol {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        flex-basis: 32px !important;
        font-size: 24px !important;
      }

      .pdf-housing-mobile #trigger-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
    }
  

/* original line 7636 */

    @media (max-width:700px) {
      .pdfmatch .wrap { padding-left:18px !important; padding-right:18px !important; }

      /* Platform steps: keep four columns like the supplied PDF, but fit viewport */
      .pdfmatch .steps { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; }
      .pdfmatch .step { min-width:0 !important; min-height:185px !important; padding:14px 5px 10px !important; }
      .pdfmatch .step .num { width:28px !important; height:28px !important; font-size:13px !important; }
      .pdfmatch .step img { width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; margin-left:5px !important; object-fit:contain !important; }
      .pdfmatch .step h3 { font-size:11px !important; line-height:1.08 !important; margin-top:12px !important; overflow-wrap:normal !important; word-break:normal !important; }
      .pdfmatch .step p { font-size:11px !important; line-height:1.18 !important; margin-top:6px !important; overflow-wrap:normal !important; word-break:normal !important; }

      /* Digital Library: same left/right composition as PDF */
      #digital-library-pdfmatch { padding-top:62px !important; padding-bottom:48px !important; }
      .pdfmatch .library-grid { grid-template-columns:42% 58% !important; gap:5px !important; align-items:center !important; }
      .pdfmatch .lib-label { font-size:14px !important; }
      .pdfmatch .lib-label:after { width:42px !important; margin-top:5px !important; }
      .pdfmatch .lib-title { font-size:25px !important; line-height:1 !important; margin:13px 0 7px !important; }
      .pdfmatch .lib-copy { font-size:14px !important; line-height:1.15 !important; margin-bottom:9px !important; }
      .pdfmatch .library .cta { font-size:11px !important; padding:8px 8px !important; min-height:28px !important; white-space:nowrap !important; }

      .pdfmatch .book-stage { min-height:155px !important; gap:3px !important; padding:0 2px !important; }
      .pdfmatch .book { width:31% !important; height:132px !important; padding:6px 2px !important; font-size:11px !important; line-height:1.12 !important; }
      .pdfmatch .book:nth-child(2) { height:147px !important; }
      .pdfmatch .book:nth-child(3) { height:136px !important; }
      .pdfmatch .formats { gap:3px !important; margin-top:3px !important; }
      .pdfmatch .format { min-height:0 !important; font-size:11px !important; padding:3px 3px !important; }

      /* Four category buttons + larger, equal icons */
      .pdfmatch .libcats { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:4px !important; margin-top:16px !important; }
      .pdfmatch .libcat { min-width:0 !important; min-height:42px !important; padding:5px 2px !important; gap:3px !important; font-size:11px !important; line-height:1.05 !important; white-space:nowrap !important; overflow:hidden !important; }
      .pdfmatch .libcat img,
      .pdfmatch .libcat .pdf-lib-symbol { width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; flex:0 0 22px !important; margin:0 !important; }

      /* Digital Library supplied publication artwork */
      .pdfmatch .digital-library-art {
        min-height:0 !important; height:auto !important; padding:0 !important; gap:0 !important;
        display:flex !important; align-items:flex-end !important; justify-content:center !important;
        background:transparent !important; overflow:visible !important;
      }
      .pdfmatch .digital-library-books-image {
        display:block !important; width:100% !important; max-width:100% !important; height:auto !important;
        object-fit:contain !important; object-position:center bottom !important;
      }

      /* Larger category icons */
      .pdfmatch .libcat img,
      .pdfmatch .libcat .pdf-lib-symbol {
        width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important;
        flex:0 0 30px !important; object-fit:contain !important;
      }

      #digital-library-pdfmatch + .pdf-housing-spacer { height:24px !important; }
      .pdf-housing-mobile { padding-top:0 !important; }
    }

    @media (max-width:420px) {
      .pdfmatch .wrap { padding-left:14px !important; padding-right:14px !important; }
      .pdfmatch .step { min-height:170px !important; padding:12px 3px 9px !important; }
      .pdfmatch .step img { width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; }
      .pdfmatch .step h3 { font-size:11px !important; }
      .pdfmatch .step p { font-size:11px !important; }
      .pdfmatch .lib-title { font-size:22px !important; }
      .pdfmatch .lib-copy { font-size:12px !important; }
      .pdfmatch .book-stage { min-height:142px !important; }
      .pdfmatch .book { height:120px !important; font-size:11px !important; }
      .pdfmatch .book:nth-child(2) { height:134px !important; }
      .pdfmatch .book:nth-child(3) { height:124px !important; }
      .pdfmatch .libcat { min-height:40px !important; font-size:11px !important; gap:2px !important; }
      .pdfmatch .libcat img,
      .pdfmatch .libcat .pdf-lib-symbol { width:27px !important; height:27px !important; min-width:27px !important; min-height:27px !important; flex-basis:27px !important; }
    }
  


/* ================= ORIGINAL home-09.css ================= */

/* id="ssnp-style" */

.ssnp-box{container-type:inline-size;width:100%;max-width:560px;margin:8px auto 22px}
.ssnp{--u:calc(min(100vw - 12px, 560px) / 1130);--navy:#071542;--gold:#D69A12;
  position:relative;overflow:hidden;box-sizing:border-box;width:100%;margin:0;
  background:#FDFDFD;border:max(1px,calc(var(--u) * 2)) solid #DCDCDF;border-radius:calc(var(--u) * 40);box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 30) rgba(15,30,60,.09);
  padding:calc(var(--u) * 38) calc(var(--u) * 28) calc(var(--u) * 118);text-align:center;font-family:'Inter','Segoe UI',Arial,sans-serif}
@supports (container-type:inline-size){.ssnp{--u:calc(100cqw / 1130)}}
.ssnp *{box-sizing:border-box}
.ssnp:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--u) * 150);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath d='M0 26 C90 12 170 40 260 30 S360 8 400 0 V60 H0Z' fill='%23FBEFD9' fill-opacity='.7'/%3E%3Cpath d='M0 42 C110 28 210 56 300 44 S380 28 400 24 V60 H0Z' fill='%23F8E6C4' fill-opacity='.5'/%3E%3C/svg%3E") no-repeat bottom/100% 100%}
.ssnp-serif{font-family:'Source Serif 4','Source Serif Pro',Georgia,serif;font-weight:700;font-variation-settings:'opsz' 20}
.ssnp-kicker{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 26);color:var(--gold);font-weight:600;
  font-size:max(13px,calc(var(--u) * 46));line-height:1;letter-spacing:.06em;text-transform:uppercase;margin:0 calc(var(--u) * 24)}
.ssnp-kicker:before,.ssnp-kicker:after{content:"";flex:1 1 0;height:max(2px,calc(var(--u) * 5));background:var(--gold);border-radius:4px}
.ssnp .ssnp-title{font-weight:800!important;color:var(--navy)!important;font-size:calc(var(--u) * 88)!important;line-height:calc(var(--u) * 90)!important;letter-spacing:-.015em!important;margin:calc(var(--u) * 36) 0 0!important;text-align:center!important}
.ssnp .ssnp-title span{display:block;white-space:nowrap}
.ssnp .ssnp-lead{font-size:max(11.5px,calc(var(--u) * 39))!important;line-height:1.34!important;color:#0A0A0A!important;font-weight:400!important;margin:calc(var(--u) * 26) auto 0!important;max-width:calc(var(--u) * 1000);text-align:center!important}
.ssnp .ssnp-lead .nw{white-space:nowrap}
.ssnp-rule{height:max(1px,calc(var(--u) * 2));background:#D4D5DA;margin:calc(var(--u) * 42) calc(var(--u) * 24) 0}
.ssnp-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--u) * 27);row-gap:calc(var(--u) * 36);margin-top:calc(var(--u) * 52);text-align:left}
.ssnp .ssnp-tile{position:relative;overflow:hidden;display:flex;align-items:center;min-height:calc(var(--u) * 205);
  padding:calc(var(--u) * 20) calc(var(--u) * 16) calc(var(--u) * 20) calc(var(--u) * 20);background:#fff;border:max(1px,calc(var(--u) * 2.5)) solid #EDBE62;border-radius:calc(var(--u) * 26);
  text-decoration:none!important;color:var(--navy);transition:transform .2s ease,box-shadow .2s ease}
.ssnp .ssnp-tile:after{content:"";position:absolute;right:0;bottom:0;width:72%;height:calc(var(--u) * 58);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C70 26 130 16 200 2 V30Z' fill='%23FBEBD0' fill-opacity='.75'/%3E%3C/svg%3E") no-repeat bottom right/100% 100%}
.ssnp .ssnp-tile:hover,.ssnp .ssnp-tile:focus-visible{transform:translateY(-2px);box-shadow:0 8px 16px rgba(221,160,7,.18);outline:none}
.ssnp-icon{position:relative;z-index:1;flex:0 0 calc(var(--u) * 122);width:calc(var(--u) * 122);height:calc(var(--u) * 122);display:block;border-radius:50%}
.ssnp-icon img{width:100%;height:100%;display:block;max-width:none}
.ssnp-sep{position:relative;z-index:1;flex:0 0 max(2px,calc(var(--u) * 4));align-self:center;height:calc(var(--u) * 95);margin:0 calc(var(--u) * 16) 0 calc(var(--u) * 15);background:#EAA814;border-radius:3px}
.ssnp-name{position:relative;z-index:1;flex:1 1 auto;min-width:0;overflow:hidden;color:var(--navy);font-size:calc(var(--u) * 54);line-height:1.12;letter-spacing:-.022em}
.ssnp-name > span{display:block;white-space:nowrap}
.ssnp-arrow{position:relative;z-index:1;flex:0 0 calc(var(--u) * 40);width:calc(var(--u) * 40);height:calc(var(--u) * 40);margin-left:calc(var(--u) * 6);display:block}
.ssnp-arrow svg{width:100%;height:100%;display:block}
.ssnp-btn-wrap{position:relative;z-index:1;margin-top:calc(var(--u) * 76);display:flex;justify-content:center}
.ssnp .ssnp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 30);min-height:calc(var(--u) * 97);padding:calc(var(--u) * 18) calc(var(--u) * 72);
  border-radius:999px;background:#022550;color:#fff!important;font-weight:600;font-size:max(12.5px,calc(var(--u) * 44));line-height:1.1;text-decoration:none!important;box-shadow:calc(var(--u) * -21) 0 0 0 #EEA606;margin-left:calc(var(--u) * 21)}
.ssnp .ssnp-btn svg{width:max(14px,calc(var(--u) * 42));height:max(14px,calc(var(--u) * 42));display:block}
.ssnp-grid.ssnp-one{grid-template-columns:1fr}
/* Purane research cards NP card ke andar */
.ssnp .ssnp-rp{position:relative;z-index:1;margin:calc(var(--u) * 40) 0 0!important;padding:0!important;background:transparent!important;text-align:left}
.ssnp .ssnp-rp .rp-controls{position:relative;z-index:1}
.ssnp.ssnp-has-rp{padding-bottom:calc(var(--u) * 70)}
/* Card ka background/border hata kar page jaisa safed (11 Nov 2026) */
.ssnp.ssnp-plain{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;overflow:visible}
.ssnp.ssnp-plain:after{display:none!important}
.ssnp.ssnp-plain .ssnp-rule{display:none}
.ssnp.ssnp-plain.ssnp-has-rp{padding-bottom:calc(var(--u) * 20)!important}
.ssnp.ssnp-plain .ssnp-rp{margin-top:calc(var(--u) * 46)!important}
/* "National Priorities" script font — design jaisa (13 Nov 2026) */
.ssnp-box .ssnp .ssnp-kicker{font-family:'Great Vibes','Allura','Brush Script MT',cursive!important;font-weight:400!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;font-size:max(30px,calc(var(--u) * 100))!important;line-height:1.2!important;color:#C9971C!important;-webkit-text-stroke:.5px #C9971C}
.ssnp-box .ssnp .ssnp-kicker:before,.ssnp-box .ssnp .ssnp-kicker:after{background:#C9971C!important}



/* ================= ORIGINAL home-10.css ================= */

/* original line 8139 */

      
      @media (max-width: 700px) {
  .research-policy-mobile-wrap {
    margin-top: -20px !important;
  }
}
      
        /* Base states (Hidden before scroll) */
        .hs-section,
        .hs-glass-card,
        .hs-badge,
        .hs-title,
        .hs-subtitle,
        .hs-desc,
        .hs-card,
        .hs-footer-link {
          opacity: 0;
          will-change: transform, opacity;
        }

        /* Trigger class added by JS */
        .animate-now {
          opacity: 1 !important;
        }

        /* Main section fade */
        .animate-now.hs-section {
          animation: sectionFade 1s ease-out both;
        }

        @keyframes sectionFade {
          from {
            opacity: 0;
            transform: translateY(20px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        /* Glass card coming from top */
        .animate-now .hs-glass-card {
          animation: slideDown 0.9s ease-out both;
        }

        @keyframes slideDown {
          from {
            opacity: 0;
            transform: translateY(-40px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        /* Heading animations */
        .animate-now .hs-badge,
        .animate-now .hs-title,
        .animate-now .hs-subtitle,
        .animate-now .hs-desc,
        .animate-now .hs-footer-link {
          animation: fadeUp 0.8s ease-out forwards;
        }

        .animate-now .hs-badge {
          animation-delay: 0.2s;
        }

        .animate-now .hs-title {
          animation-delay: 0.35s;
        }

        .animate-now .hs-subtitle {
          animation-delay: 0.5s;
        }

        .animate-now .hs-desc {
          animation-delay: 0.65s;
        }

        .animate-now .hs-footer-link {
          animation-delay: 1.2s;
        }

        @keyframes fadeUp {
          from {
            opacity: 0;
            transform: translateY(18px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        /* Grid cards animation */
        .animate-now .hs-card {
          animation-duration: 0.8s;
          animation-fill-mode: forwards;
          animation-timing-function: ease-out;
        }

        .animate-now .hs-card-left {
          animation-name: slideInLeft;
        }

        .animate-now .hs-card-right {
          animation-name: slideInRight;
        }

        @keyframes slideInLeft {
          from {
            opacity: 0;
            transform: translateX(-35px) translateY(20px);
          }

          to {
            opacity: 1;
            transform: translateX(0) translateY(0);
          }
        }

        @keyframes slideInRight {
          from {
            opacity: 0;
            transform: translateX(35px) translateY(20px);
          }

          to {
            opacity: 1;
            transform: translateX(0) translateY(0);
          }
        }

        /* Stagger delays */
        .delay-1 {
          animation-delay: 0.25s;
        }

        .delay-2 {
          animation-delay: 0.35s;
        }

        .delay-3 {
          animation-delay: 0.45s;
        }

        .delay-4 {
          animation-delay: 0.55s;
        }

        .delay-5 {
          animation-delay: 0.65s;
        }

        .delay-6 {
          animation-delay: 0.75s;
        }

        .delay-7 {
          animation-delay: 0.85s;
        }

        .delay-8 {
          animation-delay: 0.95s;
        }

        /* Hover effects */
        .hs-card-hover {
          transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease;
        }

        .hs-card-hover:hover {
          transform: translateY(-6px) scale(1.02);
          box-shadow: 0 12px 30px rgba(26, 74, 124, 0.15);
        }

        .hs-card-hover img {
          transition: transform 0.5s ease;
        }

        .hs-card-hover:hover img {
          transform: scale(1.06);
        }

        .hs-footer-link a {
          position: relative;
          display: inline-block;
          transition: transform 0.3s ease, color 0.3s ease;
        }

        .hs-footer-link a:hover {
          transform: translateX(6px);
          color: #1a4a7c;
        }

        /* Optional floating glow */
        .hs-glass-card::before {
          content: "";
          position: absolute;
          top: -40%;
          left: -40%;
          width: 76%;
          height: 180%;
          background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0) 100%);
          transform: rotate(18deg);
          animation: shineMove 5s linear infinite;
          pointer-events: none;
        }

        @keyframes shineMove {
          0% {
            transform: translateX(-120%) rotate(18deg);
          }

          100% {
            transform: translateX(220%) rotate(18deg);
          }
        }

        @media (prefers-reduced-motion: reduce) {

          .hs-section,
          .hs-glass-card,
          .hs-badge,
          .hs-title,
          .hs-subtitle,
          .hs-desc,
          .hs-footer-link,
          .hs-card {
            animation: none !important;
            opacity: 1 !important;
            transform: none !important;
          }
        }