/*!
Theme Name: NewsPortal Online news Design
Theme URI: http://underscores.me/
Author: Dipesh@Glabs
Author URI: http://Gorkhaly.com.np
Description: Online News Portoal Design Version 2.0
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: newsportal-online-news-design
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

NewsPortal Online news Design is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}



/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: "Mukta", sans-serif;
    font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: "Mukta", sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: "Mukta", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
     font-family: "Mukta", sans-serif;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
     font-family: "Mukta", sans-serif;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

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

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links
--------------------------------------------- */
a {
    color: #4169e1;
}

a:visited {
    color: #800080;
}

a:hover,
a:focus,
a:active {
    color: #191970;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    /* border: 1px solid #ccc; */
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.container {
    max-width: 95%;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}




/* 404 page csss start */
/* 404 wrapper */
.np-404-wrapper {
    min-height: calc(100vh - 160px);
    /* adjust header/footer heights if needed */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 15px;
    background: linear-gradient(135deg, #f3f6fb 0%, #ffffff 40%, #f5f5f5 100%);
}

.np-404-inner {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
    padding: 30px 28px;
}

/* Layout: main text + side latest posts */
.error-404 {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 30px;
    align-items: flex-start;
}

/* Left: main message */
.error-main {
    position: relative;
    text-align: center;
}

/* Small badge above code */
.error-badge {
    display: inline-block;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: 999px;
    background: #e7f0ff;
    color: #1450a3;
    margin-bottom: 10px;
}

.error-code {
    font-size: 64px;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #1450a3;
    margin: 0 0 8px;
}

.error-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #222;
}

.error-subtitle {
    font-size: 14px;
    color: #555;
    margin: 0 0 20px;
    max-width: 520px;
}

/* Buttons */
.error-actions {

    margin-bottom: 18px;
}

.btn-primary,
.btn-outline {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: 0.2s ease;
}

.btn-primary {
    background: #1450a3;
    border-color: #1450a3;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: #0f3f81;
    border-color: #0f3f81;
}

.btn-outline {
    background: #ffffff;
    border-color: #d0d7e2;
    color: #333;
}

.btn-outline:hover {
    background: #f2f5fb;
}

/* Search block */
.error-search p {
    margin: 0 0 6px;
    font-size: 13px;
    color: #666;
}

.error-search-form {
    max-width: 420px;
}

.error-search-form form {
    display: flex;
    gap: 8px;
}

.error-search-form input[type="search"] {
    flex: 1;
    padding: 7px 10px;
    border-radius: 6px;
    border: 1px solid #d0d7e2;
    font-size: 14px;
}

.error-search-form input[type="submit"],
.error-search-form button {
    padding: 7px 14px;
    border-radius: 6px;
    border: none;
    background: #1450a3;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.error-search-form input[type="submit"]:hover,
.error-search-form button:hover {
    background: #0f3f81;
}

/* Right side: latest posts */
.error-side {
    border-left: 1px solid #edf0f5;
    padding-left: 20px;
}

.side-heading {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #222;
}

.error-latest-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.error-latest-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px dashed #e0e4ec;
}

.error-latest-item:last-child {
    border-bottom: none;
}

.error-latest-thumb img {
    width: 80px;
    height: 70px;
    object-fit: cover;
    border-radius: 6px;
}

.error-latest-text {
    flex: 1;
}

.error-latest-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 4px;
}

.error-latest-title a {
    color: #222;
    text-decoration: none;
}

.error-latest-title a:hover {
    color: #1450a3;
}

.error-latest-meta {
    font-size: 12px;
    color: #777;
}

/* Responsive */
@media (max-width: 900px) {
    .error-404 {
        grid-template-columns: minmax(0, 1fr);
    }

    .error-side {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #edf0f5;
        padding-top: 18px;
    }

    .np-404-inner {
        padding: 22px 18px;
    }
}

@media (max-width: 600px) {
    .error-code {
        font-size: 48px;
    }
}



/* 404 page css end */


/* footer last css start */

.footerlast-logo a img {
    height: 60px;
    width: 100%;
    border-radius: 4px;
}

.site-footer {
    background: rgb(4 108 199 / 43%);
    color: #9ca3af;
    text-align: center;

    font-size: 0.9rem;
}

.site-footer a {
    color: #18311f;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer a:hover {
    color: #86efac;
}

.footer-details li {
    list-style: none;
    margin-bottom: 1px;
}

.footer-details li a {
    color: #ffffff;
    text-decoration: none;
}

.footer-details h1 {
    margin: 0;
    padding-bottom: 12px;

}


.footerlastdesc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* footer last css end */


/* footercss start main */

.tsfooter {
    background: #1e73be;
    padding-top: 120px;
    padding-bottom: 50px;
    color: #f1f1f1;
}


/* .tsfooter .widget-title::before
 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    bottom: 0;
    margin: auto;
    content: '';
    background: #fff;
}
.tsfooter .widget-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    padding-left: 0;
    position: relative;
    margin-bottom: 40px;
}
.tsfooter .widget-title ""{
    background: #1e73be;
    padding-right: 40px;
    position: relative;
} */



/* footer css end main */


/* header logo css start */

.headerlogo-ads {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-branding a img {
    height: 150px;
    width: 100%;
    max-width: 100%;
}


/* header logo css end  */



/* ===========================
   GLOBAL TOKENS / THEME COLORS
   =========================== */

:root {
    --header-top-bg: #ffffff;
    --header-top-border: rgba(15, 23, 42, 0.08);

    --nav-bg: #6c0498;
    --nav-text: #ffffff;
    --nav-text-dim: #94a3b8;
    --nav-hover: #0dd144;
    --nav-divider: rgba(255, 255, 255, 0.07);

    --border-soft-dark: rgba(255, 255, 255, 0.12);
    --border-soft-light: rgba(15, 23, 42, 0.08);

    --radius-md: .5rem;
    --radius-full: 999px;
    --transition-fast: .15s ease;
    --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
    --z-nav: 9;
}

/* ==================================
   HEADER TOP: LOGO + ADVERTISEMENT
   ================================== */

.site-header {
    font-family: var(--font-ui);
    color: #0f172a;
    background-color: var(--header-top-bg);
    border-bottom: 1px solid var(--header-top-border);
}

/* inner block that holds logo+ad row */


/* row containing branding and ad */
.headerlogo-ads {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 1rem;
}

/* left column (logo) */
.site-branding {
    /* flex: 1 1 200px; */
    /* grows but can wrap */
    /* min-width: 180px; */

}

/* Ensure custom logo image is sized responsively */
.site-branding img {
    max-width: 180px;
    height: auto;
    display: block;
}

/* right column (ad / widget area) */
.logosideads {
    flex: 1 1 300px;

}

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

.widget_media_image img {
    width: 100%;
}

.above-ads {
    padding-top: 20px;
}

/* On very small screens, stack logo and ad vertically,
   ad goes under logo and centers */
@media (max-width: 768px) {
    .headerlogo-ads {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-branding a img {
        height: 80px;
        width: 100%;
    }

    .site-branding {
        flex: 0 !important;
        text-align: center;
    }

    .logosideads {
        flex: 0 !important;
        text-align: left;
        width: 100%;
        justify-content: flex-start;
    }

    .col {
        flex: none;
        margin-bottom: 20px;
    }
}

/* ==================================
   NAV BAR UNDER THE HEADER
   ================================== */

.main-navigation {
    background-color: var(--nav-bg);
    color: var(--nav-text);
    border-top: 1px solid var(--border-soft-dark);
    border-bottom: 1px solid var(--border-soft-dark);
    position: relative;
    z-index: var(--z-nav);
    font-family: var(--font-ui);
}

/* Inner flex for nav content */
.main-navigation {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* center menu on desktop */
    padding: 0 .75rem;
    min-height: 48px;
}

/* reset default UL styling */
.reset-ul,
.reset-ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* The main <ul> from wp_nav_menu */
.main-menu {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    position: relative;
}

/* Each top-level li */
.main-menu>li {
    position: relative;
}

/* ========== NAV LINKS ========== */

.main-menu>li>a {
    color: var(--nav-text);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: .75rem 0;
    line-height: 1.2;
   font-family: "Mukta", sans-serif;
    position: relative;
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, .8); */
    transition: color var(--transition-fast), text-shadow var(--transition-fast);
    font-size: 20px;
}

/* underline / active indicator (desktop only) */
@media (min-width: 992px) {
    .main-menu>li>a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 4px;
        height: 2px;
        background-color: var(--nav-hover);
        /* box-shadow: 0 0 10px rgba(13, 209, 68, .6); */
        border-radius: var(--radius-full);
        transform-origin: left center;
        transform: scaleX(0);
        transition: transform var(--transition-fast);
    }

    .main-menu>li>a:hover::after,
    .main-menu>li>a:focus::after,
    .main-menu>li.current-menu-item>a::after,
    .main-menu>li.current_page_item>a::after {
        transform: scaleX(1);
    }
}

/* Hover/active text color */
.main-menu>li>a:hover,
.main-menu>li>a:focus,
.main-menu>li.current-menu-item>a,
.main-menu>li.current_page_item>a {
    color: var(--nav-hover);
    text-shadow: 0 0 8px rgba(13, 209, 68, .4), 0 2px 6px rgba(0, 0, 0, .9);
    outline: none;
}

/* ==================================
   MOBILE MENU TOGGLE (HAMBURGER)
   ================================== */

.menu-toggle {
    background: transparent;
    border: 1px solid var(--border-soft-dark);
    border-radius: var(--radius-md);
    color: var(--nav-text);
    padding: .5rem .75rem;
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
   font-family: "Mukta", sans-serif;
    display: none;
    /* hidden on desktop by default */
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.menu-toggle__bar {
    width: 18px;
    height: 2px;
    background-color: var(--nav-text);
    border-radius: 1px;
    display: block;
    transition: background-color var(--transition-fast);
}

.menu-toggle__label {
    color: var(--nav-text-dim);
    font-size: .8rem;
    line-height: 1;
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: rgba(255, 255, 255, .06);
    border-color: var(--nav-hover);
    box-shadow: 0 0 12px rgba(13, 209, 68, .4);
    outline: none;
}

.menu-toggle:hover .menu-toggle__bar,
.menu-toggle:focus .menu-toggle__bar {
    background-color: var(--nav-hover);
}

.menu-toggle:hover .menu-toggle__label,
.menu-toggle:focus .menu-toggle__label {
    color: var(--nav-text);
}

/* ==================================
   RESPONSIVE NAV BEHAVIOR
   ================================== */

/* Desktop (≥992px): show menu inline, hide toggle button */
@media (min-width: 992px) {
    .main-navigation {
        justify-content: center;
    }

    .main-navigation .menu-toggle {
        display: none;
    }

    .main-menu {
        position: static;
        flex-direction: row;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }

    .main-menu>li+li {
        border-top: 0;
    }
}

/* Mobile (<992px): show toggle, hide menu until opened */
@media (max-width: 991px) {

    .main-navigation {
        flex-wrap: wrap;
        /* padding-top: .5rem;
        padding-bottom: .5rem; */
        padding: 0;
        justify-content: space-between;
    }

    .main-navigation .menu-toggle {
        display: inline-flex;
        order: 1;
    }

    /* By default menu is hidden */
    .main-menu {
        order: 2;
        width: 100%;
        display: none;
        flex-direction: column;
        align-items: stretch;
        background-color: var(--nav-bg);
        border: 1px solid var(--border-soft-dark);
        border-radius: var(--radius-md);
        box-shadow:
            0 30px 80px rgba(0, 0, 0, .8),
            0 0 60px rgba(13, 209, 68, .2);
        margin-top: .75rem;
        padding: .5rem 0;
    }

    /* divider between items in mobile menu */
    .main-menu>li+li {
        border-top: 1px solid var(--nav-divider);
    }

    .main-menu>li>a {
        padding: .75rem 1rem;
        width: 100%;
    }

    /* When nav has is-open class we show the menu */
    .main-navigation.is-open .main-menu {
        display: flex;
    }
}

.sub-menu {}

/* ==================================
   ACCESSIBILITY FOCUS
   ================================== */

.main-menu>li>a:focus-visible,
.menu-toggle:focus-visible {
    outline: 2px solid var(--nav-hover);
    outline-offset: 2px;
    border-radius: var(--radius-md);
}







/* ==================================
   SUBMENU (DROPDOWN)
   ================================== */

/* reset submenu UL */
.sub-menu {
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: .35rem 0;
    background-color: var(--nav-bg);
    border: 1px solid var(--border-soft-dark);
    border-radius: var(--radius-md);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, .75),
        0 0 30px rgba(13, 209, 68, .2);
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition:
        opacity var(--transition-fast),
        visibility var(--transition-fast),
        transform var(--transition-fast);
    z-index: var(--z-dropdown);
}

/* submenu li */
.sub-menu li {
    position: relative;
}

/* submenu anchor */
.sub-menu a {
    display: block;
    color: var(--nav-text);
    padding: .6rem 1rem;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    /* text-shadow: 0 1px 2px rgba(0, 0, 0, .5); */
    transition: color var(--transition-fast), background var(--transition-fast);

}

/* hover/active */
.sub-menu a:hover,
.sub-menu a:focus,
.sub-menu .current-menu-item>a {
    background: rgba(255, 255, 255, .06);
    color: var(--nav-hover);
}

/* ============ SHOW DROPDOWN ON HOVER (DESKTOP) ============ */
@media (min-width: 992px) {

    .main-menu>li:hover>.sub-menu,
    .main-menu>li:focus-within>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* ============ NESTED SUBMENU ALIGNMENT (3rd level…) ============ */
.sub-menu .sub-menu {
    left: 100%;
    top: 0;
    margin-left: 10px;
}

/* ==================================
   MOBILE SUBMENUS (<992px)
   ================================== */

@media (max-width: 991px) {

    /* mobile dropdown: full width, visible by toggle JS */
    .sub-menu {
        position: static;
        min-width: unset;
        border: none;
        box-shadow: none;
        background: rgba(255, 255, 255, .03);
        padding: 0;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .sub-menu a {
        padding-left: 2rem;
        padding-top: .8rem;
        padding-bottom: .8rem;
        border-top: 1px solid var(--nav-divider);
    }

    /* highlight active item */
    .sub-menu .current-menu-item>a {
        color: var(--nav-hover);
    }
}

/* ==================================
   SUBMENU INDICATOR (CHEVRON ARROW)
   ================================== */

.main-menu>li.menu-item-has-children>a::after {
    content: "▾";
    font-size: .65rem;
    margin-left: .35rem;
    opacity: .7;
}

@media (max-width: 991px) {
    .main-menu>li.menu-item-has-children>a::after {
        content: "▸";
        float: right;
        transform: translateY(2px);
    }
}



.single-kicker {
    background: green;
    color: #fff;
    width: fit-content;
    margin-top: 12px;
    padding: 7px 9px 7px 11px;
}

.single-subheading {
    font-size: 18px;
}

/* siglepage css start */

.entry-content {
    text-align: justify;
    font-size: 20px;
    font-weight: 400;
}

.newspostthumbnailsingle img {
    width: 100%;
    max-width: 100%;
}

.single-post-title h1 {
    font-size: 55px;
    font-weight: 600;
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}



/* author post css start */
.post-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #555;
}

.post-meta-author {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.post-meta-author img {
    border-radius: 50%;
}

.post-author-name a {
    color: #0056a8;
    text-decoration: none;
    font-weight: 600;
}

.post-author-name a:hover {
    text-decoration: underline;
}

.post-meta-date {
    color: #777;
}


/* author post css end */

/* side ads start */

.single-top-ad-widget img {
    width: 100%;
}

/* side ads end */

/* Single page css end */



/* Breadcrumb css start */
/* Top blue line + tiny bar */
.np-breadcrumb-bar {
    border-bottom: 3px solid #0056a8;
    background: #ffffff;
    font-size: 13px;
    margin-top: 30px;
}

/* Inner container – adjust width to match your layout */
.np-breadcrumb-wrap {
    /* change if your container is different */
    margin: 0 auto;
    padding: 4px 10px;
    /* small height like in screenshot */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Home + category links */
.np-breadcrumb-wrap a {
    color: #0056a8;
    text-decoration: none;

}

.np-breadcrumb-wrap a:hover {
    text-decoration: underline;
}

/* Separator (>) */
.np-breadcrumb-sep {
    margin: 0 4px;
    color: #777;
}

/* Current page/post title */
.np-breadcrumb-current {
    color: #333;
}


/* breadcrumb css end */




/* related post css start */
.related-posts-section {
    margin-top: 40px;
}

.related-heading {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    border-left: 4px solid #0056a8;
    padding-left: 10px;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.related-post-item a {
    text-decoration: none;
    color: #222;
}

.related-thumb img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 6px;
}

.related-title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 8px;
    line-height: 1.5;
}

.related-post-item a:hover .related-title {
    color: #0056a8;

}

/* Responsive */
@media (max-width: 768px) {
    .related-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .related-thumb img {
        height: 170px;
    }

    .single-post-title h1 {
        font-size: 25px;
        line-height: 32px;
    }

    .middle-2nd-p-ads {
        flex-direction: column;
    }

    .inbetween-ads-1 img {
        width: 100%;
    }

    .post-meta {
        flex-direction: column;
    }


}

@media (max-width: 480px) {
    .related-posts-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* Related post css end  */


/* Previous next css start */
.np-post-navigation-multi {
    margin: 30px 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.np-nav-column {
    width: 50%;
}

.np-nav-heading {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    border-left: 4px solid #0056a8;
    padding-left: 8px;
}

.np-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f8f8f8;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.2s;
}

.np-nav-item:hover {
    background: #e9e9e9;
}

.np-nav-thumb img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
}

.np-nav-text {
    flex: 1;
}

.nav-subtitle {
    display: block;
    font-size: 12px;
    color: #777;
}

.nav-title {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 1.3;
}

.np-nav-next-col .np-nav-item {
    flex-direction: row-reverse;
    text-align: right;
}

/* Mobile */
@media (max-width: 768px) {
    .np-post-navigation-multi {
        flex-direction: column;
    }

    .np-nav-column {
        width: 100%;
    }
}


/* Previous Nect Css end */


/* latest post css start */

.latest-posts-section {
    margin-top: 40px;
}

.latest-heading {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    border-left: 4px solid #0056a8;
    padding-left: 10px;
}

.latest-posts-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.latest-post-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.latest-post-link {
    display: flex;
    gap: 10px;
    text-decoration: none;
    color: #222;
}

.latest-thumb img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

.latest-text {
    flex: 1;
}

.latest-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px;
    line-height: 1.3;
}

.latest-date {
    font-size: 12px;
    color: #777;
}

.latest-post-link:hover .latest-title {
    color: #0056a8;

}

/* Mobile tweak */
@media (max-width: 480px) {
    .latest-thumb img {
        width: 60px;
        height: 60px;
    }
}


/* latest post css end */


/* weekly post css start */
.weekly-popular-section {
    margin-top: 30px;
}

.weekly-heading {
    font-size: 20px;
    font-weight: 700;
    border-left: 4px solid #0056a8;
    padding-left: 10px;
    margin-bottom: 12px;
}

.weekly-item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
}

.weekly-thumb img {
    width: 80px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
}

.weekly-text {
    flex: 1;
}

.weekly-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px;
    color: #222;
}

.weekly-count {
    font-size: 12px;
    color: #777;
}

.weekly-item:hover .weekly-title {
    color: #0056a8;

}

/* weekly post css end */


/* tab css start */

.news-tabs-wrapper {
    margin-top: 20px;
}

.news-tabs-header {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.news-tab {
    padding: 15px 18px;
    border: none;
    background: #eee;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
    transition: 0.2s;
}

.news-tab.active {
    background: #0056a8;
    color: #fff;
}

.news-tab-content {
    display: none;
}

.news-tab-content.active {
    display: block;
}

/* Post List Style */
.tab-post-item {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    color: #222;
}

.tab-thumb img {
    width: 100%;
    min-width: 120px;
    height: 70px;
    max-width: 120px;
    object-fit: cover;
    border-radius: 4px;
}

.tab-title {
      font-size: 20px;
    font-weight: 500;
    margin: 0 0 5px;
}

.tab-date,
.tab-views {
    font-size: 12px;
    color: #777;
}

.tab-post-item:hover .tab-title {
    color: #0056a8;

}

/* tab css end */


/* utility link css start */

.tool-strip-wrapper {
    background: #f1f1f1;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tool-strip-inner {
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.tool-strip-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-right: 1px solid #ddd;
    text-decoration: none;
    color: #222;
    font-size: 14px;
    white-space: nowrap;
}

.tool-strip-item:last-child {
    border-right: none;
}

.tool-strip-item:hover {
    background: #e7e7e7;
}

.tool-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
}

.tool-label {
    display: inline-block;
}

/* Mobile */
@media (max-width: 600px) {
    .tool-strip-item {
        padding: 6px 10px;
        font-size: 13px;
    }
}

/* utility link css end */


/* homepage and newspage loadads start */
/* Page load ad overlay */
.np-load-ad-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Modal box */
.np-load-ad-modal {
    background: #ffffff;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    position: relative;
    padding: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Close button */
.np-load-ad-close {
    position: absolute;
    top: 15px;
    right: 14px;
    border: none;
    border-radius: 9px;
    background: #0d0d0dfc;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
}

/* Inner ad content (your widget) */
.np-load-ad-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Small screens */
@media (max-width: 480px) {
    .np-load-ad-modal {
        max-width: 95%;
        padding: 10px;
    }
}


/* homepage and newspage loadads end */


/* category page css start */
/* Layout container */


/* Header */
.archive-header {
    text-align: center;
    background: #f1f1f1;
    padding: 42px;
    margin-top: 12px;
    padding-top: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.archive-title {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 6px;
}

.archive-description {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

/* View switcher */
.archive-view-switch {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.archive-view-switch .view-btn {
    border: 1px solid #ddd;
    background: #f7f7f7;
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.archive-view-switch .view-btn.active {
    background: #0056a8;
    color: #fff;
    border-color: #0056a8;
}

/* Shared post item base */
.archive-post-list {
    margin-top: 15px;
}

/* Grid view styles */
.archive-post-list.grid-view {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.archive-post-list.grid-view .archive-post-item {
    display: flex;
    flex-direction: column;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

/* List view styles */
.archive-post-list.list-view {
    display: grid;
    /* flex-direction: column; */
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.archive-post-list.list-view .archive-post-item {
    display: flex;
    gap: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    padding-top: 5px;
}

/* Thumb */
.archive-thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.archive-post-list.list-view .archive-thumb img {
    width: 220px;
    height: 130px;
    border-radius: 4px;
}

/* Content */
.archive-post-content {
    padding: 10px 12px 12px;
}

.archive-post-list.list-view .archive-post-content {
    padding: 0;
}

/* Title */
.archive-post-title {
    margin: 0 0 6px;
    line-height: 21px;
}

.archive-post-title a {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    text-decoration: none;
}

.archive-post-title a:hover {
    color: #0056a8;
    text-decoration: underline;
}

/* Meta */
.archive-post-meta {
    font-size: 12px;
    color: #777;
    margin-bottom: 8px;
}

.archive-post-meta .meta-sep {
    margin: 0 5px;
}

/* Excerpt */
.archive-post-excerpt {
    font-size: 14px;
    color: #444;
}

/* Pagination */
.np-pagination {
    margin: 25px 0;
}

.np-pagination .page-numbers {
    display: inline-block;
    padding: 6px 10px;
    margin-right: 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    font-size: 14px;
    color: #333;
}

.np-pagination .page-numbers.current,
.np-pagination .page-numbers:hover {
    background: #0056a8;
    border-color: #0056a8;
    color: #fff;
}

/* Responsive */
@media (max-width: 1024px) {
    .archive-post-list.grid-view {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .np-category-page {
        flex-direction: column;
    }

    .archive-post-list.grid-view {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .archive-post-list.list-view .archive-thumb img {
        width: 160px;
        height: 110px;
    }
}

@media (max-width: 576px) {
    .archive-post-list.grid-view {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .archive-post-list.list-view .archive-post-item {
        flex-direction: column;
    }

    .archive-post-list.list-view .archive-thumb img {
        width: 100%;
        height: 180px;
    }
}

/* category page css end */


/* authorpage css start */

/* Author Header */
.author-header {
    display: flex;
    margin-top: 40px;
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    align-items: center;
}

.author-avatar img {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    object-fit: cover;
}

.author-info {
    flex: 1;
}

.author-name {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px;
}

.author-bio {
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
}

.author-social a {
    display: inline-block;
    margin-right: 10px;
    padding: 4px 10px;
    background: #eee;
    border-radius: 4px;
    font-size: 13px;
    color: #222;
    text-decoration: none;
}

.author-social a:hover {
    background: #0056a8;
    color: white;
}

.author-post-count {
    margin-top: 6px;
    font-size: 14px;
    color: #444;
    font-weight: 600;
}

/* Grid/List Layout (same as category pages) */
.archive-post-list.grid-view {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.archive-post-list.list-view {
    display: grid;
    /* flex-direction: column; */
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);

}

.archive-post-item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}

/* .archive-post-list.list-view .archive-post-item {
    display: flex;
    gap: 15px;
} */

.archive-thumb img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.archive-post-list.list-view .archive-thumb img {
    width: 200px;
    height: 130px;
}

.archive-post-content {
    padding: 12px;
}

.archive-post-title a {
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #222;
}

.archive-post-title a:hover {
    color: #0056a8;
    text-decoration: none !important;
}

.archive-post-meta {
    font-size: 13px;
    color: #777;
    margin: 6px 0;
}

.meta-sep {
    margin: 0 6px;
}

/* Responsive */
@media (max-width: 768px) {
    .author-header {
        flex-direction: column;
        text-align: center;
    }

    .archive-post-list.grid-view {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .archive-post-list.grid-view {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* author page css end */


/* ourteam css start */
.our-team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.team-card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    text-align: center;
    padding-bottom: 15px;
}

.team-photo img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
}

.team-info {
    padding: 10px 12px 0;
}

.team-name {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0 2px;
}

.team-position {
    font-size: 14px;
    color: #777;
    margin: 0 0 8px;
}

.team-social {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 5px;
}

.team-social-link {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #999;
    transition: 0.2s;
}

/* You can style per-network later */
.team-social-link.fb {
    background: #1877f2;
}

.team-social-link.ig {
    background: radial-gradient(circle at 30% 30%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.team-social-link.in {
    background: #0a66c2;
}

.team-social-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Responsive */
@media (max-width: 1024px) {
    .our-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .our-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .our-team-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* our team css end */

/* archive title css start */

.archive-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 25px;
    padding-bottom: 12px;

    border-bottom: 3px solid #0073e6;
    /* Accent color */
    display: inline-block;

    letter-spacing: -0.5px;
    text-transform: capitalize;
    line-height: 1.2;

    animation: fadeInDown 0.5s ease-out forwards;
}

/* Smooth fade-in animation */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-12px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .archive-title {
        font-size: 2rem;
        padding-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .archive-title {
        font-size: 1.7rem;
        border-bottom-width: 2px;
    }
}


/* archive title css end */


/* menu and search part css star */
/* Common overlay */
.smart-left-overlay,
.smart-right-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 999;
}

/* LEFT PANEL */
.smart-left-panel {
    position: fixed;
    top: 0;
    left: -320px;
    width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    transition: left 0.35s ease;
}

/* RIGHT PANEL */
.smart-right-panel {
    position: fixed;
    top: 0;
    right: -420px;
      width: 420px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.35s ease;
}

/* Show panels */
.smart-left-panel.active {
    left: 0;
}

.smart-right-panel.active {
    right: 0;
}

/* Show overlay */
.smart-left-overlay.active,
.smart-right-overlay.active {
    display: block;
}

/* Close button */
.close-left,
.close-right {
    font-size: 30px;
    cursor: pointer;
    float: right;
    top: 4px;
    right: 5px;
    background: green;
    border: none;
    color: #ffffff;
    padding: 10px 16px 3px;
    line-height: 1;
}

/* menu and search part css end */


/* secondary menu css start */

/* Container */
.smart-left-panel .secondary-menu-container {
    margin-top: 20px;
}

/* Top-level menu */
.smart-left-panel .secondary-menu li {
    list-style: none;
    margin-bottom: 12px;
    position: relative;
}

.smart-left-panel .secondary-menu li a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Hover effect */
.smart-left-panel .secondary-menu li a:hover {
    background: #f0f0f0;
    color: #0073e6;
    padding-left: 20px;
}

/* Submenu */
.smart-left-panel .secondary-menu li .sub-menu {
    display: block;
    /* Hidden by default */
    list-style: none;
    padding-left: 15px;
    margin-top: 5px;
}

/* Submenu items */
.smart-left-panel .secondary-menu li .sub-menu li a {
    font-size: 14px;
    color: #555;
    padding: 8px 15px;
    border-radius: 4px;
}

.smart-left-panel .secondary-menu li .sub-menu li a:hover {
    color: #0073e6;
    background: #f9f9f9;
    padding-left: 25px;
}

/* Add caret for items with submenu */
.smart-left-panel .secondary-menu li.menu-item-has-children>a::after {
    content: "\f0da";
    /* FontAwesome caret-down */
    font-family: "Mukta", sans-serif;
    font-weight: 900;
    float: right;
    transition: transform 0.3s ease;
}

/* Active submenu caret */
.smart-left-panel .secondary-menu li.menu-item-has-children.active>a::after {
    transform: rotate(-90deg);
}

/* Open submenu */
.smart-left-panel .secondary-menu li.menu-item-has-children.active>.sub-menu {
    display: block;
}

/* Optional: smooth slide-down effect */
.smart-left-panel .secondary-menu li .sub-menu {
    transition: max-height 0.35s ease;
    overflow: hidden;
    max-height: 0;
}

.smart-left-panel .secondary-menu li.menu-item-has-children.active>.sub-menu {
    max-height: 800px;
    /* enough for submenu items */
}

.smart-left-panel {
    overflow: scroll;
}

/* secondary menu css end */


/* block one css start */
/* ================================
   LAYOUT & BACKGROUND
================================ */
.mainbackss {
    background: #f4f5f7;
    padding: 24px 0 32px;
}

/* Optional width control */
/* .mainbackss .container { max-width: 1180px; } */

.firstblocks,
.second-blocks {
    margin-bottom: 22px;
}

/* ================================
   ADS AREAS
================================ */
.mainsads,
.front-ads {
    margin-bottom: 16px;
}

.newspostsideadss {
    width: 100%;
    text-align: center;
}

.newspostsideadss.active {
    background: #ffffff;
    border-radius: 8px;
    padding: 8px 12px;
    border: 1px solid #e2e5ea;
}

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

/* ================================
   GRID OF BREAKING POSTS
================================ */
.breaking-postnines-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, (1, 1fr));
    gap: 18px;
}

/* First block: single big card */
.firstblocks .breaking-postnines-section {
    grid-template-columns: minmax(0, 1fr);
}

/* ================================
   CARD STYLE
================================ */
.breaking-postnine {
    background: #ffffff;
    border-radius: 10px;
    padding: 14px 16px 16px;
    border: 1px solid #e3e6ee;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.firstblocks .breaking-postnine {
    padding: 18px 20px 18px;
}

.breaking-postnine:hover {
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
    transform: translateY(-2px);
    border-color: #d3d7e0;
}

/* ================================
   TEXT: KICKER, TITLE, SUBHEADING
================================ */
.front-news-kicker {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #1450a3;
    margin-bottom: 3px;
    text-align: center;

}

.breaking-postnine h3 {
    font-size: 54px;
    font-weight: 700;
    margin: 2px 0 2px;
    line-height: 1.35;
    text-align: center;
}

.breaking-postnine h3 a {
    color: #222;
    text-decoration: none;
}

.breaking-postnine h3 a:hover {
    color: #1450a3;
}

.front-news-subheading {
    font-size: 18px;
    color: #525866;
    margin: 2px 0 4px;
    text-align: center;
}

.front-news-excerpt {
    text-align: center;
    font-size: 15px;
    color: #606776;
    margin: 2px 0 0;
    line-height: 1.5;
}

.breaking_excerptnine {
    font-size: 18px;
    color: #7a8190;
    margin: 4px 0 0;
    text-align: center;
}

/* Optional: clamp text to keep cards tidy */
.breaking-postnine h3,
.front-news-subheading,
.front-news-excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.breaking-postnine h3 {
    -webkit-line-clamp: 2;
}

.front-news-subheading {
    -webkit-line-clamp: 2;
}

.front-news-excerpt {
    -webkit-line-clamp: 3;
}

/* ================================
   META: AUTHOR
================================ */
.breakingpost-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.author-avatarnine img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.author-namenine {
    font-size: 13px;
    font-weight: 500;
    color: #343a46;
}

/* ================================
   FEATURED IMAGE
================================ */
.featured-image {
    margin-top: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.featured-image img {
    width: 100%;
    height: 800px;
    object-fit: cover;
    display: block;
}

/* Hero card image a bit taller */
.firstblocks .featured-image img {
    height: 800px;
}

/* ================================
   RESPONSIVE
================================ */

/* <= 1024px */
@media (max-width: 1024px) {
    .featured-image img {
        height: 210px;
    }

    .firstblocks .featured-image img {
        height: 230px;
    }
}

/* <= 768px (tablet) */
@media (max-width: 768px) {
    .breaking-postnines-section {
        grid-template-columns: minmax(0, 1fr);
    }

    .breaking-postnine {
        padding: 13px 14px 15px;
    }

    .breaking-postnine h3 {
        font-size: 20px;
    }

    .featured-image img {
        height: 200px;
    }

    .mainbackss {
        padding: 18px 0 24px;
    }
}

/* <= 576px (mobile) */
@media (max-width: 576px) {
    .breaking-postnine {
        border-radius: 8px;
        box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
    }

    .front-news-kicker {
        font-size: 10px;
    }

    .breaking-postnine h3 {
        font-size: 16px;
    }

    .front-news-subheading,
    .front-news-excerpt,
    .breaking_excerptnine {
        font-size: 12px;
    }

    .featured-image img {
        height: 190px;
    }

    .newspostsideadss.active {
        padding: 6px 10px;
    }
}

/* <= 400px */
@media (max-width: 400px) {
    .breaking-postnine h3 {
        font-size: 15px;
    }

    .featured-image img {
        height: 180px;
    }
}


.post-ad,
.home-top-ad {
    text-align: center;

}

.home-top,.newspostsideadss{
      margin-top: 20px;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr);  
}

.post-ad img,
.home-top-ad img,
.news-load-ad-widget img,
.news-top-ad img,
.single-top-ad-widget img {
    width: 100%;
}

.side-ads
/* block one css end */

/* categories title with icon css start*/

/* ================================
   FRONT SECTION TITLE BLOCK
   (Category title + icon)
================================ */
.frontblocktitles {
    margin: 24px 0 14px;
}

/* Outer wrapper for the title */


/* Link wrapping the title */
.frontbtitle a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px 6px 12px;
    border-radius: 999px;
    text-decoration: none;
    background: #ffffff;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.12s ease;
    justify-content: space-between;
}

/* On hover: slightly lift and highlight */
.frontbtitle a:hover {
    background: #f3f5fb;
    border-color: #b8c3dd;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.09);
    transform: translateY(-1px);
}

/* Category name (H1 but styled like section title) */
.frontbtitle h1 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0;
    color: #0d5181s;
    white-space: nowrap;
}

/* Icon after text */
.frontbtitle i {
    font-size: 14px;
    color: #4a5bb0;
    transition: transform 0.18s ease, color 0.18s ease;
}

/* Icon movement on hover */
.frontbtitle a:hover i {
    transform: translate(1px, -1px);
    color: #1f3ea3;
}

/* ================================
   Optional: small label above title
   (Category section label)
================================ */
/*
.frontblocktitles::before {
    content: "Section";
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #969fb0;
    margin-bottom: 4px;
}
*/

/* ================================
   RESPONSIVE BEHAVIOUR
================================ */
@media (max-width: 768px) {
    .frontblocktitles {
        margin: 18px 0 10px;
    }

    .frontbtitle a {
        padding: 6px 12px;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
    }

    .frontbtitle h1 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .frontbtitle a {
        padding: 5px 11px;
        gap: 6px;
    }

    .frontbtitle h1 {
        font-size: 16px;
        white-space: normal;
    }

    .frontbtitle i {
        font-size: 13px;
    }
}


/* catergories title with icon css end */


/* block two css start */
/* =========================
   BLOCK FIRST FIRST PART
   Modern News Card Style
========================= */
.blockfirstfirstpart {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 20px;
}

/* Container for the posts */
.blockfirstfirstpart-posts {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Single post card */
.blockfirstfirstpart-firstpost-item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
}

.blockfirstfirstpart-firstpost-item:hover {

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* Post image */
.blockfirstfirstpart-post-image {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.blockfirstfirstpart-post-image img {
    width: 100%;
    height: 500px;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blockfirstfirstpart-firstpost-item:hover .blockfirstfirstpart-post-image img {
    transform: scale(1.05);
}

/* Post title */
.blockfirstfirstpart-post-title {
    padding: 15px;
    height: 150px;
}

.blockfirstfirstpart-post-title h1 {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
    color: #111;
    transition: color 0.3s ease;
}

.blockfirstfirstpart-post-title h1 a {
    text-decoration: none;
    color: inherit;
}

.blockfirstfirstpart-post-title h1 a:hover {
    color: #0073e6;
    /* Modern blue accent */
}

/* Responsive */
@media (min-width: 768px) {
    .blockfirstfirstpart-posts {
        flex-direction: row;
        gap: 20px;
    }



}

@media (max-width: 768px) {
    .blockfirstfirstpart-post-image img {
        height: 250px !important;
    }
}



/* block two css end */

/* block two second part css start */
/* =========================
   BLOCK FIRST SECOND PART
========================= */
.blockfirstsecondpart {
    margin: 20px 0;
}

.blockfirstsecondpart-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Single post card */
.blockfirstsecondpart-post-item {
    flex: 1 1 calc(50% - 10px);
    /* 2 posts per row */
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blockfirstsecondpart-post-item:hover {}

/* Post image */
.blockfirstsecondpart-post-image img {
    width: 100%;
    height: 180px;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blockfirstsecondpart-post-item:hover .blockfirstsecondpart-post-image img {
    transform: scale(1.05);
}

/* Post title */
.blockfirstsecondpart-post-title {
    padding: 15px;
}

.blockfirstsecondpart-post-title h2 {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
    color: #111;
}

.blockfirstsecondpart-post-title h2 a {
    text-decoration: none;
    color: inherit;
}

.blockfirstsecondpart-post-title h2 a:hover {
    color: #0073e6;
    /* Modern accent color */
}

/* Responsive */
@media (max-width: 768px) {
    .blockfirstsecondpart-post-item {
        flex: 1 1 100%;
        display: flex;
        align-items: center;
    }

    .blockfirstsecondpart-post-image {
        width: 200px;
        min-width: 110px;
    }

    .blockfirstsecondpart-post-image img {
       height: 100px;
        width: 100%;
        min-width: 120px;
    }
}


/* block two second part css end */

/* blocktwo thirdpart css start */

/* =========================
   BLOCK FIRST THIRD PART
========================= */
.blockfirstthirdpart {
    margin: 20px 0;
}

.blockfirstthirdpart-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Single post card */
.blockfirstthirdpart-post-item {
    flex: 1 1 calc(50% - 10px);
    /* 2 posts per row */
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}



/* Post image */
.blockfirstthirdpart-post-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blockfirstthirdpart-post-item:hover .blockfirstthirdpart-post-image img {
    transform: scale(1.05);

}

.blockfirstthirdpart-post-image {
    overflow: hidden;
    min-width: 130px;
}

/* Post title */
.blockfirstthirdpart-post-title {
    padding: 15px;
}

.blockfirstthirdpart-post-title h2 {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
    color: #111;
}

.blockfirstthirdpart-post-title h2 a {
    text-decoration: none;
    color: inherit;
}

.blockfirstthirdpart-post-title h2 a:hover {
    color: #0073e6;
    /* Modern accent color */
}

.blockfirstthirdpart-post-item {
    display: flex;

}

.blockfirstthirdpart-post-image a img {
    height: 100px;
    max-width: 130px;
    min-width: 130px;
    object-fit: fill;
}

/* Responsive: 1 post per row on mobile */
@media (max-width: 768px) {
    .blockfirstthirdpart-post-item {
        flex: 1 1 100%;
        align-items: center;
    }
}


/* blocktwo thirdpart css end */


/* block third secondpart css start */
/* =========================
   BLOCK THIRD SECOND PART
========================= */
.blockthirdsecondpart {
    margin: 30px 0;
}


/* Single post card */
.blockthirdsecondpart-post-item {
    flex: 1 1 calc(50% - 10px);
    /* 2 posts per row */
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blockthirdsecondpart-post-item {
    margin-bottom: 12px;
}

/* Post image */
.blockthirdsecondpart-post-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.blockthirdsecondpart-post-item:hover .blockthirdsecondpart-post-image img {
    transform: scale(1.05);
}

/* Post title */
.blockthirdsecondpart-post-title {
    padding: 15px;
}

.blockthirdsecondpart-post-title h2 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}

.blockthirdsecondpart-post-title h2 a {
    color: #111;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blockthirdsecondpart-post-title h2 a:hover {
    color: #0073e6;
    /* Accent color */
}

/* Responsive: 1 post per row on tablets & mobile */
@media (max-width: 992px) {
    .blockthirdsecondpart-post-item {
        flex: 1 1 100%;
    }
}

@media (max-width: 576px) {
    .blockthirdsecondpart-post-image img {
        height: 180px;
    }

    .blockthirdsecondpart-post-title h2 {
        font-size: 1.3rem;
    }
}


/* block third secondpart css end */

/* block third thirdpart css start */

/* =========================
   BLOCK THIRD THIRD PART
========================= */
.blockthirdthirdpart {
    margin: 30px 0;
}



/* Single post card */
.blockthirdthirdpart-post-item {
    display: flex;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 20px;
    align-items: center;
}

.blockthirdthirdpart-post-image {
    overflow: hidden;
    min-width: 130px;
}

/* Post image */
.blockthirdthirdpart-post-image img {
    width: 100%;
    min-width: 130px;
    max-width: 130px;
    height: 110px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.blockthirdthirdpart-post-item:hover .blockthirdthirdpart-post-image img {
    transform: scale(1.05);
}

/* Post title */
.blockthirdthirdpart-post-title {
    padding: 12px 15px;
}

.blockthirdthirdpart-post-title h2 {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}

.blockthirdthirdpart-post-title h2 a {
    color: #111;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blockthirdthirdpart-post-title h2 a:hover {
    color: #0073e6;
    /* Accent color */
}

/* Responsive: 2 posts per row on tablets, 1 per row on mobile */
@media (max-width: 992px) {
    .blockthirdthirdpart-post-item {
        flex: 1 1 calc(50% - 10px);
    }
}

@media (max-width: 576px) {
    .blockthirdthirdpart-post-item {
        flex: 1 1 100%;
    }

    .blockthirdthirdpart-post-image img {
        height: 120px;
    }

    .blockthirdthirdpart-post-title h2 {
        font-size: 1.3rem;
    }
}

/* block third thirdpart css end */


/* stiky from right side  */

.sticky-toggle-box {
    position: fixed;
    top: 60px;
    right: -200px;
    background: #fff;
    padding: 12px 18px;
    border-radius: 12px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
    z-index: 99999;
    transition: all 0.35s ease;
}

/* Slide-in */
.sticky-toggle-box.show {
    right: 20px;
}

/* Hidden */
.sticky-toggle-box.hide {
    right: -220px;
    opacity: 0;
    pointer-events: none;
}

.toggle-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* stiky from right side end */

/* sliding rightside css start */

.smart-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 360px;
    max-width: 90%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    overflow-y: auto;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.2);
    transition: right 0.35s ease;
    display: flex;
    flex-direction: column;
}

.smart-panel.active {
    right: 0;
}

.close-panel {
    position: absolute;
    top: 4px;
    left: 5px;
    font-size: 28px;
    background: green;
    border: none;
    cursor: pointer;
    color: #ffffff;
    padding: 10px 16px 3px;
    line-height: 1;
}

.sticky-toggle-box {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 999;
}

.latst-trending-news-button-links a {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    background: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.latst-trending-news-button-links a:hover {
    background: #f5f5f5;
}

.toggle-icon {
    width: 20px;
    height: 20px;
}

/* Responsive */
@media(max-width: 480px) {
    .smart-panel {
        width: 100%;
    }

    .sticky-toggle-box {
        right: 10px;
        display: none;
    }


    .latst-trending-news-button-links a {
        padding: 5px 10px;
        font-size: 14px;
    }
}


/* sliding rightside css end */


/* mobile footer latest css start */

/* ================================
   Latest Posts (Nepali Numbered)
================================ */
.np-latest-nepali-wrapper {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e3e6ee;
    padding: 16px 16px 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    margin: 20px 0;
}

.np-latest-heading h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #222;
    border-left: 3px solid #1450a3;
    padding-left: 8px;
}

/* Remove default list styling */
.np-latest-nepali-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each row */
.np-latest-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f2f7;
}

.np-latest-item:last-child {
    border-bottom: none;
}

/* Rounded number badge */
.np-latest-index {
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #1450a3;
    background: #eef3ff;
}

/* Title */
.np-latest-title {
    flex: 1;
    font-size: 18px;
    color: #333 !important;
    text-decoration: none;
    line-height: 1.4;
}

.np-latest-title:hover {
    color: #1450a3 !important;

}

/* Empty state */
.np-latest-empty {
    font-size: 13px;
    color: #666;
    margin: 4px 0 0;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .np-latest-nepali-wrapper {
        padding: 14px 12px 12px;
    }

    .np-latest-heading h2 {
        font-size: 16px;
    }

    .np-latest-title {
        font-size: 13px;
    }

    .np-latest-index {
        min-width: 26px;
        height: 26px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .np-latest-nepali-wrapper {
        margin: 16px 0;
    }

    .np-latest-item {
        padding: 5px 0;
    }
}

/* mobile footer latest css end */


/* mobile footer popular css start */
/* ==========================================
   WEEKLY POPULAR NEWS (MODERN SIMPLE STYLE)
========================================== */
.np-weekly-popular-wrapper {
    background: #ffffff;
    border: 1px solid #e2e4ea;
    border-radius: 10px;
    padding: 16px 16px 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    margin: 22px 0;
}

.np-popular-heading h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    padding-left: 8px;
    border-left: 3px solid #1450a3;
    color: #222;
}

/* List reset */
.np-popular-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Each item */
.np-popular-item {
    display: grid;
    grid-template-columns: 28px 60px 1fr;
    gap: 10px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f2f5;
}

.np-popular-item:last-child {
    border-bottom: none;
}

/* Nepali number index */
.np-popular-index {
    font-size: 15px;
    font-weight: 700;
    color: #1450a3;
    background: #eef3ff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Thumbnail */
.np-popular-thumb img {
    width: 60px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #dce0e8;
}

/* Title text */
.np-popular-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    line-height: 1.35;
}

.np-popular-title:hover {
    color: #1450a3 !important;

}

/* Views text */
.np-popular-views {
    font-size: 12px;
    color: #727a8a;
}

/* No data */
.np-popular-empty {
    font-size: 13px;
    color: #606673;
}

/* Responsive */
@media (max-width: 480px) {
    .np-popular-item {
        grid-template-columns: 24px 50px 1fr;
    }

    .np-popular-index {
        width: 24px;
        height: 24px;
        font-size: 13px;
    }

    .np-popular-thumb img {
        width: 50px;
        height: 42px;
    }

    .np-popular-title {
        font-size: 13px;
    }
}

/* mobile popular css end */



/* block five thirdpart start */

/* --- Main Wrapper --- */
.blockfivethirdpart {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

/* --- Post Wrapper (single post container) --- */
.blockfivethirdpart-posts {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
}

/* --- Single Post Box --- */
.blockfivethirdpart-firstpost-item {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    max-width: 450px;
    width: 100%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.blockfivethirdpart-firstpost-item:hover {

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* --- Image Styling --- */
.blockfivethirdpart-post-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* --- Title Styling --- */
.blockfivethirdpart-post-title {
    padding: 18px 20px;
}

.blockfivethirdpart-post-title h1 {
    font-size: 22px;
    line-height: 1.3;
    margin: 0;
    font-weight: 500;
}

.blockfivethirdpart-post-title h1 a {
    text-decoration: none;
    color: #222;
    transition: color 0.2s ease;
}

.blockfivethirdpart-post-title h1 a:hover {
    color: #0077cc;
}

/* --- Mobile --- */
@media (max-width: 768px) {
    .blockfivethirdpart-firstpost-item {
        max-width: 100%;
    }

    .blockfivethirdpart-post-title h1 {
        font-size: 20px;
    }

    .blockfivethirdpart-posts {
        gap: 20px;
    }
}

/* --- Extra Small Devices --- */
@media (max-width: 480px) {
    .blockfivethirdpart-post-title {
        padding: 15px;
    }

    .blockfivethirdpart-post-title h1 {
        font-size: 18px;
    }
}

/* block fivr thirdpart end */


/* block five thirdpart second start */

/* === Wrapper === */
.blockfivethirdpartsecond {
    width: 100%;
    padding: 15px 0;
}

/* === Posts Container === */
.blockfivethirdpartsecond-posts {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* === Single Post Item === */
.blockfivethirdpartsecond-firstpost-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    padding: 14px 18px;
    border-radius: 8px;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
}

.blockfivethirdpartsecond-firstpost-item:hover {
    background: #f8faff;
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* === Icon === */
.blockfivethirdpartsecond-post-image i {
    font-size: 22px;
    color: #0077cc;
    flex-shrink: 0;
    transition: color .2s ease;
}

.blockfivethirdpartsecond-firstpost-item:hover i {
    color: #005fa3;
}

/* === Post Title === */
.blockfivethirdpartsecond-post-title h1 {
    font-size: 20px;
    margin: 0;
    line-height: 1.3;
    font-weight: 500;
}

.blockfivethirdpartsecond-post-title h1 a {
    color: #222;
    text-decoration: none;
    transition: color .2s ease;
}

.blockfivethirdpartsecond-firstpost-item:hover h1 a {
    color: #0077cc;
}

/* === Responsive — Tablets === */
@media (max-width: 768px) {
    .blockfivethirdpartsecond-firstpost-item {
        padding: 12px 15px;
    }

    .blockfivethirdpartsecond-post-title h1 {
        font-size: 18px;
    }

    .blockfivethirdpartsecond-post-image i {
        font-size: 20px;
    }
}

/* === Responsive — Mobile === */
@media (max-width: 480px) {
    .blockfivethirdpartsecond-firstpost-item {
        padding: 10px 12px;
        gap: 10px;
    }

    .blockfivethirdpartsecond-post-title h1 {
        font-size: 20px;
    }

    .blockfivethirdpartsecond-post-image i {
        font-size: 18px;
    }
}


/* block five thirdpart second end */


/* block six third block start */

/* === Main Wrapper === */
.blocksixthirdpart {
    width: 100%;
    padding: 20px 0;
}

/* === Posts Container === */
.blocksixthirdpart-posts {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* === Single Post Item === */
.blocksixthirdpart-post-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #ffffff;
    border-radius: 8px;
    padding: 16px 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
}

.blocksixthirdpart-post-item:hover {
    transform: translateY(-4px);
    background: #f7faff;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
}

/* === Icon === */
.blocksixthirdpart-post-image i {
    font-size: 22px;
    color: #0077cc;
    flex-shrink: 0;
    margin-top: 4px;
    transition: color 0.2s ease;
}

.blocksixthirdpart-post-item:hover i {
    color: #005fa3;
}

/* === Title Text === */
.blocksixthirdpart-post-title h2 {
    font-size: 20px;
    margin: 0;
    line-height: 1.35;
    font-weight: 500;
}

.blocksixthirdpart-post-title h2 a {
    text-decoration: none;
    color: #222;
    transition: color 0.2s ease;
}

.blocksixthirdpart-post-item:hover h2 a {
    color: #0077cc;
}

/* === Responsive — Tablets (Up to 768px) === */
@media (max-width: 768px) {
    .blocksixthirdpart-post-item {
        padding: 14px 16px;
        gap: 12px;
    }

    .blocksixthirdpart-post-title h2 {
        font-size: 18px;
    }

    .blocksixthirdpart-post-image i {
        font-size: 20px;
    }
}

/* === Responsive — Mobiles (Up to 480px) === */
@media (max-width: 480px) {
    .blocksixthirdpart-post-item {
        padding: 12px 14px;
        gap: 10px;
    }

    .blocksixthirdpart-post-title h2 {
        font-size: 20px;
    }

    .blocksixthirdpart-post-image i {
        font-size: 18px;
    }
}

/* block six third block end */


/* block seven first block css start */

/* === Main Wrapper === */
.blocksevenfirstpart {
    width: 100%;
    padding: 25px 0;
}

/* === Container for Posts === */
.blocksevenfirstpart-posts {
    width: 100%;
}

/* === Row Fix (Bootstrap compatible) === */


/* === Image Section === */
.blocksevenfirstpart-post-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}



/* === Text Section === */
.blocksevenfirstpart-post-title {
    padding: 37px 32px;
    background: #f3f3f3;
}

.blocksevenfirstpart-post-title h1 {
    font-size: 32px;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.blocksevenfirstpart-post-title h1 a {
    color: #222;
    text-decoration: none;
    transition: color 0.25s ease;
}

.blocksevenfirstpart-post-title h1 a:hover {
    color: #0077cc;
}

.blocksevenfirstpart-post-title p {
    font-size: 20px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* === Responsive - Tablet (≤ 992px) === */
@media (max-width: 992px) {
    .blocksevenfirstpart-post-title h1 {
        font-size: 26px;
    }

    .blocksevenfirstpart-post-title p {
        font-size: 16px;
    }

    .blocksevenfirstpart .row {
        gap: 18px;
    }
}

/* === Responsive - Mobile (≤ 768px) === */
@media (max-width: 768px) {
    .blocksevenfirstpart .row {
        flex-direction: column;
        text-align: center;
    }

    .blocksevenfirstpart-post-title {
        padding: 5px 10px;
    }

    .blocksevenfirstpart-post-title h1 {
        font-size: 24px;
    }

    .blocksevenfirstpart-post-title p {
        font-size: 15px;
    }
}

/* === Extra Small Mobile (≤ 480px) === */
@media (max-width: 480px) {
    .blocksevenfirstpart-post-title h1 {
        font-size: 21px;
    }

    .blocksevenfirstpart-post-title p {
        font-size: 14px;
    }
}

/* block seven first block css end */


/* block seven second block css start */
/* MAIN WRAPPER */
.blockthirdsecondpart {
    width: 100%;
    padding:0;
}

/* POSTS GRID */
.blocksevensecondpart-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* SINGLE POST ITEM */
.blocksevensecondpart-post-item {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}



/* IMAGE */
.blocksevensecondpart-post-image img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.blocksevensecondpart-post-item:hover img {
    transform: scale(1.06);
}

.blocksevensecondpart-post-image {
    overflow: hidden;
}

/* TITLE */
.blocksevensecondpart-post-title {
    padding: 15px;
    height: 130px;
}

.blocksevensecondpart-post-title h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 1.35;
}

.blocksevensecondpart-post-title h2 a {
    text-decoration: none;
    color: #222;
    transition: color .25s ease;
}

.blocksevensecondpart-post-item:hover h2 a {
    color: #0077cc;
}

/* === RESPONSIVE TABLET ≤ 992px === */
@media (max-width: 992px) {
    .blocksevensecondpart-posts {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .blocksevensecondpart-post-title h2 {
        font-size: 19px;
    }
}

/* === RESPONSIVE MOBILE ≤ 768px === */
@media (max-width: 768px) {
    .blocksevensecondpart-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 18px;
    }

    .blocksevensecondpart-post-title h2 {
        font-size: 18px;
    }

    .blocksevensecondpart-post-image img {
        height: 180px;
    }
}

/* === EXTRA SMALL MOBILE ≤ 480px === */
@media (max-width: 480px) {
    .blocksevensecondpart-post-title {
        padding: 12px;
    }

    .blocksevensecondpart-post-title h2 {
        font-size: 20px;
    }

    .blocksevensecondpart-post-image img {
        height: 160px;
    }
}

/* block seven second block css end */


/* block nine css first partstart */

/* MAIN WRAPPER */
.blockninefirstpart {
    width: 100%;
    padding: 25px 0;
}

/* POSTS GRID */
.blockninefirstpart-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* SINGLE POST ITEM */
.blockninefirstpart-firstpost-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.blockninefirstpart-firstpost-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* IMAGE SECTION */
.blockninefirstpart-post-image img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.blockninefirstpart-firstpost-item:hover img {
    transform: scale(1.07);
}

/* TITLE SECTION */
.blockninefirstpart-post-title {
    padding: 15px 18px;
    height: 130px;
}

.blockninefirstpart-post-title h1 {
    font-size: 20px;
    margin: 0;
    line-height: 1.35;
    font-weight: 500;
}

.blockninefirstpart-post-title h1 a {
    text-decoration: none;
    color: #222;
    transition: color 0.25s ease;
}

.blockninefirstpart-firstpost-item:hover h1 a {
    color: #0077cc;
}

/* === TABLETS (≤ 992px) === */
@media (max-width: 992px) {
    .blockninefirstpart-posts {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    .blockninefirstpart-post-image img {
        height: 190px;
    }

    .blockninefirstpart-post-title h1 {
        font-size: 19px;
    }
}

/* === MOBILE (≤ 768px) === */
@media (max-width: 768px) {
    .blockninefirstpart-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .blockninefirstpart-post-image img {
        height: 180px;
    }

    .blockninefirstpart-post-title h1 {
        font-size: 18px;
    }
}

/* === EXTRA SMALL MOBILE (≤ 480px) === */
@media (max-width: 480px) {
    .blockninefirstpart-post-title {
        padding: 12px 15px;
    }

    .blockninefirstpart-post-image img {
        height: 160px;
    }

    .blockninefirstpart-post-title h1 {
        font-size: 20px;
    }
}

/* block nine css first part end */


/* block nine second block css start */

/* MAIN WRAPPER */
.blockninethirdpart {
    width: 100%;
    padding: 25px 0;
}

/* GRID LAYOUT */
.blockninethirdpart-posts {
    display: grid;

    gap: 25px;
}

/* SINGLE POST ITEM */
.blockninethirdpart-post-item {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}


.blockninethirdpart-post-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* CIRCULAR IMAGE */
.blockninethirdpart-post-image img {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* TITLE */
.blockninethirdpart-post-title {
    margin-top: 15px;
}

.blockninethirdpart-post-title h2 {
    font-size: 20px;
    margin: 0;
    line-height: 1.35;
    font-weight: 500;
}

.blockninethirdpart-post-title h2 a {
    text-decoration: none;
    color: #222;
    transition: color 0.25s ease;
}

.blockninethirdpart-post-item:hover h2 a {
    color: #0077cc;
}

/* === TABLETS (≤ 992px) === */
@media (max-width: 992px) {
    .blockninethirdpart-posts {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .blockninethirdpart-post-image img {
        width: 140px;
        height: 140px;
    }

    .blockninethirdpart-post-title h2 {
        font-size: 19px;
    }
}

/* === MOBILE (≤ 768px) === */
@media (max-width: 768px) {
    .blockninethirdpart-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 22px;
    }

    .blockninethirdpart-post-image img {
        width: 130px;
        height: 130px;
    }

    .blockninethirdpart-post-title h2 {
        font-size: 18px;
    }
}

/* === EXTRA SMALL MOBILE (≤ 480px) === */
@media (max-width: 480px) {
    .blockninethirdpart-post-image img {
        width: 120px;
        height: 120px;
    }

    .blockninethirdpart-post-title h2 {
        font-size: 20px;
    }
}

/* block nine second block css end */


/* block ten firstpart css start */
/* MAIN WRAPPER */
.blocktenfirstpart {
    width: 100%;
    padding: 25px 0;
}

/* POSTS CONTAINER */
.blocktenfirstpart-posts {
    width: 100%;
}

/* SINGLE FEATURED POST ITEM */
.blocktenfirstpart-firstpost-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}



/* IMAGE SECTION */
.blocktenfirstpart-post-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.blocktenfirstpart-firstpost-item:hover img {
    transform: scale(1.06);
}

/* TITLE SECTION */
.blocktenfirstpart-post-title {
    padding: 18px 22px;
    height: 150px;
}

.blocktenfirstpart-post-title h1 {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}

.blocktenfirstpart-post-image {
    overflow: hidden;
}

.blocktenfirstpart-post-title h1 a {
    color: #222;
    text-decoration: none;
    transition: color 0.25s ease;
}

.blocktenfirstpart-firstpost-item:hover h1 a {
    color: #0077cc;
}

/* === RESPONSIVE (≤ 992px) — TABLET === */
@media (max-width: 992px) {
    .blocktenfirstpart-post-image img {
        height: 260px;
    }

    .blocktenfirstpart-post-title h1 {
        font-size: 24px;
    }
}

/* === RESPONSIVE (≤ 768px) — MOBILE === */
@media (max-width: 768px) {
    .blocktenfirstpart-post-image img {
        height: 220px;
    }

    .blocktenfirstpart-post-title {
        padding: 15px 18px;
    }

    .blocktenfirstpart-post-title h1 {
        font-size: 22px;
    }
}

/* === RESPONSIVE (≤ 480px) — SMALL MOBILE === */
@media (max-width: 480px) {
    .blocktenfirstpart-post-image img {
        height: 180px;
    }

    .blocktenfirstpart-post-title h1 {
        font-size: 20px;
    }
}


/* block ten forstpart css end */


/* blockten secondpart css start */
/* MAIN WRAPPER */
.blocktensecondpart {
    width: 100%;
    padding: 25px 0;
}

/* POSTS GRID */
.blocktensecondpart-posts {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
}

/* SINGLE POST CARD */
.blocktensecondpart-post-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
    transition: all 0.3s ease;
}



/* IMAGE */
.blocktensecondpart-post-image img {
    width: 100%;
    min-width: 120px;
    max-width: 120px;
    height: 100px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}


.blocktensecondpart-post-item {
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* TITLE */
.blocktensecondpart-post-title {
    padding: 15px 18px;
}

.blocktensecondpart-post-title h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 500;
    line-height: 1.35;
}

.blocktensecondpart-post-title h2 a {
    text-decoration: none;
    color: #222;
    transition: color .25s ease;
}

.blocktensecondpart-post-item:hover h2 a {
    color: #0077cc;
}

/* === TABLET (≤ 992px) === */
@media (max-width: 992px) {
    .blocktensecondpart-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .blocktensecondpart-post-image img {
        height: 80px;
    }

    .blocktensecondpart-post-title h2 {
        font-size: 19px;
    }
}

/* === MOBILE (≤ 768px) === */
@media (max-width: 768px) {
    .blocktensecondpart-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 22px;
    }

    .blocktensecondpart-post-image img {
        height: 80px;
    }

    .blocktensecondpart-post-title h2 {
        font-size: 18px;
    }
}

/* === EXTRA SMALL MOBILE (≤ 480px) === */
@media (max-width: 480px) {
    .blocktensecondpart-post-title {
        padding: 12px 15px;
    }

    .blocktensecondpart-post-image img {
        height: 80px;
    }

    .blocktensecondpart-post-title h2 {
        font-size: 20px;
    }
}

/* blockten secondpart css end */

/* block eleven css start */

/* MAIN WRAPPER */
.blockelevenfirstpart {
    width: 100%;
    padding: 25px 0;
}

/* GRID LAYOUT */
.blockelevenfirstpart-posts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

/* SINGLE POST CARD */
.blockelevenfirstpart-firstpost-item {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}


/* IMAGE */
.blockelevenfirstpart-post-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.blockelevenfirstpart-firstpost-item:hover img {
    transform: scale(1.08);
}

.blockelevenfirstpart-post-image {
    overflow: hidden;
}

/* TITLE */
.blockelevenfirstpart-post-title {
    padding: 15px 18px;
}

.blockelevenfirstpart-post-title h1 {
    font-size: 20px;
    line-height: 1.35;
    margin: 0;
    font-weight: 600;
}

.blockelevenfirstpart-post-title h1 a {
    text-decoration: none;
    color: #222;
    transition: color 0.25s ease;
}

.blockelevenfirstpart-firstpost-item:hover h1 a {
    color: #0077cc;
}

/* === TABLETS (≤ 992px) === */
@media (max-width: 992px) {
    .blockelevenfirstpart-posts {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .blockelevenfirstpart-post-image img {
        height: 180px;
    }

    .blockelevenfirstpart-post-title h1 {
        font-size: 19px;
    }
}

/* === MOBILE (≤ 768px) === */
@media (max-width: 768px) {
    .blockelevenfirstpart-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 22px;
    }

    .blockelevenfirstpart-post-image img {
        height: 170px;
    }

    .blockelevenfirstpart-post-title {
        padding: 12px 15px;
    }

    .blockelevenfirstpart-post-title h1 {
        font-size: 18px;
    }
}

/* === EXTRA SMALL MOBILE (≤ 480px) === */
@media (max-width: 480px) {
    .blockelevenfirstpart-post-image img {
        height: 150px;
    }

    .blockelevenfirstpart-post-title h1 {
        font-size: 20px;
    }
}


/* block eleven css end */



.header-navigation.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff; /* or whatever you prefer */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    animation: slideDown 0.3s ease;
}

/* Smooth slide-in animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.header-navigation {
    transition: all 0.3s ease;
}


.main-navigation{
        display: flex;
    gap: 52px;
    justify-content: center;
}

.english-btnm{
    background: #eb2025 !important;
    position: relative;
    padding: 14px 10px 14px;
    color: #fff9c0 !important;
    font-size: 15px;
}
.desktopsearch{
 background: #023d7b;
    padding: 14px 10px 14px;
}
   
/* stiky logo css start */
.logo-sticky {
    display: none;
}

.is-sticky .logo-default {
    display: none;
}

.is-sticky .logo-sticky {
    display: inline-block;
}
.site-logo a img{
    height: 50px;
}
@media (max-width: 768px) {
    .desktopsearch{
        display: none;
    }
    .main-navigation {
        justify-content: space-around;
    }
}
/* stiky logo css end */


/* search css start */
   .search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 20px auto;
}

.search-form label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    display: block;
    width: 100%;
}

.search-form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
    transition: 0.3s;
}

.search-form input:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.search-form input[type="date"] {
    cursor: pointer;
    width: calc(50% - 5px);
}

.search-form input[type="text"] {
    width: 100%;
}

.search-form input[type="submit"] {
    width: 100%;
    background: #007bff;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border: none;
    transition: 0.3s;
}

.search-form input[type="submit"]:hover {
    background: #0056b3;
}

@media (max-width: 600px) {
    .search-form {
        flex-direction: column;
        gap: 8px;
    }

    .search-form input[type="date"] {
        width: 100%;
    }
}

/* search css end */