*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7f6;color:#13231e;font-family:Inter,"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-strip{background:#061b17;color:#d8ebe5;font-size:13px}.top-strip-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-links{display:flex;gap:18px}.top-links a:hover{color:#fff}.brand-row{min-height:112px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:14px;min-width:290px}.brand img{max-height:72px;max-width:280px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--brand);color:#fff;font-weight:900;font-size:23px;box-shadow:0 10px 30px rgba(11,111,85,.25)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:27px;line-height:1.1}.brand-copy small{color:#61736d;margin-top:5px}.header-search{margin-left:auto;display:flex;width:min(430px,100%);background:#fff;border:1px solid #dce7e3;border-radius:999px;overflow:hidden;box-shadow:0 8px 24px rgba(20,55,44,.06)}.header-search input{border:0;outline:0;padding:13px 18px;flex:1;min-width:0}.header-search button,.inline-search button,.newsletter-form button{border:0;background:var(--brand);color:#fff;padding:11px 20px;cursor:pointer;font-weight:700}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--brand);color:#fff;width:44px;height:44px;border-radius:10px;font-size:22px}.main-nav{background:#fff;border-top:1px solid #e4ece9;border-bottom:1px solid #e4ece9;position:relative;z-index:30}.nav-inner{display:flex;align-items:center;gap:4px;overflow:visible}.nav-inner>a,.nav-item>a{display:block;padding:15px 13px;font-weight:750;font-size:15px;white-space:nowrap}.nav-inner>a:hover,.nav-item:hover>a{color:var(--brand)}.nav-item{position:relative}.sub-menu{position:absolute;top:100%;left:0;width:210px;background:#fff;border:1px solid #e3ebe8;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(10,40,31,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.sub-menu a{display:block;padding:9px 11px;border-radius:7px}.sub-menu a:hover{background:#edf6f3;color:var(--brand)}.nav-item:hover .sub-menu{opacity:1;visibility:visible;transform:none}.breaking-bar{background:var(--brand);color:#fff}.breaking-inner{min-height:42px;display:flex;align-items:center;gap:18px}.breaking-inner>strong{background:#fff;color:var(--brand);padding:5px 11px;border-radius:5px;white-space:nowrap}.ticker{display:flex;gap:32px;overflow:hidden;white-space:nowrap}.ticker a{opacity:.95}.ticker a:before{content:"●";font-size:8px;margin-right:9px}.site-main{min-height:60vh}.flash-message{position:fixed;right:20px;top:20px;z-index:100;background:#0b6f55;color:#fff;padding:14px 18px;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.2)}.home-page{padding-block:30px 70px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:18px}.hero-main,.post-card-overlay{position:relative;overflow:hidden;border-radius:18px;background:#18342b;min-height:460px}.hero-main>a{display:block;height:100%}.hero-main img,.post-card-overlay .post-card-image img{width:100%;height:100%;object-fit:cover}.hero-main:after,.post-card-overlay .post-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(2,16,12,.88) 100%)}.hero-overlay{position:absolute;z-index:2;inset:auto 28px 28px;color:#fff}.hero-overlay span,.category-label{display:inline-flex;color:var(--brand);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.hero-overlay span{color:#fff;background:var(--brand);padding:5px 9px;border-radius:5px}.hero-overlay h1{font-size:clamp(28px,4vw,48px);line-height:1.16;margin:12px 0}.hero-overlay p{margin:0;max-width:780px;color:#e9f4f0}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.post-card-overlay{min-height:220px}.post-card-overlay .post-card-body{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;color:#fff}.post-card-overlay .post-card-body h3{font-size:17px;line-height:1.35;margin:7px 0}.post-card-overlay .post-card-body p,.post-card-overlay .post-meta{display:none}.content-section{margin-top:42px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #dfe8e5;margin-bottom:20px}.section-heading h2{position:relative;margin:0;padding:0 0 10px;font-size:25px}.section-heading h2:after{content:"";position:absolute;left:0;bottom:-2px;width:76px;height:3px;background:var(--section-color,var(--brand))}.section-heading span,.section-heading a{font-size:14px;color:#667873}.section-heading a{font-weight:800;color:var(--brand)}.card-grid{display:grid;gap:22px}.card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.post-card{background:#fff;border:1px solid #e3ebe8;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(20,55,44,.04);transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(20,55,44,.1)}.post-card-image{position:relative;display:block;aspect-ratio:16/10;background:#dce8e4;overflow:hidden}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-card:hover .post-card-image img{transform:scale(1.04)}.image-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--brand),#163d32);color:#fff;font-weight:850;letter-spacing:.08em}.media-badge{position:absolute;left:12px;top:12px;background:#e03131;color:#fff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:850}.post-card-body{padding:17px}.post-card h3{font-size:19px;line-height:1.38;margin:7px 0 8px}.post-card p{margin:0 0 12px;color:#5b6d67;font-size:14px}.post-meta{display:flex;gap:13px;flex-wrap:wrap;color:#71827c;font-size:12px}.two-column-layout,.page-shell,.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.latest-list,.listing-grid{display:grid;gap:16px}.post-card-horizontal{display:grid;grid-template-columns:230px minmax(0,1fr)}.post-card-horizontal .post-card-image{aspect-ratio:auto;min-height:170px}.post-card-horizontal .post-card-body{display:flex;flex-direction:column;justify-content:center}.post-card-compact{display:grid;grid-template-columns:95px minmax(0,1fr);border:0;border-radius:0;box-shadow:none;padding-bottom:13px;border-bottom:1px solid #e7eeec}.post-card-compact:hover{transform:none;box-shadow:none}.post-card-compact .post-card-image{aspect-ratio:1/1;border-radius:9px}.post-card-compact .post-card-body{padding:2px 0 2px 12px}.post-card-compact h3{font-size:14px;margin:4px 0}.post-card-compact .post-meta{font-size:11px}.sidebar{display:grid;gap:24px}.sidebar-block{background:#fff;border:1px solid #e3ebe8;border-radius:14px;padding:20px}.sidebar-block .section-heading h2{font-size:20px}.sidebar-posts{display:grid;gap:13px}.newsletter-panel{background:linear-gradient(145deg,#08271f,var(--brand));color:#fff}.newsletter-panel h2{margin-top:0}.newsletter-panel p{color:#d7ebe5}.newsletter-form{display:flex;gap:8px}.newsletter-form input,.inline-search input{width:100%;border:1px solid #dce7e3;border-radius:8px;padding:11px 12px;outline:0}.newsletter-form.stacked{flex-direction:column}.newsletter-form button{border-radius:8px}.video-section{background:#071f1a;color:#fff;margin-inline:calc((100vw - min(1180px,calc(100vw - 32px)))/-2);padding:38px max(16px,calc((100vw - min(1180px,calc(100vw - 32px)))/2))}.video-section .post-card{background:#0c2d25;border-color:#16473a}.video-section .post-card h3,.video-section .post-meta{color:#fff}.page-shell,.article-shell{padding-block:36px 70px}.page-header{background:#fff;border:1px solid #e1eae7;border-radius:16px;padding:28px;margin-bottom:22px}.page-header h1{font-size:clamp(29px,4vw,46px);line-height:1.2;margin:3px 0}.page-header p{color:#5e706a}.eyebrow{color:var(--brand)!important;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.inline-search{display:flex;gap:9px;margin-top:18px}.content-column{min-width:0}.empty-state{background:#fff;border:1px dashed #c9d9d4;border-radius:16px;padding:50px;text-align:center}.pagination-wrap{margin-top:28px}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.pagination-wrap svg{width:18px}.pagination-wrap a,.pagination-wrap span{border-radius:7px!important}.article-content{min-width:0;background:#fff;border:1px solid #e1eae7;border-radius:18px;padding:clamp(20px,4vw,44px)}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:#6d7e78;font-size:13px;margin-bottom:22px}.breadcrumbs a{color:var(--brand);font-weight:750}.article-header h1{font-size:clamp(34px,5vw,58px);line-height:1.18;margin:10px 0 14px}.article-deck{font-size:20px;color:#53665f}.article-byline{display:flex;gap:15px;flex-wrap:wrap;color:#687a74;font-size:13px;border-top:1px solid #e8eeec;border-bottom:1px solid #e8eeec;padding:13px 0}.article-byline a{font-weight:850;color:var(--brand)}.article-figure{margin:28px 0}.article-figure img{width:100%;border-radius:14px}.article-figure figcaption{font-size:13px;color:#6b7d76;margin-top:8px}.article-body{font-family:"Noto Serif Bengali","SolaimanLipi",Georgia,serif;font-size:19px;line-height:1.95;color:#172721}.article-body img{height:auto;border-radius:10px}.article-body iframe{max-width:100%}.article-body a{color:var(--brand);text-decoration:underline}.responsive-embed{position:relative;aspect-ratio:16/9;margin:28px 0;overflow:hidden;border-radius:14px;background:#000}.responsive-embed iframe,.responsive-embed>div{position:absolute!important;inset:0;width:100%!important;height:100%!important}.article-content audio{width:100%;margin:22px 0}.article-gallery{margin-top:32px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.gallery-grid figcaption{font-size:12px;color:#65776f}.tag-list,.share-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #e5ece9;padding-top:20px;margin-top:26px}.tag-list a{background:#edf5f2;color:var(--brand);padding:6px 10px;border-radius:999px;font-size:13px}.share-row a,.share-row button{border:1px solid #cddbd6;background:#fff;border-radius:7px;padding:7px 11px;cursor:pointer}.static-page .article-body{font-family:inherit}.site-footer{background:var(--footer);color:#d8e7e2;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px;padding-block:52px}.footer-brand{display:inline-block;color:#fff;font-size:28px;font-weight:900;margin-bottom:10px}.site-footer h3{color:#fff;margin-top:0}.site-footer p{color:#b8cec7}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer a:hover{color:#fff}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{border:1px solid #3b5b52;padding:6px 9px;border-radius:6px;font-size:12px}.footer-bottom{border-top:1px solid #26483e;padding:16px 0;color:#a9c1ba;font-size:13px}.form-error{color:#ffd7d7}
@media(max-width:1000px){.header-search{display:none}.menu-toggle{display:block}.main-nav{display:none}.main-nav.is-open{display:block}.nav-inner{display:block;padding-block:8px}.nav-inner>a,.nav-item>a{padding:10px}.sub-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 18px}.hero-grid{grid-template-columns:1fr}.hero-side{grid-template-columns:repeat(2,1fr)}.card-grid-four{grid-template-columns:repeat(2,1fr)}.two-column-layout,.page-shell,.article-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px)}.top-strip-inner{font-size:11px}.top-links a:last-child{display:none}.brand-row{min-height:88px}.brand{min-width:0}.brand-copy strong{font-size:22px}.brand-copy small{display:none}.hero-main{min-height:420px}.hero-overlay{inset:auto 18px 18px}.hero-overlay h1{font-size:30px}.hero-side{grid-template-columns:1fr}.post-card-overlay{min-height:240px}.card-grid-two,.card-grid-three,.card-grid-four{grid-template-columns:1fr}.post-card-horizontal{grid-template-columns:130px minmax(0,1fr)}.post-card-horizontal .post-card-image{min-height:145px}.post-card-horizontal .post-card-body{padding:12px}.post-card-horizontal h3{font-size:16px}.post-card-horizontal p{display:none}.article-content{padding:20px}.article-header h1{font-size:34px}.article-deck{font-size:17px}.article-body{font-size:18px}.gallery-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.ticker{gap:18px}.breaking-inner{gap:10px}.section-heading span{display:none}}
/* HUMAN AID MOBILE VIEWPORT FIX: START */
/* Prevent every component from exceeding its parent width */
html {
width: 100%;
min-height: 100%;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
}
body {
width: 100%;
min-width: 0;
min-height: 100vh;
min-height: 100svh;
margin: 0;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
body > main,
main,
.site-main,
.page-content,
.public-site-main {
width: 100%;
min-width: 0;
max-width: 100%;
flex: 1 0 auto;
}
body > footer,
footer,
.site-footer {
width: 100%;
min-width: 0;
max-width: 100%;
margin-top: auto;
flex-shrink: 0;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
img,
picture,
video,
iframe,
svg,
canvas {
max-width: 100%;
}
img,
video {
height: auto;
}
table {
max-width: 100%;
}
input,
select,
textarea,
button {
max-width: 100%;
min-width: 0;
}
/* Stop container padding or fixed widths from creating horizontal scroll */
.container,
.site-container,
.footer-container,
.header-container,
.page-container,
.content-container,
.section-container {
width: min(100%, 1280px);
min-width: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
/* Footer columns and newsletter must shrink correctly */
.site-footer *,
footer * {
min-width: 0;
}
.footer-grid,
.footer-columns,
.footer-content,
.newsletter-form,
.subscribe-form,
.footer-newsletter form {
max-width: 100%;
}
.newsletter-form,
.subscribe-form,
.footer-newsletter form {
display: flex;
width: 100%;
}
.newsletter-form input,
.subscribe-form input,
.footer-newsletter form input {
flex: 1 1 auto;
width: auto;
min-width: 0;
}
.newsletter-form button,
.subscribe-form button,
.footer-newsletter form button {
flex: 0 0 auto;
}
/* Long text and URLs must wrap instead of widening the page */
.site-footer a,
.site-footer p,
.site-footer span,
footer a,
footer p,
footer span {
overflow-wrap: anywhere;
word-break: normal;
}
@media (max-width: 767px) {
html,
body {
max-width: 100%;
overflow-x: hidden;
}
.container,
.site-container,
.footer-container,
.header-container,
.page-container,
.content-container,
.section-container {
width: 100%;
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.footer-grid,
.footer-columns,
.footer-content {
grid-template-columns: minmax(0, 1fr);
width: 100%;
}
.newsletter-form,
.subscribe-form,
.footer-newsletter form {
gap: 10px;
align-items: stretch;
}
.newsletter-form input,
.subscribe-form input,
.footer-newsletter form input {
width: 100%;
}
.newsletter-form button,
.subscribe-form button,
.footer-newsletter form button {
white-space: nowrap;
}
.social-links,
.footer-social,
.footer-social-links {
display: flex;
flex-wrap: wrap;
max-width: 100%;
}
}
@media (max-width: 480px) {
.newsletter-form,
.subscribe-form,
.footer-newsletter form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
}
.newsletter-form input,
.subscribe-form input,
.footer-newsletter form input {
min-width: 0;
}
}
/* HUMAN AID MOBILE VIEWPORT FIX: END */
/* DESKTOP HORIZONTAL OVERFLOW FIX: START */
html,
body {
width: 100%;
max-width: 100%;
overflow-x: clip;
}
.site-main,
.site-header,
.main-nav,
.breaking-bar,
.site-footer {
width: 100%;
max-width: 100%;
min-width: 0;
}
/* Keep every canonical content wrapper inside the viewport */
.container,
.site-container,
.header-container,
.footer-container,
.page-container,
.content-container,
.section-container {
width: min(1180px, calc(100% - 32px));
max-width: calc(100% - 32px);
min-width: 0;
margin-inline: auto;
}
/* Article and sidebar columns must be allowed to shrink */
.article-shell,
.page-shell,
.two-column-layout {
width: min(1180px, calc(100% - 32px));
max-width: calc(100% - 32px);
min-width: 0;
margin-inline: auto;
grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
}
.article-content,
.content-column,
.sidebar,
.sidebar-block,
.article-header,
.article-body {
min-width: 0;
max-width: 100%;
}
/* Prevent long titles and legacy HTML from expanding the page */
.article-header h1,
.article-deck,
.article-body,
.article-body p,
.article-body div,
.article-body span,
.article-body a {
max-width: 100%;
overflow-wrap: anywhere;
word-break: normal;
}
/* Contain media and legacy inline widths */
.article-body img,
.article-body iframe,
.article-body video,
.article-body object,
.article-body embed,
.article-body table,
.article-figure img,
.responsive-embed {
max-width: 100% !important;
}
.article-body iframe,
.article-body video,
.article-body object,
.article-body embed {
width: 100% !important;
}
.article-body table {
display: block;
overflow-x: auto;
}
/* Header elements must not create hidden desktop width */
.brand-row,
.nav-inner,
.breaking-inner,
.top-strip-inner {
min-width: 0;
max-width: 100%;
}
.header-search {
min-width: 0;
}
.nav-inner {
overflow-x: auto;
scrollbar-width: none;
}
.nav-inner::-webkit-scrollbar {
display: none;
}
/* Remove any accidental viewport-width expansion */
img,
svg,
canvas {
max-width: 100%;
}
@media (max-width: 1000px) {
.article-shell,
.page-shell,
.two-column-layout {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 680px) {
.container,
.site-container,
.header-container,
.footer-container,
.page-container,
.content-container,
.section-container,
.article-shell,
.page-shell,
.two-column-layout {
width: min(100% - 22px, 1180px);
max-width: calc(100% - 22px);
}
}
/* DESKTOP HORIZONTAL OVERFLOW FIX: END */
/* FOOTER SOFTICODE CREDIT: START */
.footer-bottom {
padding: 0;
}
.footer-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: 64px;
padding-block: 14px;
}
.footer-copyright,
.footer-developer-credit {
color: #a9c1ba;
font-size: 13px;
line-height: 1.6;
}
.footer-developer-credit {
flex: none;
text-align: right;
white-space: nowrap;
}
.footer-developer-credit a {
margin-left: 4px;
color: #ffffff;
font-weight: 800;
text-decoration: none;
transition: color .2s ease;
}
.footer-developer-credit a:hover,
.footer-developer-credit a:focus {
color: #7fd8bb;
text-decoration: underline;
}
@media (max-width: 680px) {
.footer-bottom-inner {
flex-direction: column;
align-items: flex-start;
gap: 5px;
min-height: 0;
padding-block: 16px;
}
.footer-developer-credit {
text-align: left;
white-space: normal;
}
}
/* FOOTER SOFTICODE CREDIT: END */
/* FOOTER CREDIT ALIGNMENT FIX */
.footer-bottom {
border-top: 1px solid #26483e;
}
.footer-bottom > .container {
width: min(1180px, calc(100% - 32px));
margin-inline: auto;
}
.footer-bottom-inner {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px;
width: 100%;
min-height: 76px;
padding: 16px 0;
}
.footer-copyright {
margin: 0;
color: #a9c1ba;
font-size: 14px;
}
.footer-developer-credit {
margin-left: auto;
color: #a9c1ba;
font-size: 14px;
text-align: right;
white-space: nowrap;
}
.footer-developer-credit a {
color: #ffffff;
font-weight: 800;
text-decoration: none;
}
.footer-developer-credit a:hover {
color: #7fd8bb;
text-decoration: underline;
}
@media (max-width: 680px) {
.footer-bottom-inner {
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px;
}
.footer-developer-credit {
margin-left: 0;
text-align: left;
white-space: normal;
}
}
/* FOOTER ADMIN MANAGEMENT: START */
.settings-divider{margin:28px 0;border:0;border-top:1px solid #dfe8e5}.settings-section-title{margin:0 0 18px;font-size:22px}
.footer-logo-link{display:inline-flex;align-items:center;max-width:250px;margin-bottom:14px}.footer-logo{display:block;width:auto;max-width:230px;max-height:82px;object-fit:contain}
.footer-editorial-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;margin:5px 0!important}.footer-editorial-row strong{color:#fff;font-weight:800}
.footer-social-icons{gap:9px;margin-top:14px}.footer-social-icons a{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #3b5b52;border-radius:9px;color:#d8e7e2;transition:background .2s,color .2s,transform .2s}
.footer-social-icons a:hover,.footer-social-icons a:focus{background:#fff;color:var(--brand);transform:translateY(-2px)}.footer-social-icons svg{width:18px;height:18px;fill:currentColor}
@media(max-width:680px){.footer-logo{max-width:190px;max-height:70px}}
/* FOOTER ADMIN MANAGEMENT: END */
/* FOOTER LOGO AND SOCIAL ICON FIX: START */
.footer-logo-link {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: auto;
max-width: 240px;
min-height: 60px;
margin-bottom: 14px;
}
.footer-logo {
display: block !important;
width: auto !important;
max-width: 220px !important;
height: auto !important;
max-height: 80px !important;
object-fit: contain !important;
}
.footer-social-icons {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
.footer-social-icons .footer-social-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
overflow: hidden;
border: 1px solid #49675f;
border-radius: 9px;
color: #ffffff !important;
background: rgba(255,255,255,.03);
line-height: 1;
}
.footer-social-icons .footer-social-icon svg {
display: block !important;
position: static !important;
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
color: inherit !important;
fill: currentColor !important;
stroke: none !important;
transform: none !important;
}
.footer-social-icons .footer-social-icon svg path {
display: block !important;
fill: currentColor !important;
stroke: none !important;
}
.footer-social-icons .footer-social-icon:hover,
.footer-social-icons .footer-social-icon:focus-visible {
color: #0b6f55 !important;
background: #ffffff;
border-color: #ffffff;
transform: translateY(-2px);
}
.footer-social-icon--facebook:hover {
color: #1877f2 !important;
}
.footer-social-icon--twitter:hover,
.footer-social-icon--x:hover {
color: #111111 !important;
}
.footer-social-icon--linkedin:hover {
color: #0a66c2 !important;
}
.footer-social-icon--youtube:hover {
color: #ff0000 !important;
}
@media (max-width: 680px) {
.footer-logo {
max-width: 185px !important;
max-height: 68px !important;
}
}
/* FOOTER LOGO AND SOCIAL ICON FIX: END */
/* FOOTER LOGO REFINEMENT: START */
.footer-brand-mark {
display: block;
margin: 0 0 18px;
}
.footer-logo-link {
display: inline-flex !important;
align-items: center;
justify-content: flex-start;
width: auto !important;
max-width: none !important;
min-height: 0 !important;
margin: 0 !important;
text-decoration: none;
}
.footer-logo-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 13px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.09);
border-radius: 14px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.025)
);
box-shadow:
0 10px 25px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.04);
transition:
transform .2s ease,
border-color .2s ease,
background .2s ease;
}
.footer-logo-link:hover .footer-logo-badge,
.footer-logo-link:focus-visible .footer-logo-badge {
transform: translateY(-2px);
border-color: rgba(255,255,255,.18);
background:
linear-gradient(
145deg,
rgba(255,255,255,.11),
rgba(255,255,255,.04)
);
}
.footer-logo {
display: block !important;
width: auto !important;
height: auto !important;
max-width: 175px !important;
max-height: 94px !important;
margin: 0 !important;
object-fit: contain !important;
}
.footer-about > p:first-of-type {
margin-top: 0;
}
@media (max-width: 1199px) {
.footer-logo {
max-width: 160px !important;
max-height: 86px !important;
}
}
@media (max-width: 767px) {
.footer-brand-mark {
margin-bottom: 15px;
}
.footer-logo-badge {
padding: 8px 10px;
border-radius: 12px;
}
.footer-logo {
max-width: 145px !important;
max-height: 78px !important;
}
}
/* FOOTER LOGO REFINEMENT: END */
/* FOOTER LOGO CLEAN TRANSPARENT: START */
.footer-brand-mark {
margin: 0 0 20px;
}
.footer-logo-link {
display: inline-flex !important;
align-items: center;
justify-content: flex-start;
width: auto !important;
max-width: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.footer-logo-badge {
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
overflow: visible !important;
transform: none !important;
}
.footer-logo-link:hover .footer-logo-badge,
.footer-logo-link:focus-visible .footer-logo-badge {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
transform: none !important;
}
.footer-logo {
display: block !important;
width: auto !important;
height: auto !important;
max-width: 185px !important;
max-height: 108px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
filter:
drop-shadow(0 4px 7px rgba(0,0,0,.28))
brightness(1.06);
}
@media (max-width: 1199px) {
.footer-logo {
max-width: 170px !important;
max-height: 98px !important;
}
}
@media (max-width: 767px) {
.footer-logo {
max-width: 150px !important;
max-height: 86px !important;
}
}
/* FOOTER LOGO CLEAN TRANSPARENT: END */
/* FOOTER MOBILE CREDIT CENTER: START */
@media (max-width: 680px) {
.footer-bottom > .container {
width: min(100% - 28px, 1180px);
}
.footer-bottom-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 100%;
padding-block: 18px !important;
text-align: center !important;
}
.footer-copyright,
.footer-developer-credit {
width: 100%;
margin: 0 !important;
text-align: center !important;
white-space: normal !important;
}
.footer-developer-credit {
margin-left: 0 !important;
}
.footer-developer-credit a {
display: inline;
margin-left: 4px;
}
}
/* FOOTER MOBILE CREDIT CENTER: END */
/* HIND NOTO NEWSPAPER TYPOGRAPHY: START */
:root {
--font-interface:
"Hind Siliguri",
"Noto Sans Bengali",
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;
--font-reading:
"Noto Serif Bengali",
"Hind Siliguri",
Georgia,
serif;
}
/* General interface */
html,
body,
button,
input,
select,
textarea {
font-family: var(--font-interface) !important;
}
/* Header, menu and ticker */
.top-strip,
.top-strip-inner,
.top-links,
.brand-copy,
.header-search,
.main-nav,
.nav-inner,
.nav-inner > a,
.nav-item > a,
.sub-menu,
.breaking-bar,
.breaking-inner,
.ticker {
font-family: var(--font-interface) !important;
}
.nav-inner > a,
.nav-item > a {
padding: 15px 12px !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
}
.sub-menu a {
font-size: 14px !important;
font-weight: 500 !important;
}
.breaking-inner {
font-size: 14px !important;
}
.breaking-inner > strong {
font-weight: 700 !important;
}
/* Breadcrumbs, metadata and controls */
.breadcrumbs,
.article-byline,
.post-meta,
.tag-list,
.share-row,
.article-figure figcaption,
.article-body figcaption,
.sidebar,
.sidebar-block,
.newsletter-form,
.site-footer,
.footer-copyright,
.footer-developer-credit,
.footer-editorial-row {
font-family: var(--font-interface) !important;
}
.breadcrumbs {
font-size: 13px !important;
}
.article-byline {
font-size: 12.5px !important;
line-height: 1.55 !important;
}
/* Main article title */
.article-header h1 {
max-width: 920px;
margin: 8px 0 14px !important;
font-family: var(--font-interface) !important;
font-size: clamp(38px, 3.3vw, 48px) !important;
font-weight: 700 !important;
line-height: 1.13 !important;
letter-spacing: -.01em !important;
}
/* Article introduction */
.article-deck {
margin-bottom: 16px !important;
font-family: var(--font-interface) !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
}
/* Main reading typography */
.article-body,
.article-body p,
.article-body li {
font-family: var(--font-reading) !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.86 !important;
letter-spacing: 0 !important;
color: #172720;
}
.article-body p {
margin: 0 0 19px !important;
}
/* Article subheadings */
.article-body h2 {
margin: 30px 0 13px !important;
font-family: var(--font-interface) !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
}
.article-body h3 {
margin: 25px 0 11px !important;
font-family: var(--font-interface) !important;
font-size: 21px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
/* Newspaper-style quotation */
.article-body blockquote {
position: relative;
margin: 25px 0 !important;
padding: 21px 22px 20px 55px !important;
border: 0 !important;
border-left: 4px solid var(--brand) !important;
border-radius: 10px !important;
background:
linear-gradient(
135deg,
rgba(11,111,85,.065),
rgba(11,111,85,.018)
) !important;
color: #20372f !important;
font-family: var(--font-reading) !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1.84 !important;
box-shadow:
0 7px 20px rgba(18,52,42,.045) !important;
}
.article-body blockquote::before {
content: "“";
position: absolute;
top: 8px;
left: 15px;
color: var(--brand);
font-family: Georgia, "Times New Roman", serif;
font-size: 45px;
font-weight: 700;
line-height: 1;
opacity: .72;
}
.article-body blockquote::after {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 4px;
height: 34px;
border-radius: 0 4px 4px 0;
background: var(--brand);
}
.article-body blockquote p {
margin: 0 0 11px !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.article-body blockquote p:last-child {
margin-bottom: 0 !important;
}
/* Homepage and listing display headings */
.hero-overlay h1,
.home-lead-copy h1,
.page-header h1,
.section-heading h2,
.home-section-head h2,
.post-card h3,
.home-news-card h3,
.home-category-card h3,
.sidebar-block .section-heading h2,
.site-footer h3 {
font-family: var(--font-interface) !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
.sidebar-block .section-heading h2 {
font-size: 21px !important;
}
.site-footer h3 {
font-size: 21px !important;
}
/* Footer and card text */
.site-footer p,
.site-footer li,
.site-footer a,
.post-card p,
.post-meta {
font-family: var(--font-interface) !important;
}
/* Tablet */
@media (max-width: 1000px) {
.article-header h1 {
font-size: clamp(34px, 5vw, 43px) !important;
}
.article-body,
.article-body p,
.article-body li,
.article-body blockquote {
font-size: 16.5px !important;
}
}
/* Mobile */
@media (max-width: 680px) {
.nav-inner > a,
.nav-item > a {
padding: 13px 10px !important;
font-size: 14px !important;
}
.breaking-inner {
font-size: 13px !important;
}
.article-content {
padding: 18px 15px !important;
}
.article-header h1 {
margin-bottom: 11px !important;
font-size: clamp(30px, 8vw, 36px) !important;
line-height: 1.16 !important;
}
.article-deck {
font-size: 15.5px !important;
line-height: 1.62 !important;
}
.article-body,
.article-body p,
.article-body li {
font-size: 16px !important;
line-height: 1.78 !important;
}
.article-body p {
margin-bottom: 16px !important;
}
.article-body h2 {
font-size: 22px !important;
}
.article-body h3 {
font-size: 19px !important;
}
.article-body blockquote {
margin: 21px 0 !important;
padding: 18px 15px 17px 43px !important;
border-left-width: 3px !important;
border-radius: 9px !important;
font-size: 16px !important;
line-height: 1.78 !important;
}
.article-body blockquote::before {
top: 8px;
left: 11px;
font-size: 36px;
}
.article-body blockquote::after {
top: 18px;
width: 3px;
height: 29px;
}
}
/* HIND NOTO NEWSPAPER TYPOGRAPHY: END */
/* PREMIUM HEADER SVG SAFETY: START */
.hat-premium-header svg {
display: block !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
flex: 0 0 20px !important;
fill: currentColor;
}
.hat-premium-header .hat-home-link svg {
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
flex-basis: 26px !important;
}
.hat-premium-header .hat-search > svg,
.hat-premium-header .hat-search button svg {
width: 23px !important;
height: 23px !important;
min-width: 23px !important;
max-width: 23px !important;
min-height: 23px !important;
max-height: 23px !important;
flex-basis: 23px !important;
}
.hat-premium-header .hat-brand img {
width: auto !important;
height: auto !important;
max-width: 430px !important;
max-height: 125px !important;
object-fit: contain !important;
}
/* Hide the premium header until its layout styles are available. */
.hat-premium-header {
overflow-x: clip;
}
/* PREMIUM HEADER SVG SAFETY: END */