@charset "UTF-8";
/* Later homepage sections and partner cards before the shared footer.
   Existing CSS rule order preserved. Edit selectors with care.
*/

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

/* original line 10245 */

    /* Hide scrollbar on mobile */
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }

    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .partner-divider {
      height: 80px;
      border-left: 1px solid #ccc;
      margin: 0 12px;
    }

    .partner-logo img {
      width: 80px;
      height: auto;
    }

    .partner-logo span {
      margin-top: 6px;
      font-size: 12px;
    }

    #partner-logos {
      position: relative;
    }

    /* Left and right white fade */
    #partner-logos::before,
    #partner-logos::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 75px;
      z-index: 10;
      pointer-events: none;
    }

    /* Left side: white se transparent */
    #partner-logos::before {
      left: 0;
      background: linear-gradient(to right,
          #ffffff 0%,
          rgba(255, 255, 255, 0.85) 30%,
          rgba(255, 255, 255, 0) 100%);
    }

    /* Right side: transparent se white */
    #partner-logos::after {
      right: 0;
      background: linear-gradient(to right,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.85) 70%,
          #ffffff 100%);
    }

    /* Mobile */
    @media (max-width: 640px) {

      #partner-logos::before,
      #partner-logos::after {
        width: 45px;
      }
    }
  


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

/* original line 10332 */

    /* PART OF SyedShayan.com: only Free Media News remains active and static */
    .syed-network-marquee {
      overflow: visible !important;
    }

    #syedNetworkTrack.syed-network-track,
    #syedNetworkTrack.syed-network-grid {
      transform: none !important;
      animation: none !important;
      transition: none !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }

    #syedNetworkTrack > .syed-network-item {
      flex: 0 0 auto !important;
    }
  

/* id="free-media-final-center-fix" */

    /* FINAL: Free Media News only — larger, perfectly centered, static */
    body .syed-network-marquee {
      width: 100% !important;
      overflow: visible !important;
    }

    body #syedNetworkTrack.syed-network-track,
    body #syedNetworkTrack.syed-network-grid {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 0 !important;
      transform: none !important;
      animation: none !important;
      transition: none !important;
      will-change: auto !important;
    }

    body #syedNetworkTrack > .syed-network-item {
      width: 280px !important;
      min-width: 280px !important;
      flex: 0 0 280px !important;
      margin: 0 auto !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
    }

    body #syedNetworkTrack .syed-network-logo-box {
      width: 100% !important;
      height: 135px !important;
      min-height: 135px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
      margin: 0 auto !important;
    }

    body #syedNetworkTrack .syed-network-free-media-logo {
      display: block !important;
      width: 220px !important;
      max-width: 220px !important;
      height: 125px !important;
      object-fit: contain !important;
      margin: 0 auto !important;
      position: static !important;
      left: auto !important;
      right: auto !important;
      transform: none !important;
    }

    body #syedNetworkTrack .syed-network-url-pill {
      margin-left: auto !important;
      margin-right: auto !important;
      align-self: center !important;
    }

    /* Mobile */
    @media (max-width: 767px) {
      body #syedNetworkTrack > .syed-network-item {
        width: 260px !important;
        min-width: 260px !important;
        flex: 0 0 260px !important;
      }

      body #syedNetworkTrack .syed-network-logo-box {
        height: 125px !important;
        min-height: 125px !important;
      }

      body #syedNetworkTrack .syed-network-free-media-logo {
        width: 200px !important;
        max-width: 200px !important;
        height: 115px !important;
      }
    }

    /* Small phones */
    @media (max-width: 390px) {
      body #syedNetworkTrack > .syed-network-item {
        width: 240px !important;
        min-width: 240px !important;
        flex: 0 0 240px !important;
      }

      body #syedNetworkTrack .syed-network-free-media-logo {
        width: 190px !important;
        max-width: 190px !important;
        height: 110px !important;
      }
    }

    /* Remove the grey vertical separator completely */
    body #syedNetworkTrack > .syed-network-item::before,
    body #syedNetworkTrack > .syed-network-item::after,
    body .syed-network-track .syed-network-item::before,
    body .syed-network-track .syed-network-item::after {
      content: none !important;
      display: none !important;
      visibility: hidden !important;
      background: none !important;
      width: 0 !important;
    }
  


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

/* id="ss-partners-v3-20261027" */

    #ss-partners,#ss-partners *{box-sizing:border-box}
    #ss-partners{width:100%;padding:28px 16px 40px;background:#fff;font-family:'Poppins',Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
    #ss-partners .ssp-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 22px;font-size:18px;font-weight:600;color:#111;text-align:center}
    #ss-partners .ssp-title::before,#ss-partners .ssp-title::after{content:"";flex:0 0 44px;height:2px;background:#111}

    /* Scroller (desktop + tablet + mobile) */
    #ss-partners .ssp-wrap{position:relative;max-width:1180px;margin:0 auto}
    #ss-partners .ssp-grid{display:flex;flex-flow:row nowrap;gap:20px;width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    #ss-partners .ssp-grid::-webkit-scrollbar{display:none}
    #ss-partners .ssp-nav{position:absolute;top:calc(50% - 9px);z-index:5;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fff;color:#043E6B;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer;transform:translateY(-50%);transition:opacity .25s,background .25s,color .25s}
    #ss-partners .ssp-nav:hover{background:#043E6B;color:#fff}
    #ss-partners .ssp-nav[disabled]{opacity:0;pointer-events:none}
    #ss-partners .ssp-nav svg{width:18px;height:18px}
    #ss-partners .ssp-prev{left:-21px}
    #ss-partners .ssp-next{right:-21px}

    /* Card */
    #ss-partners .ssp-card{position:relative;display:flex;align-items:center;flex:0 0 calc((100% - 20px) / 2);width:calc((100% - 20px) / 2);aspect-ratio:1770/488;overflow:hidden;border-radius:12px;background-color:#f5f7fa;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:0 4px 14px rgba(0,0,0,.10);text-decoration:none!important;color:#111!important;container-type:inline-size;scroll-snap-align:start;transition:box-shadow .3s}
    #ss-partners .ssp-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.16)}
    #ss-partners .ssp-renews{background-image:url('/Images/renews-new-lossless.webp')}
    #ss-partners .ssp-survey{background-image:url('/Images/survey-new-lossless.webp')}
    #ss-partners .ssp-shehr{background-image:url('/Images/shaboo.png')}
    #ss-partners .ssp-otd{background-image:url('/Images/Rectangle%202258.png')}
    #ss-partners .ssp-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;padding-left:6%;width:55%}
    #ss-partners .ssp-content h3{margin:0 0 4px;font-size:clamp(14px,4cqw,24px);line-height:1.2;font-weight:600;color:#111;white-space:nowrap}
    #ss-partners .ssp-content p{margin:0;font-size:clamp(11px,3.05cqw,18px);line-height:1.3;color:#333}
    #ss-partners .ssp-logo{display:block;height:auto;object-fit:contain;object-position:left center;margin:0 0 6px}

    /* ReNews: no gradient, logo + text placed on the light part of the image */
    #ss-partners .ssp-renews{justify-content:flex-start}
    #ss-partners .ssp-renews .ssp-content{width:auto;max-width:51%;margin-left:48.5%;padding-left:0;padding-right:0}
    #ss-partners .ssp-renews .ssp-logo{height:14.5cqw;max-width:100%;margin-bottom:1.2cqw}
    #ss-partners .ssp-renews .ssp-content p{font-size:clamp(11px,3.15cqw,19px);line-height:1.28;font-weight:600;text-shadow:0 0 6px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.9)}

    /* Survey: "Public Opinion" on its own line */
    #ss-partners .ssp-survey .ssp-content{width:46%}
    #ss-partners .ssp-survey .ssp-content h3{margin-bottom:6px}

    /* Shehrbeen: bigger logo */
    #ss-partners .ssp-shehr .ssp-content{width:62%}
    #ss-partners .ssp-shehr .ssp-logo{height:23cqw;margin:-3cqw 0 -1.8cqw -1.4cqw}
    #ss-partners .ssp-shehr .ssp-content p{white-space:nowrap;font-size:clamp(10px,2.85cqw,18px);line-height:1.32;font-weight:500;color:#111;text-shadow:0 0 3px rgba(255,255,255,.95),0 0 7px rgba(255,248,236,.95),0 0 12px rgba(255,248,236,.8)}

    /* On This Date */
    #ss-partners .ssp-otd .ssp-content{flex-direction:row;align-items:center;gap:3.4cqw;width:auto;max-width:96%;padding-left:5%}
    #ss-partners .ssp-otd-mark{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:2.4cqw;font-weight:600;line-height:.92;text-transform:uppercase;letter-spacing:-.02em}
    #ss-partners .ssp-otd-mark::before{content:"";position:absolute;left:0;top:3%;bottom:3%;width:.6cqw;min-width:3px;background:#D7A93A}
    #ss-partners .ssp-otd-mark span,#ss-partners .ssp-otd-mark strong{display:block;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
    #ss-partners .ssp-otd-mark span{font-size:clamp(17px,5.3cqw,32px);font-weight:600;background-image:linear-gradient(180deg,#63C188 0%,#56B47C 100%)}
    #ss-partners .ssp-otd-mark strong{font-size:clamp(25px,7.9cqw,47px);font-weight:600;background-image:linear-gradient(180deg,#57B67D 0%,#479D69 100%)}

    #ss-partners .ssp-calendar{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;width:clamp(56px,14cqw,84px);margin-top:1.4cqw;border:clamp(3px,.75cqw,5px) solid #A56D3E;border-radius:6px;background:linear-gradient(180deg,#FFFCF5 0%,#F8EFDF 100%);box-shadow:0 2px 5px rgba(90,50,20,.35),inset 0 0 0 1px rgba(255,255,255,.7);color:#22140C;line-height:1.05;text-align:center}
    #ss-partners .ssp-calendar::before,#ss-partners .ssp-calendar::after{content:"";position:absolute;top:calc(-1 * clamp(9px,2.6cqw,15px) - 1px);width:clamp(5px,1.3cqw,8px);height:clamp(9px,2.6cqw,15px);border:2px solid #9C6A3F;border-radius:50% 50% 40% 40%;background:transparent}
    #ss-partners .ssp-calendar::before{left:18%}
    #ss-partners .ssp-calendar::after{right:18%}
    #ss-partners .ssp-weekday{padding:max(3px,.9cqw) 0 .5cqw;border-bottom:1px solid rgba(165,109,62,.25);font-size:clamp(11px,2.1cqw,13px);font-weight:600}
    #ss-partners .ssp-wd-short{display:none}
    /* Mobile: calendar chhota hai, is liye "Wednesday" ki jagah "Wed" */
    @media(max-width:640px){#ss-partners .ssp-wd-full{display:none}#ss-partners .ssp-wd-short{display:inline}}
    #ss-partners .ssp-day{padding:.5cqw 0;font-size:clamp(16px,5.2cqw,31px);font-weight:700}
    #ss-partners .ssp-month{padding:.5cqw 0 .7cqw;border-top:1px solid rgba(165,109,62,.25);font-size:clamp(11px,1.9cqw,12px);font-weight:600}

    #ss-partners .ssp-otd-copy{position:relative;display:flex;flex-direction:column;padding-left:3.2cqw}
    #ss-partners .ssp-otd-copy::before{content:"";position:absolute;left:0;top:-28%;bottom:-28%;width:1.5px;background:linear-gradient(180deg,rgba(40,20,10,0) 0%,rgba(40,20,10,.85) 50%,rgba(40,20,10,0) 100%)}
    #ss-partners .ssp-otd-copy p{text-transform:uppercase;font-size:clamp(11px,2.5cqw,15px);letter-spacing:.3px}

    @media(max-width:1260px){#ss-partners .ssp-prev{left:6px}#ss-partners .ssp-next{right:6px}}
    @media(min-width:641px) and (max-width:1023px){
      #ss-partners .ssp-wrap{max-width:760px}
      #ss-partners .ssp-grid{gap:16px}
      #ss-partners .ssp-card{flex:0 0 100%;width:100%}
    }
    @media(max-width:640px){
      #ss-partners{padding:24px 0 36px;overflow:hidden}
      #ss-partners .ssp-wrap{max-width:none}
      #ss-partners .ssp-grid{gap:12px;padding:4px 14px 18px;scroll-padding-left:14px}
      #ss-partners .ssp-card{flex:0 0 min(89vw,380px);width:min(89vw,380px);border-radius:10px}
      #ss-partners .ssp-nav{display:none}
    }
  

/* id="ss-partners-ref-20261028" */

    /* ===== Part of SyedShayan.com — reference design match (28-10) ===== */
    #ss-partners .ssp-content{z-index:2;padding-left:4.5%}
    #ss-partners .ssp-content h3,#ss-partners .ssp-content p{font-family:'Poppins',Arial,sans-serif}

    /* Website name: corner gradient strip */
    #ss-partners .ssp-url{position:absolute;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:.95cqw 2.6cqw .95cqw 10cqw;font-family:'Poppins',Arial,sans-serif;font-size:clamp(10px,2.7cqw,16px);line-height:1.15;font-weight:500;letter-spacing:.1px;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}
    #ss-partners .ssp-shehr .ssp-url{background:linear-gradient(90deg,rgba(45,34,22,0) 0%,rgba(45,34,22,.68) 55%,rgba(45,34,22,.78) 100%)}
    #ss-partners .ssp-otd .ssp-url{background:linear-gradient(90deg,rgba(125,95,58,0) 0%,rgba(125,95,58,.72) 55%,rgba(125,95,58,.82) 100%)}
    #ss-partners .ssp-renews .ssp-url{background:linear-gradient(90deg,rgba(6,26,56,0) 0%,rgba(6,26,56,.78) 55%,rgba(6,26,56,.88) 100%)}
    #ss-partners .ssp-survey .ssp-url{background:linear-gradient(90deg,rgba(10,50,120,0) 0%,rgba(10,50,120,.72) 55%,rgba(10,50,120,.82) 100%)}

    /* 1) SHEHRBEEN: logo, title, two-line subtitle */
    #ss-partners .ssp-shehr .ssp-content{width:58%;padding-top:0;padding-bottom:0;justify-content:center}
    #ss-partners .ssp-shehr .ssp-logo{height:15cqw;width:auto;max-width:100%;margin:-1.4cqw 0 -1.2cqw -1cqw}
    #ss-partners .ssp-shehr .ssp-content h3{margin:0 0 .6cqw;white-space:nowrap;font-size:clamp(12px,3.5cqw,21px);line-height:1.2;font-weight:500;color:#1b1b1b;text-shadow:0 0 4px rgba(255,248,236,.95),0 0 9px rgba(255,248,236,.85)}
    #ss-partners .ssp-shehr .ssp-content p{white-space:normal;font-size:clamp(10px,2.75cqw,16px);line-height:1.3;font-weight:400;color:#2b2b2b;text-shadow:0 0 4px rgba(255,248,236,.95),0 0 9px rgba(255,248,236,.85)}

    /* 2) ON THIS DATE */
    #ss-partners .ssp-otd{background-color:#f3e6cf;background-image:url('/Images/Rectangle%202258.png'),linear-gradient(90deg,#f7eedd 0%,#f1e2c6 55%,#ead6b3 100%)}
    #ss-partners .ssp-otd .ssp-content{gap:2.4cqw;padding-left:4.5%;padding-bottom:2cqw}
    #ss-partners .ssp-otd-mark span{font-size:clamp(14px,4.6cqw,28px)}
    #ss-partners .ssp-otd-mark strong{font-size:clamp(22px,7.2cqw,43px)}
    #ss-partners .ssp-calendar{width:clamp(44px,12cqw,74px)}
    #ss-partners .ssp-weekday{font-size:clamp(9px,1.7cqw,11px);letter-spacing:-.2px;white-space:nowrap;overflow:hidden}
    #ss-partners .ssp-otd-copy{justify-content:center;padding-left:2.6cqw;margin:0}
    #ss-partners .ssp-otd-copy::before{top:-4%;bottom:-4%}
    #ss-partners .ssp-otd .ssp-otd-copy h3{margin:0 0 1cqw;white-space:normal;font-size:clamp(12px,3.8cqw,23px);line-height:1.2;font-weight:500;color:#1f1a14}
    #ss-partners .ssp-otd .ssp-otd-copy p{margin:0;text-transform:none;letter-spacing:0;font-size:clamp(10px,2.9cqw,17px);line-height:1.3;font-weight:400;color:#2f2a24}

    /* 3) RENEWS: logo, bold title, regular subtitle */
    #ss-partners .ssp-renews .ssp-content{max-width:46%;margin-left:51%;padding:0 0 0 0}
    #ss-partners .ssp-renews .ssp-logo{height:9.5cqw;width:auto;margin:0 0 .8cqw}
    #ss-partners .ssp-renews .ssp-content h3{margin:0 0 .7cqw;white-space:normal;font-size:clamp(11px,3cqw,18px);line-height:1.15;font-weight:600;color:#111;text-shadow:0 0 5px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.9)}
    #ss-partners .ssp-renews .ssp-content p{font-size:clamp(10px,2.75cqw,16px);line-height:1.25;font-weight:400;color:#1a1a1a;text-shadow:0 0 5px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.9)}

    /* 4) SURVEYS & PUBLIC OPINION: navy + blue title */
    #ss-partners .ssp-survey .ssp-content{width:50%;padding-left:4.5%}
    #ss-partners .ssp-survey .ssp-content h3{margin:0 0 1cqw;white-space:nowrap;font-size:clamp(14px,4.3cqw,26px);line-height:1.15;font-weight:600;color:#0b2447}
    #ss-partners .ssp-survey .ssp-content h3 .ssp-blue{color:#1e88e5}
    #ss-partners .ssp-survey .ssp-content p{font-size:clamp(10px,2.95cqw,17px);line-height:1.3;font-weight:400;color:#2b2b2b}
  


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

/* id="ss-partners-3up-desktop-20261107" */

    /* 7 Nov 2026 — Desktop (1024px+): Part of SyedShayan.com mein 2 ki jagah 3 cards,
       aur poora scroller upar wale "Media & Research Hub" section jitna chaura (width JS set karta hai). */
    @media (min-width:1024px){
      #ss-partners .ssp-wrap{width:var(--ssp-match-w,822px);max-width:100%;margin-left:auto;margin-right:auto}
      #ss-partners .ssp-grid{gap:14px;padding:4px 0 16px}
      #ss-partners .ssp-card{flex:0 0 calc((100% - 28px) / 3);width:calc((100% - 28px) / 3);aspect-ratio:1770/600;border-radius:10px}
      #ss-partners .ssp-prev{left:-16px}
      #ss-partners .ssp-next{right:-16px}

      /* Chhote card ke hisaab se text bhi chhota (card ki width ke saath scale hota hai) */
      #ss-partners .ssp-url{font-size:clamp(9px,3.4cqw,13px);padding:.9cqw 2.6cqw .9cqw 10cqw}

      #ss-partners .ssp-shehr .ssp-logo{height:15cqw;margin:-1cqw 0 -1cqw -1cqw}
      #ss-partners .ssp-shehr .ssp-content{width:66%}
      #ss-partners .ssp-shehr .ssp-content h3{font-size:clamp(9px,3.8cqw,15px)}
      #ss-partners .ssp-shehr .ssp-content p{font-size:clamp(8.5px,3.5cqw,13px)}

      #ss-partners .ssp-otd .ssp-content{gap:2.2cqw;padding-bottom:2cqw}
      #ss-partners .ssp-otd-mark span{font-size:clamp(10px,5cqw,20px)}
      #ss-partners .ssp-otd-mark strong{font-size:clamp(15px,7.8cqw,30px)}
      #ss-partners .ssp-calendar{width:clamp(36px,13cqw,56px);border-width:clamp(2px,.7cqw,4px)}
      #ss-partners .ssp-calendar::before,#ss-partners .ssp-calendar::after{top:calc(-1 * clamp(6px,2.4cqw,11px) - 1px);height:clamp(6px,2.4cqw,11px);width:clamp(4px,1.2cqw,6px)}
      #ss-partners .ssp-weekday{font-size:clamp(7px,2.3cqw,9px)}
      #ss-partners .ssp-day{font-size:clamp(12px,5.6cqw,22px)}
      #ss-partners .ssp-month{font-size:clamp(7px,2.4cqw,9px)}
      #ss-partners .ssp-otd .ssp-otd-copy h3{font-size:clamp(9px,4.1cqw,16px)}
      #ss-partners .ssp-otd .ssp-otd-copy p{font-size:clamp(8.5px,3.4cqw,13px)}

      #ss-partners .ssp-renews .ssp-logo{height:10.5cqw}
      #ss-partners .ssp-renews .ssp-content h3{font-size:clamp(9px,3.4cqw,13px)}
      #ss-partners .ssp-renews .ssp-content p{font-size:clamp(8.5px,3.3cqw,13px)}

      #ss-partners .ssp-survey .ssp-content h3{font-size:clamp(11px,5cqw,19px)}
      #ss-partners .ssp-survey .ssp-content p{font-size:clamp(8.5px,3.4cqw,13px)}
    }