/* Trishaktitask public layout: spiritual purple and gold theme */ .task-banner-wrap { width: 100%; height: auto; margin: 0; padding: 0; overflow: visible; line-height: 0; background: transparent; display: block; } .task-banner-image { display: block; width: 100%; height: auto; max-width: 100%; object-fit: initial; object-position: center; margin: 0; padding: 0; border: 0; } .public-page-layout, .public-page-layout * { box-sizing: border-box; } .public-page-layout{width:100%;max-width:100%;margin:0;padding:0;display:block;}      .public-page-content { min-width: 0; width: 100%; min-height: 420px; } @media (max-width: 1000px) { .public-page-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px 10px; } } @media (max-width: 760px) { .task-banner-wrap { width: 100%; height: auto; margin: 0; padding: 0; overflow: visible; line-height: 0; background: transparent; display: block; } .public-page-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 14px 10px; } .public-page-content { grid-row: 1; }     } @media (max-width: 350px) {  } /* ===== Trishaktitask Ad Slots: Purple & Gold Theme ===== */   /* Keep ad content within its slot */  /* Responsive layout */ @media (max-width: 900px) {  } /* Remove gaps between stacked ad slots on both sides */    .task-footer-inner { margin-inline: auto; text-align: center; } .task-footer-logo { color: #e9c77b !important; } .task-footer-links { justify-content: center; } .task-footer-bottom { text-align: center; color: #d5cce8; } /* TASK_MENU_AUTO_WRAP */ .task-hdr-menu { display: flex; flex-wrap: wrap; max-width: 100%; box-sizing: border-box; } .task-hdr-menu > li { max-width: 100%; min-width: 0; } .task-hdr-menu > li > a { overflow-wrap: anywhere; } .task-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; max-width: 100%; box-sizing: border-box; } .task-footer-links > a { max-width: 100%; overflow-wrap: anywhere; } @media (max-width: 768px) { .task-hdr-menu { justify-content: center; } }
/* Use the existing advertisement area inside the public header */
.task-hdr-bottom-ad-inner {
    min-height: 100px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(233, 199, 123, .18) !important;
    border-radius: 4px !important;
}
.task-hdr-bottom-ad-inner::before {
    display: flex;
    min-height: 98px;
    align-items: center;
    justify-content: center;
    color: rgba(233, 199, 123, .65);
    font: 500 13px "Segoe UI", Arial, sans-serif;
}

}

/* Force advertisement areas to have transparent backgrounds */

/* Remove colored backgrounds from public advertisement boxes */

/* Wide 1150x100 ad slot: keep publisher ads on one horizontal row */
#task-header-ad-wide {
width: 100% !important;
max-width: none !important;
min-width: 1150px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
#task-header-ad-wide [data-ad-provider="admin-managed"] {
width: 100% !important;
max-width: none !important;
white-space: nowrap !important;
overflow: visible !important;
}
#task-header-ad-wide [data-ad-provider="admin-managed"] iframe,
#task-header-ad-wide [data-ad-provider="admin-managed"] img,
#task-header-ad-wide [data-ad-provider="admin-managed"] table {
vertical-align: top !important;
}

/* ===== Sirf tab 3-column jab left/right ads ho ===== */

/* Banner full width jab header mein ad na ho */

/* ===== Ads hone par hi 3-column, warna full width ===== */