/* Copyright © 2026 Sudan Dulal / Nepal Bihani Khabar Pvt. Ltd. — customizations. */
/*!
Theme Name: Nepal Bihani News
Theme URI: https://nepalbihanilive.com/
Author: Sudan Dulal
Author URI: https://nepalbihanilive.com/
Description: Nepal Bihani News — a full-featured news and magazine WordPress theme customized and maintained for Nepal Bihani Khabar by Sudan Dulal. Original GPL-licensed components and required license notices are retained.
Version: 1.0.0
Tested up to: WordPress 7.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nepal-bihani-news
Tags: blog, news, photography, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, one-column, two-columns, full-width-template, sticky-post, right-sidebar, footer-widgets, grid-layout

Copyright (C) 2026 Sudan Dulal / Nepal Bihani Khabar Pvt. Ltd. — customizations and branding.
Original third-party GPL components retain their respective copyright and license notices.
*/

/*--------------------------------------------------------------
=>>	Common
--------------------------------------------------------------*/

html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}

body,
button,
input,
select,
textarea {
	color: #767676;
	font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3,
h4, h5, h6 {
	clear: both;
	line-height: 1.5;
	margin: 0 0 1.875rem;
	color: #1f2024;
	font-weight: 600;
}
h1 { font-size: 2.875rem; /* 46px */ }
h2 { font-size: 2.5rem; /* 40px */ }
h3 { font-size: 2.125rem; /* 34px */ }
h4 { font-size: 1.75rem; /* 28px */ }
h5 { font-size: 1.375rem; /* 22px */ }
h6 { font-size: 1rem; /* 16px */ }

p { margin: 0 0 1.5rem; padding: 0; }
p:last-child { margin-bottom: 0rem; padding: 0; }

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

blockquote {
	background-color: #f4f4f5;
	font-size: 1.25rem;
	font-style: normal;
	margin: 0 0 1.6rem;
	overflow: hidden;
	position: relative;
	padding: 1.500rem !important;
	quotes: "" "";
	color: #1f2024;
	font-weight: 600;
}
blockquote p { position: relative; z-index: 1; margin: 0; }
blockquote cite { position: relative; z-index: 1; color: #767676 !important; font-size: 1.000rem; display: block; font-style: normal; font-weight: 600; margin-top: 0.5rem; }

q { quotes: "“" "”" "‘" "’"; }

blockquote:before, blockquote:after { content: ""; }

blockquote:before {
	content: '\f10e';
    font-family: 'FontAwesome';
    color: rgba(0, 0, 0, 0.09);
    font-size: 9rem;
    line-height: normal;
    position: absolute;
    top: -5px;
    left: 35px;
    right: 0;
    margin: 0;
    z-index: 0;
}

a:focus {
	outline: none;
}

address { margin: 0 0 1.6rem; line-height: 1.7; font-style: italic;}
address i { 
	width: 25px;
	height: auto;
	margin-right: 0.313rem;
}

pre {
	background: #eee;
	color: #767676;
	font-size: 1.000rem;
	margin: 0 0 1.5rem;
	max-width: 100%;
	overflow: auto;
	padding: 1.6rem;
}

hr { background-color: #ebebeb; border: 0; opacity: 1; height: 1px; margin-bottom: 1.6rem; }

code, kbd, tt, var { font-size: 1.000rem; }

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

mark, ins { color: #ffffff; text-decoration: none; padding: 0.05rem 0.500rem; }

big { font-size: 125%; }

iframe { border: 0; }

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

#wrapper { background-color: #ffffff; margin: 0px auto; }



/*--------------------------------------------------------------
=>>	Theme Combined Classes
--------------------------------------------------------------*/

.container-full {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.container-full {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container-full {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container-full {
		max-width: 1360px;
	}
}
body.custom-background #wrapper {
	background-color: transparent;
}
body.custom-background .blog-grid-view-post {
    background-color: transparent !important;
}

/*--------------------------------------------------------------
=>>	Forms
--------------------------------------------------------------*/

label { color: #1f2024; display: block; font-weight: 700; margin-bottom: 0.5rem; }
fieldset { margin-bottom: 1em; }
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: #1f2024;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #ebebeb !important;
	-webkit-border-radius: 0;
	border-radius: 0 !important;
	display: block;
	padding: 0.7rem 1rem;
	width: 100%;
    outline: 0;	
}
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: #1f2024;
}
select {
	border: 1px solid #ebebeb;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	height: 3em;
	max-width: 100%;
}
input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}
button,
input[type="button"],
input[type="submit"] {
	background-color: #fff;
    color: #1f2024;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1.000rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.938rem 1.875rem;
    text-shadow: none;
    -webkit-transition: 0.3s ease-in-out 0s;
    transition: 0.3s ease-in-out 0s;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75rem 2rem;
}
button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #fff;
	letter-spacing: 1px;
}
button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color */
::-webkit-input-placeholder { color: #1f2024; }
:-moz-placeholder { color: #1f2024; }
::-moz-placeholder { color: #1f2024; }
:-ms-input-placeholder { color: #1f2024; }


/*--------------------------------------------------------------
=>>	Buttons
--------------------------------------------------------------*/

.btn-small { min-width: 10rem; font-size: 0.938rem; padding: 0.813rem 2.5rem; }
.btn-ex-small { min-width: 9rem; font-size: 1.000rem; padding: 0.563rem 2.188rem; }
.btn-small, .btn-ex-small {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    position: relative;
    letter-spacing: 0;
    border-radius: 0;
    text-align: center;
    transition: .3s;
    font-weight: 600;
}

.btn-default { color: #ffffff; }
.btn-default:hover, .btn-default:focus { background: #ffffff; color: #1f2024; }

.btn-light { background: #ffffff; color: #1f2024; }
.btn-light:hover, .btn-light:focus { color: #ffffff; }

.btn-default-dark { color: #ffffff; }
.btn-default-dark:hover, .btn-default-dark:focus { background: #1f2024; color: #fff !important; }

.btn-border { background: #ffffff; color: #1f2024; }
.btn-border:hover, .btn-border:focus { color: #ffffff; }

.common-btn {
	background-color: transparent;
    color: #1f2024 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1.000rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.938rem 1.875rem;
    text-shadow: none;
	text-decoration: none !important;
    -webkit-transition: 0.3s ease-in-out 0s !important;
    transition: 0.3s ease-in-out 0s !important;
}
.common-btn:hover, 
.common-btn:focus {
	background-color: transparent;
	text-decoration-color: unset !important;
	letter-spacing: 1px;
}


/*--------------------------------------------------------------
=>> Lists
--------------------------------------------------------------*/

ul, ol { margin: 0 0px 1.5rem 1.125rem; padding: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.6rem; }
dt { font-weight: 700; }
dd { margin: 0 1.6rem 1.6rem; }


/*--------------------------------------------------------------
=>> Tables
--------------------------------------------------------------*/

table { background-color: #fff; margin: 0 0 1.5rem; width: 100%; word-wrap: break-word; }
table thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; }
table th { padding: 0.5rem; text-align: left; color: #1f2024; }
table td { padding: 0.5rem; color: #767676; }
table th, table td, 
.wp-block-table td, 
.wp-block-table th { 
	border: 1px solid #ebebeb; 
}
table thead th {
	border-bottom: 2px solid #ebebeb; 
}
.wp-block-table thead {
    border-bottom: 3px solid #ebebeb;
}
.wp-block-table tfoot {
    border-top: 3px solid #ebebeb;
}
table caption, 
.wp-block-table .wp-element-caption, 
.wp-block-calendar caption {
	background-color: #1f2024;
    color: #ffffff;
    caption-side: top;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
=>> Links
--------------------------------------------------------------*/

a { color: #1f2024; text-decoration: none; transition: 0.3s; }
a:focus { outline: thin dotted; text-decoration: none; }
a:hover, a:active { color: #1f2024; outline: 0; }


/*--------------------------------------------------------------
=>> Search Popup Box For Header
--------------------------------------------------------------*/

.theme-search-block {
	padding-left: 0.938rem;
    line-height: 3.125;
	float: right;
}
.theme-search-block a {
	font-size: 1rem;
}
.navbar.navbar-dark .theme-search-block > a {
	color: #fff;	
}

#search-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 5, 10, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
	z-index: 3;
}
#search-popup.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}
#search-popup input[type="search"] {
    position: absolute;
    top: 50%;
	left: 0;
	right: 0;
    width: 55%;
    color: #fff;
    background: rgba(0, 0, 0, 0.3) !important;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    border: 0;
	margin-left: auto;
	margin-right: auto;
    margin-top: -3.188rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    outline: none;
}
#search-popup input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
#search-popup input[type="search"]:-moz-placeholder { color: rgba(255, 255, 255, 0.7); }
#search-popup input[type="search"]::-moz-placeholder { color: rgba(255, 255, 255, 0.7); }
#search-popup input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); }
#search-popup .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2.5rem;
    margin-left: -7.513rem;
    font-size: 1rem;
    padding: 0.938rem 5.5rem;
    border-radius: 0;
    text-align: center;
    transition: .3s;
    font-weight: 600;
    text-transform: uppercase;
}
#search-popup .btn:hover, 
#search-popup .btn:focus {
	background-color: #fff;
	color: #1f2024;
}
#search-popup .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #1f2024;
	background-color: #fff;
	border-color: #fff;
	opacity: 1;
	padding: 0.625rem 1.063rem;
	font-size: 2.5rem;
}
@media (max-width: 991px) {
	.theme-search-block.desk-view {
		display: none;
		visibility: none;
	}
	.theme-search-block {
		float: none;
		padding-left: 0;
	}
}
@media (min-width: 992px) {
	.theme-search-block.mobile-view {
		display: none;
		visibility: none;
	}
}
/*Serch Form for entry-content*/
#searchform.input-group {
	padding: 4px;
}
#searchform.input-group .btn {
	background-color: #fff;
	color: #1f2024;
	font-weight: 600;
	padding: 0.75rem 1.25rem;
    border-radius: 0;	
}
#searchform.input-group .btn:hover {
	color: #fff;
	letter-spacing: 0;
}


/*--------------------------------------------------------------
=>> Header Contact Details
--------------------------------------------------------------*/

.site-header {
	background: #f4f4f5;
	padding: 0;
	min-height: 40px;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.site-header .widget {
    color: #2c2f34;
    box-shadow: none;
    padding: 0;
	margin: 0;
}
.site-header .widget:last-child {
	margin: 0;
}
.head-contact-info {
	padding: 0.313rem 0 0.313rem;
	margin: 0px;
	display: block;
}
.head-contact-info li {
	display: inline-block;
    margin: 0;
	padding-top: 0.213rem;
	padding-bottom: 0.213rem;
    padding-right: 0.400rem;
    color: #2c2f34;
    font-size: 0.938rem;
	position: relative;
	font-weight: 500;
}
.head-contact-info li:last-child { padding-right: 0; }
.head-contact-info li a, .head-contact-info li a:hover, .head-contact-info li a:focus { color: #2c2f34; }
.head-contact-info i { padding-right: 0.325rem; padding-left: 0.063rem; }
.head-contact-info li span.newsexo-time { 
	display: unset;
	border: none;
	color: #fff;
	padding: 0.125rem 0.625rem;
	border-radius: 2px;
}
.head-contact-info li span.newsexo-time:before {
	font-family: "Font Awesome 6 Free";
    content: "\f017";
	padding-right: 0.325rem;
	font-weight: 500;
}

@media (max-width: 768px) { 
	.site-header { padding: 0.875rem 0; }
	.head-contact-info { text-align: center; }
	.custom-social-icons { text-align: center; }
	.custom-social-icons li { padding: 0; }
}
@media (max-width: 500px) { 
	.head-contact-info li { display: block; padding-right: 0; }
	.head-contact-info li::after { display: none; }
}
@media (min-width: 768px) {
	.site-header .widget .custom-social-icons { float: right; }
}


/*--------------------------------------------------------------
=>> Social Icons
--------------------------------------------------------------*/

.custom-social-icons { margin: 0; padding: 0.313rem 0; }
.custom-social-icons li { display: inline-block; padding: 0.313rem 0.28125rem; }
.custom-social-icons li a.fa-square-facebook { color: #4268aa; }
.custom-social-icons li a.fa-square-twitter { color: #31abdd; }
.custom-social-icons li a.fa-google-plus { color: #d25132; }
.custom-social-icons li a.fa-linkedin { color: #0073ad; }
.custom-social-icons li a.fa-skype { color: #3da6de; }
.custom-social-icons li a.fa-dribbble { color: #e04b85; }
.custom-social-icons li a.fa-square-youtube { color: #db1b1c; }
.custom-social-icons li a.fa-vimeo-square { color: #00adef; }
.custom-social-icons li a.fa-pagelines { color: #135da8; }
.custom-social-icons li a.fa-square-instagram { color: #bc2a8d; }
.custom-social-icons li a.fa-square-instagram { color: #bc2a8d; }
.custom-social-icons li > a:before { display: none; }
.custom-social-icons li > a {
	font-size: 1.4rem;
	line-height: 1;
	transition: all 0.3s;
	display: block;
	border-radius: 0;
    cursor: pointer;
	box-shadow: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.custom-social-icons li a i { padding: 0; }
.custom-social-icons .followus {
	font-size: 1rem;
    font-weight: 500;
    position: relative;
    padding-right: 40px;
    margin-right: 1.25rem;
    line-height: 1;
}
.custom-social-icons .followus:before {
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
    width: 30px;
    height: 1px;
    opacity: .5;
}
.custom-social-icons .followus:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 14px;
    width: 15px;
    height: 1px;
    opacity: .5;
}


/*--------------------------------------------------------------
=>> Site Branding & Advertisement
--------------------------------------------------------------*/

.logo-banner {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
	position: relative;
}
.logo-banner-overlay::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .90);
	z-index: 0;
}
.site-branding .site-title {
	margin: 0;
	line-height: 1.2;
	font-weight: 700;
}
.site-logo, 
.site-branding,  
.site-advertisement {
	position: relative;
}
.logo-banner .col-lg-12 .site-logo img.custom-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.logo-banner .col-lg-12 .site-branding {
	text-align: center;
}
@media (max-width: 991px){
	.site-advertisement {
		margin-top: 1.5rem;
	}
}
@media (max-width: 768px){
	.site-branding {
		text-align: center;
	}
	.site-logo .custom-logo {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.site-advertisement {
		margin-top: 1.3rem;
	}
}
@media (min-width: 100px) and (max-width: 1150px) {
	.site-logo img.custom-logo {
		max-width: 100% !important;
	}
}


/*--------------------------------------------------------------
=>> Trending News Top Marqueee Area
--------------------------------------------------------------*/

.trending-news-area {
	margin-top: 0;
}
.trending-news-col { 
	display: flex;
    flex-wrap: wrap;
	width: 100%;
	min-height: 43px;
	margin: 1.875rem auto 0px;
	background-color: #fff;
	border: 1px solid #ebebeb;
}
.trending-news-col .news-content-area { 
	background: #fff;
    padding-left: 0.938rem;
    padding-right: 0.313rem;
    width: 80.5%;
    display: inline-block;
	overflow: hidden;
}

/*--------------------------------------------------------------
 New Trending News Design view for RTL Language
--------------------------------------------------------------*/

.news-highlights-area { position: relative; overflow: hidden; }
.news-highlights-area .news-highlights-title {
	display: inline-flex;
	z-index: 1;
	position: relative;
	width: 19%;
}
.news-highlights-area .news-marquee-wrapper .news-headline-post-content .news-headline-post-title {
	margin-bottom: 0;
}
.news-marquee-wrapper .news-headline-post-thumbnail { margin-bottom: 0; }
.news-marquee-wrapper .news-headline-post-thumbnail img { 
	display: inline-block; 
	object-fit: cover; 
	vertical-align: middle; 
	width: 30px; 
	height: 30px; 
	margin-right: 0.313rem; 
}
.news-highlights {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	transform: translate3d(0%, 0, 0);
	animation-name: marquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	vertical-align: middle;
}
.news-marquee-wrapper {	
	white-space: nowrap;
	overflow: hidden;
	padding-left: 0.938rem;
	padding-right: 0.313rem;
	width: 80.5%;
	display: inline-block;	
}
.news-marquee-wrapper:hover .news-highlights {animation-play-state: paused !important;}

@keyframes marquee {
  0% {transform: translate3d(0%, 0, 0);}
  100% {transform: translate3d(-200%, 0, 0);}
}

@media (max-width: 768px) {
  .news-marquee-wrapper {padding: 11px 0px;}
}

#newxo-marquee-right, #newxo-marquee-left {
	padding: 0 !important; 
	margin: 0px;
	-moz-border-radius: 0px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: 0 0 0px 1px #6C6C6F;
	color: #6C6C6F;
	width: 2.1rem;
	height: 2.1rem;
	font-size: 1.125rem;
	line-height: 2;
	border: 0;
}
#newxo-marquee-right {right: 1.3rem;}
#newxo-marquee-left {right: 3.85rem;}

.news-highlights-area .news-highlights.right {animation-name: marquee_right;}
@keyframes marquee_right {0% {transform: translateX(-100%);}}

.news-highlights-area .news-highlights-title h5 {
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	padding: 0.313rem 1.25rem;
	margin: 0;
	position: relative;
}
.news-highlights-area .news-highlights-title h5:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.news-highlights-area .news-headline-post {display: inline-flex;align-items: center;gap: 15px; margin-right: 0; padding-right: 2.5rem; white-space: nowrap;position: relative;}
.news-highlights-area .news-headline-post .news-headline-post-content {display: inline-block;width: 100%;text-wrap: wrap; flex: 1;}
.news-highlights-area .news-marquee-wrapper .newxo-entry-title {font-size: 1.125rem;font-weight: 700;overflow: unset;}
@media (max-width: 767px) {
  .news-highlights-area .news-highlights-controls {display: none;}
}
#newxo-marquee-right:hover i, #newxo-marquee-left:hover i {color: #fff;}

@media (max-width: 991px) {
    .news-highlights-area .news-highlights-title {
		display: block;
		z-index: 1;
		position: relative;
		width: 100%;
		text-align: center;
	}
	.news-highlights-area .news-highlights-title h5:before {
		display: none;
	}
	.news-marquee-wrapper {
		width: 100%;
		margin-left: 0.938rem;
        margin-right: 0.938rem;
        padding-left: 0.938rem;
        padding-right: 0.938rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
	}
}


/*--------------------------------------------------------------
=>> News Section Title & View All Button
--------------------------------------------------------------*/

.news-section-title {
	display: flex !important;
    flex-wrap: wrap !important;
    position: relative !important;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0;
	margin: 0 0 1.875rem;
}
.news-section-title .f-heading {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	padding: 0.313rem 1.25rem;
	margin: 0;
	position: relative;
}
.news-section-title .f-heading:before {
	content: "";
	position: absolute;
	right: -15px;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.widget:nth-child(1) .col-12 .news-section-title .f-heading {
	background-color: #0263D0;
}
.widget:nth-child(1) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #0263D0;
}
.widget:nth-child(2) .col-12 .news-section-title .f-heading {
	background-color: #56ca71;
}
.widget:nth-child(2) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #56ca71;
}
.widget:nth-child(3) .col-12 .news-section-title .f-heading {
	background-color: #9c27b0;
}
.widget:nth-child(3) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #9c27b0;
}
.widget:nth-child(4) .col-12 .news-section-title .f-heading {
	background-color: #0e98d6;
}
.widget:nth-child(4) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #0e98d6;
}
.widget:nth-child(5) .col-12 .news-section-title .f-heading {
	background-color: #ff184e;
}
.widget:nth-child(5) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #ff184e;
}
.widget:nth-child(6) .col-12 .news-section-title .f-heading {
	background-color: #1f2024;
}
.widget:nth-child(6) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #1f2024;
}
.widget:nth-child(7) .col-12 .news-section-title .f-heading {
	background-color: #1AB7EA;
}
.widget:nth-child(7) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #1AB7EA;
}
.widget:nth-child(8) .col-12 .news-section-title .f-heading {
	background-color: #6610f2;
}
.widget:nth-child(8) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #6610f2;
}
.widget:nth-child(9) .col-12 .news-section-title .f-heading {
	background-color: #224B7A;
}
.widget:nth-child(9) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #224B7A;
}
.widget:nth-child(10) .col-12 .news-section-title .f-heading {
	background-color: #664d03;
}
.widget:nth-child(10) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #664d03;
}
.widget:nth-child(11) .col-12 .news-section-title .f-heading {
	background-color: #4267B2;
}
.widget:nth-child(11) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #4267B2;
}
.widget:nth-child(12) .col-12 .news-section-title .f-heading {
	background-color: #00AB6C;
}
.widget:nth-child(12) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #00AB6C;
}
.widget:nth-child(13) .col-12 .news-section-title .f-heading {
	background-color: #C53181;
}
.widget:nth-child(13) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #C53181;
}
.widget:nth-child(14) .col-12 .news-section-title .f-heading {
	background-color: #0274B3;
}
.widget:nth-child(14) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #0274B3;
}
.widget:nth-child(15) .col-12 .news-section-title .f-heading {
	background-color: #664d03;
}
.widget:nth-child(15) .col-12 .news-section-title .f-heading:before {
	border-left: 15px solid #664d03;
}
.view-all-btn {
	display: inline-block;
    float: right;
    padding: 0.063rem 0.75rem 0.063rem 0.75rem;
    font-weight: bold;
    margin: 0.375rem 0.625px 0.375rem 0.375rem;
    background-color: transparent;
    font-size: 0.9375rem;
    border: 1px solid #1f2024;
}
.view-all-btn:hover, 
.view-all-btn:focus {
	color: #fff;
}

/*--------------------------------------------------------------
=>> Featured News Section
--------------------------------------------------------------*/

.featured-news-section { margin: 0; padding: 1.563rem 0 1.563rem; width: 100%; }
.featured-news-section .news-section-title .f-heading {
	background-color: #d40004;
}
.featured-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #d40004;
}


/*--------------------------------------------------------------
=>> Big News Section - Featured News
--------------------------------------------------------------*/

.big-news-section { margin: 0; padding: 1.875rem 0 1.563rem; width: 100%; }

.post.overlay-news-area { margin-bottom: 0; }
.big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
	min-height: 448px;
}
.big-news-section .post.overlay-news-area .post-thumbnail {
	background: rgb(228,228,228);
	background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(151,159,167,1) 80%);
	min-height: 220px;
}

@media screen and (min-width: 1050px) and (max-width: 1290px) { 
    .big-news-section .post.overlay-news-area .post-thumbnail {
		min-height: 177px;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 361px;
	}
}
@media screen and (min-width: 991px) and (max-width: 1050px) { 
    .big-news-section .post.overlay-news-area .post-thumbnail {
		min-height: 166px;
	}
	.big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 338px;
	}
}
@media screen and (min-width: 768px) and (max-width: 990px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 380px;
	}
}
@media screen and (min-width: 600px) and (max-width: 767px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 368px;
	}
}
@media screen and (min-width: 500px) and (max-width: 600px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 335px;
	}
}
@media screen and (min-width: 415px) and (max-width: 500px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 280px;
	}	
	.big-news-section #news-slider .post.overlay-news-area .entry-header .entry-title {
		font-size: 1.5rem;
	}	
}
@media screen and (min-width: 360px) and (max-width: 415px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 237px;
	}	
	.big-news-section #news-slider .post.overlay-news-area .entry-header .entry-title {
		font-size: 1.4rem;
	}	
}
@media screen and (min-width: 300px) and (max-width: 360px) { 
    .big-news-section #news-slider .post.overlay-news-area .post-thumbnail {
		min-height: 190px;
	}	
	.big-news-section #news-slider .post.overlay-news-area .entry-header .entry-title {
		font-size: 1.2rem;
	}	
}

/*This media for hide entry-meta two in ipads, tablets*/
@media screen and (min-width: 992px) and (max-width: 1150px) { 
	.overlay-news-area .entry-header .entry-title {
		margin-bottom: 0 !important;
	}
    .overlay-news-area .entry-meta.align-self-center {
		display: none;
	}
}
.overlay-news-area .post-thumbnail .img-block {
    position: relative;
    display: block;
    overflow: hidden;
}
.overlay-news-area .post-thumbnail .img-block:before {
    content: '';
    background: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0) 70%,rgba(0,0,0,0));
}
.overlay-news-area .post-thumbnail .img-block:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    z-index: 1;
}
.overlay-news-area .post-content {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
    padding: 1.5625rem 1.25rem 0.9375rem;
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.overlay-news-area .post-thumbnail:hover .post-content {
	bottom: 7px;
}
.overlay-news-area .entry-header .entry-title {
	line-height: 1.2;
	font-weight: 700;
	margin-top: -0.25rem;
	margin-bottom: 0.938rem;
	transition: all 200ms ease-out;
}
.overlay-news-area .entry-header .entry-title a {
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
	color: #fff;
}
.overlay-news-area .entry-header .entry-title a:hover, 
.overlay-news-area .entry-header .entry-title a:focus {
	color: #fff;
}
.overlay-news-area .entry-meta a, 
.overlay-news-area .entry-meta > span i {
	color: #fff;
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
}
.overlay-news-area .entry-meta a:hover, 
.overlay-news-area .entry-meta a:focus {
	color: #fff;
}


/*--------------------------------------------------------------
=>> Grid View News Section
--------------------------------------------------------------*/

.blog-grid-view-post {
	margin: 0;
	padding: 1.563rem 0 1.25rem;
}
.grid-view-news-area .post-content {
	padding: 1.5625rem 0rem 0rem;
}
.grid-view-news-area .entry-header .entry-title {
	line-height: 1.3;
	font-weight: 700;
	margin-top: -0.25rem;
	margin-bottom: 0.938rem;
	transition: all 200ms ease-out;
}
.grid-view-news-area .entry-header .entry-title a {
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
	color: #1f2024;
}
.grid-view-news-area .entry-meta a, 
.grid-view-news-area .entry-meta > span i {
	color: #878e94;
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
}
.grid-view-news-area .entry-meta a:hover, 
.grid-view-news-area .entry-meta a:focus {
	color: #878e94;
}
.post.grid-view-news-area ul.wp-block-rss {
	list-style: disc;
}

/*--------------------------------------------------------------
=>> List View News Section
--------------------------------------------------------------*/

.blog-list-view-post {
	margin: 0;
	padding: 1.563rem 0 1.25rem;
}
.list-view-news-area .post {
	border: none;
    padding: 0;
    margin: 0 0 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.list-view-news-area .post .post-thumbnail {
    margin: 0 1.563rem 0 0;
}
.list-view-news-area .post .post-thumbnail img { 
	object-fit: cover;
	width: 100%; 
	opacity: 1; 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1000ms cubic-bezier(.215,.610,.355,1);
	-moz-transition: all 1000ms cubic-bezier(.215,.610,.355,1);
	transition: all 1000ms cubic-bezier(.215,.610,.355,1);
}
.list-view-news-area .post:hover .post-thumbnail img {
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.list-view-news-area .post .post-content {
	padding: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}
.list-view-news-area .entry-header .entry-title {
	line-height: 1.3;
	font-weight: 700;
	margin-top: -0.25rem;
	margin-bottom: 0.938rem;
	transition: all 200ms ease-out;
}
.list-view-news-area .entry-header .entry-title a {
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
	color: #1f2024;
}
.list-view-news-area .entry-meta a, 
.list-view-news-area .entry-meta > span i {
	color: #878e94;
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
}
.list-view-news-area .entry-meta a:hover, 
.list-view-news-area .entry-meta a:focus {
	color: #878e94;
}
.container-full .list-view-news-area .post .post-thumbnail {
    width: 450px;
}
.container .list-view-news-area .post .post-thumbnail {
    width: 415px;
}
@media (min-width: 991.98px) and (max-width: 1200px) {
	.container-full .list-view-news-area .post .post-thumbnail {
		width: 350px;
	}
	.container .list-view-news-area .post .post-thumbnail {
		width: 315px;
	}
}
@media (min-width: 200px) and (max-width: 991.98px) {
	.container-full .list-view-news-area .post .post-thumbnail, 
	.container .list-view-news-area .post .post-thumbnail {
		width: 100%;
		margin: 0;
	}
	
	.list-view-news-area .post {
		display: block;
	}
	.list-view-news-area .post .post-content {
		padding-top: 1.5625rem;
	}
}

/* Below News Content for All Posts*/
.post {  
	transition: all 0.3s;
	word-break: break-word;
}
.entry-content { padding-top: 0.438rem; }
.post .post-thumbnail { position: relative; overflow: hidden; margin: 0; }
.post .post-thumbnail img { 
	width: 100%; 
	opacity: 1; 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1000ms cubic-bezier(.215,.610,.355,1);
	-moz-transition: all 1000ms cubic-bezier(.215,.610,.355,1);
	transition: all 1000ms cubic-bezier(.215,.610,.355,1);
}
.post:hover .post-thumbnail img {
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}


/*--------------------------------------------------------------
=>> All Blog Posts Common Classes for Spacing
--------------------------------------------------------------*/

.mb-space-50 {
	margin-bottom: 3.125rem;
}
.mb-space-20 {
	margin-bottom: 1.25rem;
}
.post.grid-view-news-area { 
	margin-bottom: 1.875rem; 
}
.pb-space-25 {
	padding-bottom: 1.563rem;
}
.pb-space-50 {
	padding-bottom: 3.125rem;
}
@media (min-width: 200px) and (max-width: 991.98px) {
	.post.overlay-news-area { 
		margin-bottom: 1.875rem; 
	}
	.mb-space-50 {
		margin-bottom: 1.25rem;
	}
}


/*--------------------------------------------------------------
=>> Blog Meta
--------------------------------------------------------------*/

.entry-meta { font-weight: 500; font-size: 0.938rem; margin: 0 0 0.60rem; }
.entry-meta.meta-two { margin-bottom: 0; }
.entry-meta > span { color: #878e94; display: inline-block !important; margin: 0 0.938rem 0 0 !important; border: none !important; }
.entry-meta > span i { margin-right: 0.438rem; }
.entry-meta a { color: #878e94; padding: 0; display: inline-block; }
/*Meta Avatar*/
.entry-meta .avatar-default {
	width: 25px !important;
	height: 25px;
	display: inline-block !important;
	border-radius: 100%;
	object-fit: cover;
	max-width: 100%;
    border: none;
    box-shadow: none;
	margin-right: 0.438rem;
	margin-top: -0.063rem;
	transform: unset !important;
}
/*Meta Category*/
.entry-meta .cat-links a { 
	text-align: center;
	text-decoration: none;
	outline: 0; 
	line-height: 1.3; 
	transition: 0.5s; 
}
.entry-meta .cat-links .links-bg:before { 
    display: none; 
}
.entry-meta .cat-links.links-space {
	padding: 0 0.313rem;
}
.entry-meta .cat-links .links-bg {
	color: #fff;
	text-transform: uppercase;
	background: #56ca71;
	padding: 0.188rem 0.75rem;
	transform: skew(-21deg);
	font-weight: 600;
	margin: 0 0 0.25rem 0;
	border-radius: 3px;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.entry-meta .cat-links .links-bg:hover {
	box-shadow: rgba(50, 50, 93, 0.10) 0px 50px 100px -20px, rgba(0, 0, 0, 0.15) 0px 30px 60px -30px, rgba(10, 37, 64, 0.20) 0px -2px 6px 0px inset; 
	color: #fff;
}
.entry-meta .cat-links .links-bg > span {
    display: inline-block;
    transform: skew(21deg);
	border: none;
    margin: 0;
}
.entry-meta .cat-links .links-bg:nth-child(1) {
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(2) {
	background: #d40004;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(3) {
	background: #1f2024;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(4) {
	background: #56ca71;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(5) {
	background: #9c27b0;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(6) {
	background: #0263D0;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(7) {
	background: #ff184e;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(8) {
	background: #495057;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(9) {
	background: #198754;
	color: #fff;
}
.entry-meta .cat-links .links-bg:nth-child(10) {
	background: #58151c;
	color: #fff;
}
/*Meta Tags*/
.entry-meta .tag-links a {
	color: #fff;
    font-size: 0.875rem;
    display: inline-block;
    padding: 0.1875rem 0.9375rem;
    margin: 0 0.250rem 0.250rem 0;
	text-decoration: unset;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
	border-radius: 1px;
}
.entry-meta .tag-links a:hover, 
.entry-meta .tag-links a:focus {
    background-color: #1f2024;
    border: 1px solid #1f2024;
    color: #fff !important;	
}
.entry-meta .tag-links::before, 
.entry-meta .tag-links a:after { 
	display: none; 
}
.entry-meta .tag-links a:before {
	font-family: fontAwesome;
	content: "\f02b";
	padding-right: 0.313rem;
} 
/*Edit Link*/
body.page-template-fullwidth .blog-grid-view-post,
body.page-template-default .blog-grid-view-post {
	margin-bottom: 3.125rem;
}
body.page-template-fullwidth .blog-grid-view-post .post:first-child,
body.page-template-default .blog-grid-view-post .post:first-child {
	margin-bottom: 1.875rem;
}
.edit-link {
	background-color: #fff; 
	line-height: 1.4; 
	margin: 1.5rem 0 0; 
	padding: 0.25rem 0.938rem 0.25rem 0.938rem; 
	display: inline-block; 
}
.edit-link .post-edit-link { font-weight: 700; color: #1f2024; }
.edit-link .post-edit-link:hover { text-decoration: underline; }
.edit-link i.fa-edit { padding-right: 0.313rem; }
@media (max-width: 767px) {
	.edit-link {
		margin-bottom: 1.875rem; 
	}
}

/*More Link*/
.more-link {
	transition: all .3s ease !important;
    padding: 0.25rem 0.938rem 0.25rem 0.938rem;
    font-weight: bold;
	text-decoration: none !important;
	display: inline-block;
    margin: 0;
    background-color: #fff;
	color: #1f2024 !important;
	text-transform: uppercase;
    font-size: 0.9375rem;
}
.more-link:hover, .more-link:focus {
	background-color: #fff;
	letter-spacing: 1px;
}
/*Pagination*/
.pagination { margin: 0 0 1.875rem; display: block; padding: 0; text-align: center; }
.pagination a {
	background-color: #f4f4f5; 
	border: 1px solid #f1f1f1; 
	color: #1f2024;
	cursor: pointer;
	display: inline-block;
	line-height: 1.5;
	font-weight: 600;
	transition: all 0.3s ease 0s;
	font-size: 1.125rem;
	border-radius: 0px;
	margin: 0 0.063rem 0.325rem;
	padding: 0.625rem;
	vertical-align: baseline;
	white-space: nowrap;
	width: 3.125rem;
	height: 3.125rem;
}
.pagination a:hover, .pagination a.active { color: #fff; }
.pagination .nav-links .page-numbers.current { color: #fff; }
.navigation.pagination .nav-links .page-numbers, 
.navigation.pagination .nav-links a {
	border: 1px solid #f1f1f1; 
	cursor: pointer;
	display: inline-block;
	line-height: 1.5;
	font-weight: 600;
	transition: all 0.3s ease 0s;
	font-size: 1.125rem;
	border-radius: 0px;
	margin: 0 0.063rem 0.325rem;
	padding: 0.625rem;
	vertical-align: baseline;
	white-space: nowrap;
	width: 3.125rem;
	height: 3.125rem;
}


/*--------------------------------------------------------------
=>> Blog Single
--------------------------------------------------------------*/

.entry-content a {
	text-decoration: underline;
	text-underline-offset: 0.3rem;
	outline: none;
	font-weight: 600;
}
.entry-content a:hover, 
.entry-content a:focus {
	text-decoration-style: dotted;
}
.single-news-area {
	padding-top: 30px;
}
.single-news-area .post .post-thumbnail {
	padding-top: 0.9375rem;
}
.single-news-area .sidebar .post .post-thumbnail {
	padding-top: 0;
}
/*Blog Author*/
.post-author-area {
	background-color: #f4f4f5;
	border: 1px solid #f4f4f5;
    border-radius: 1px;
    transition: all 0.5s;
    padding: 1.563rem 1.375rem 2.000rem; 
	border: none;
    margin: 0 0 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.post-author-area .avatar { 
	margin: 0 1.875rem 0 0; 
	height: 9.375rem; 
	width: 9.375rem; 
	position: relative; 
	overflow: hidden; 
}	
.post-author-area .author-content {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.post-author-area .author-content .author-name { 
	margin-bottom: 0.938rem; 
}
.post-author-area .custom-social-icons { 
	padding: 0; 
}
.post-author-area .custom-social-icons li {
    padding: 0 0.3125rem 0.1875rem 0;
}
@media (max-width: 768px) {
	.post-author-area .custom-social-icons {
		text-align: left;
	}
}
.post-author-area .author-content .author-name a { 
	text-decoration: underline 0.1em transparent;
    transition: text-decoration-color 300ms;
}
.post-author-area .author-content p a { 
	text-decoration: underline 0.1em transparent;
    transition: text-decoration-color 300ms;
}

/*Related Posts*/
.related-posts .post.grid-view-news-area .post-thumbnail {
	padding-top: 0;
}
/*Comments*/
.theme-comment-area { 
	background-color: #ffffff; 
	margin: 0 0 3rem;
	padding: 0; 
}
.comment-box { 
	margin: 0; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;  
}
.comment-avatar { 
	margin-right: 1.875rem; 
	position: relative;
	overflow: hidden; 
	width: 5.3125rem; 
	height: 5.3125rem; 
	border-radius: 50%!important; 
}
.comment-content-area {     
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.comment-detail {
	border-bottom: 1px solid #ebebeb;
	margin: 0 0 2.000rem;
	padding-bottom: 1.25rem; 
}
.comment-detail-title { margin: 0 0 0.625rem; }
.comment-date { font-size: 0.875rem; color: #878e94; font-weight: 400; margin-left: 1.25rem; }
.reply a {
	background-color: #fff;
    color: #1f2024;	
	display: inline-block;
    padding: 0.063rem 0.75rem 0.063rem 0.75rem;
    font-weight: 600;
    margin: 0;
    font-size: 0.9375rem;
	transition: 0.3s ease-in-out 0s;
}
.reply a:hover, .reply a:focus { 
	background-color: #fff;
	letter-spacing: 1px;
}
h3.comment-reply-title { font-size: unset; }
/*Comment Form*/
.comment-form { margin-bottom: 3.125rem; }
.comment-form label {
    display: inline-block;
}
.comment-form .required, 
.comment-form .required-field-message, 
.comment-form .required-field-message .required {
    display: inline-block;
	border: none;
	margin: 0;
}
.logged-in-as {
	margin-bottom: 1.5rem;
}
.logged-in-as a {
    transition: text-decoration-color 300ms;
    color: #1f2024;
	font-weight: 600;
}

/*--------------------------------------------------------------
=>> Owl Slider Next - Prev Buttons
--------------------------------------------------------------*/

#news-slider.owl-carousel .owl-prev, 
#news-slider.owl-carousel .owl-next { 
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.1); 
	border: 1px solid #fff;
	opacity: 0.3;
	color: #fff; 
	font-size: 1.000rem; 
	line-height: 1.7;  
	padding: 0 !important;
	margin: 0px;
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	border-radius: 1px;
	position: absolute;
    top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
	text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#news-slider.owl-carousel .owl-prev { 
	right: 45px; 
} 
#news-slider.owl-carousel:hover .owl-prev,
#news-slider.owl-carousel:hover .owl-next { 
	opacity: 1; 
}
#news-slider.owl-carousel .owl-prev:hover, 
#news-slider.owl-carousel .owl-prev:focus, 
#news-slider.owl-carousel .owl-next:hover, 
#news-slider.owl-carousel .owl-next:focus { 
	background-color: rgba(0, 0, 0, 0.2); 
	color: #fff;
}


/*--------------------------------------------------------------
=>> Mixed Classes
--------------------------------------------------------------*/

.bg-white { background-color: #fff !important; }
.bg-grey { background-color: #f0f1f3 !important; }
.text-dark { color: #1f2024 !important; }
.text-grey { color: #878e94 !important; }
@media (min-width: 768px) { 
	.s-l-space { padding-left: 0.625rem; } 
	.s-r-space { padding-right: 0.625rem; } 
	.w-9 { width: 90%; } 
}


/*--------------------------------------------------------------
=>> Theme Breadcrumb Area
--------------------------------------------------------------*/

body.search .theme-blog  {
	padding-top: 1.875rem;
}
#wrapper.bg-grey .page-breadcrumb { 
	background-color: #fff;
}
.theme-breadcrumb-area {
	background-color: transparent;
	margin: 1.875rem auto 0;
}
.page-breadcrumb { 
	background-color: #f4f4f5;
    border: 1px solid #ebebeb;
	list-style: none; 
	margin: 0; 
	padding: 0.438rem 0.938rem; 
	line-height: 1.5;
	font-size: 0.9375rem;
	font-weight: 500;
}
.page-breadcrumb > li { 
	color: #fff; 
	display: inline-block; 
}
.page-breadcrumb > li + li:before { 
	color: #999;
    font-family: fontAwesome;
    content: "\f054";
    padding: 0 0.625rem 0 0.425rem;
    font-size: 0.6875rem;
	vertical-align: middle;
}
@media (max-width: 768px) {
	.page-header-title, 
	.page-breadcrumb.text-right {
		text-align: center !important;
	}		
}

/*--------------------------------------------------------------
=>> Sidebar Widgets
--------------------------------------------------------------*/

.sidebar { padding-left: 0.625rem; }
.sidebar-space-control .sidebar {
	padding-left: 0;
	padding-right: 0.625rem;
}
@media (max-width: 768px){
	.sidebar { padding-left: 0; }
	.sidebar-space-control .sidebar {
		padding-left: 0;
		padding-right: 0;
	}
}
.sidebar .widget { 
	background-color: #fff;
	border: 1px solid #ebebeb;
	padding: 0.938rem 0.75rem;
	margin: 0 0 3.125rem;
}
.widget { 
	color: #767676; 
}
/*Widget Title*/
.widget span {
    position: relative;
	display: block;
	border: 1px solid #ebebeb;
	padding: 0;
	margin: 0 0 1.875rem;
}
.widget .wp-block-heading {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	padding: 0.313rem 1.25rem;
	margin: 0 0 1.875rem;
	position: relative;
}
.widget .wp-block-heading:before {
	content: "";
	position: absolute;
	right: -15px;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.widget:nth-child(1) .wp-block-heading {
	background-color: #ff5d20;
}
.widget:nth-child(1) .wp-block-heading:before {
	border-left: 15px solid #ff5d20;
}
.widget:nth-child(2) .wp-block-heading {
	background-color: #ff184e;
}
.widget:nth-child(2) .wp-block-heading:before {
	border-left: 15px solid #ff184e;
}
.widget:nth-child(3) .wp-block-heading {
	background-color: #1f2024;
}
.widget:nth-child(3) .wp-block-heading:before {
	border-left: 15px solid #1f2024;
}
.widget:nth-child(4) .wp-block-heading {
	background-color: #0263D0;
}
.widget:nth-child(4) .wp-block-heading:before {
	border-left: 15px solid #0263D0;
}
.widget:nth-child(5) .wp-block-heading {
	background-color: #56ca71;
}
.widget:nth-child(5) .wp-block-heading:before {
	border-left: 15px solid #56ca71;
}
.widget:nth-child(6) .wp-block-heading {
	background-color: #d40004;
}
.widget:nth-child(6) .wp-block-heading:before {
	border-left: 15px solid #d40004;
}
.widget:nth-child(7) .wp-block-heading {
	background-color: #0e98d6;
}
.widget:nth-child(7) .wp-block-heading:before {
	border-left: 15px solid #0e98d6;
}
.widget:nth-child(8) .wp-block-heading {
	background-color: #6610f2;
}
.widget:nth-child(8) .wp-block-heading:before {
	border-left: 15px solid #6610f2;
}
.widget:nth-child(9) .wp-block-heading {
	background-color: #224B7A;
}
.widget:nth-child(9) .wp-block-heading:before {
	border-left: 15px solid #224B7A;
}
.widget:nth-child(10) .wp-block-heading {
	background-color: #1AB7EA;
}
.widget:nth-child(10) .wp-block-heading:before {
	border-left: 15px solid #1AB7EA;
}
.widget:nth-child(11) .wp-block-heading {
	background-color: #4267B2;
}
.widget:nth-child(11) .wp-block-heading:before {
	border-left: 15px solid #4267B2;
}
.widget:nth-child(12) .wp-block-heading {
	background-color: #00AB6C;
}
.widget:nth-child(12) .wp-block-heading:before {
	border-left: 15px solid #00AB6C;
}
.widget:nth-child(13) .wp-block-heading {
	background-color: #13171e;
}
.widget:nth-child(13) .wp-block-heading:before {
	border-left: 15px solid #13171e;
}
.widget:nth-child(14) .wp-block-heading {
	background-color: #C53181;
}
.widget:nth-child(14) .wp-block-heading:before {
	border-left: 15px solid #C53181;
}
.widget:nth-child(15) .wp-block-heading {
	background-color: #664d03;
}
.widget:nth-child(15) .wp-block-heading:before {
	border-left: 15px solid #664d03;
}
.widget:nth-child(n+16) .wp-block-heading {
	background-color: #1f2024;
}
.widget:nth-child(n+16) .wp-block-heading:before {
	border-left: 15px solid #1f2024;
}
/*Latest Posts Widget*/
.widget .wp-block-latest-posts {
	list-style: none;
    margin: 0;
	padding: 0;
}
.widget .wp-block-latest-posts li {
    padding-left: 0px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
	font-weight: 600;
}
.widget .wp-block-latest-posts li:first-child {
    padding-top: 0;
}
.widget .wp-block-latest-posts li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.widget .wp-block-latest-posts li a {
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
	color: #1f2024;
	overflow: hidden;
	position: relative;
}
/*List View Post Widget*/
.list-view-post-widget .post {
    border: none;
    background-color: #ffffff;
	padding-top: 0.938rem;
	padding-bottom: 0.938rem;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	border-bottom: 1px solid #f1f1f1;
}
.list-view-post-widget .post:first-child {
    padding-top: 0;
}
.list-view-post-widget .post:last-child {
    padding-bottom: 0;
	border-bottom: none;
}
.list-view-post-widget .post .post-thumbnail {
    width: 100px;
	position: relative;
    overflow: hidden;
    margin: 0 1.563rem 0 0;
}
.list-view-post-widget .post .post-thumbnail img { 
	object-fit: cover;
	width: 100%; 
	opacity: 1; 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 1000ms cubic-bezier(.215,.610,.355,1);
	-moz-transition: all 1000ms cubic-bezier(.215,.610,.355,1);
	transition: all 1000ms cubic-bezier(.215,.610,.355,1);
}
.list-view-post-widget .post:hover .post-thumbnail img {
	-webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.list-view-post-widget .post .post-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	padding: 0;
	overflow: hidden;
}
.list-view-post-widget .post .entry-header .entry-title {
    line-height: 1.4;
    font-weight: 700;
    margin-top: -0.25rem;
    margin-bottom: 0.313rem;
    transition: all 200ms ease-out;
}
.list-view-post-widget .post .entry-header .entry-title a {
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
	color: #1f2024;
}
.list-view-post-widget .post .entry-meta {
	margin-bottom: 0;
}
.list-view-post-widget .post .entry-meta .posted-on {
	border: none;
	margin: 0;
}
.list-view-post-widget .post .entry-meta .posted-on a, 
.list-view-post-widget .post .entry-meta .posted-on > span i {
	color: #878e94;
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
}
.list-view-post-widget .post .entry-meta .posted-on a:hover, 
.list-view-post-widget .post .entry-meta .posted-on a:focus {
	color: #878e94;
}
/*Recent Widget*/
.widget_recent_entries a { 
	font-weight: 600;
}
.widget_recent_entries .post-date {
	font-size: 0.938rem;
	display: block;	
}
/*Paragraph Links in Widgets*/
.widget p a {
	text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
    font-weight: 600;
}
.widget p a:hover, 
.widget p a:focus {
	text-decoration-style: dotted;
}
/*Mixed Widget for All Sidebar*/
.widget .wp-block-archives-list,
.widget .wp-block-categories-list,
.widget .widget_meta ul,
.widget.widget_meta ul, 
.widget .wp-block-latest-comments,
.widget .wp-block-rss {
	list-style: none;
	margin-left: 0;
	margin-bottom: 0;
}
.widget .wp-block-archives-list li,
.widget .wp-block-categories-list li,
.widget .wp-block-page-list li, 
.widget .widget_meta ul li, 
.widget.widget_meta ul li,
.widget .wp-block-latest-comments li, 
.widget .wp-block-rss li {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #f1f1f1;
	margin-bottom: 0;
	font-weight: 600;
}
.widget .wp-block-archives-list li:first-child,
.widget .wp-block-categories-list li:first-child,
.widget .wp-block-page-list li:first-child, 
.widget .widget_meta ul li:first-child, 
.widget.widget_meta ul li:first-child, 
.widget .wp-block-latest-comments li:first-child, 
.widget .wp-block-rss li:first-child {
    padding-top: 0;
}
.widget .wp-block-archives-list li:last-child,
.widget .wp-block-categories-list li:last-child,
.widget .wp-block-page-list li:last-child, 
.widget .widget_meta ul li:last-child, 
.widget.widget_meta ul li:last-child, 
.widget .wp-block-latest-comments li:last-child, 
.widget .wp-block-rss li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.widget .wp-block-archives-list li a,
.widget .wp-block-categories-list li a,
.widget .wp-block-page-list li a, 
.widget .widget_meta ul li a, 
.widget.widget_meta ul li a, 
.widget .wp-block-latest-comments li a, 
.widget .wp-block-rss li a {
    text-decoration: underline 0.1em transparent;
    transition: text-decoration-color 300ms;
}
.widget .wp-block-latest-comments li .wp-block-latest-comments__comment-meta {
	margin-left: 0;
}
/*Navigation Menu Widget*/
.widget ul.menu {
	margin-left: 0;
	margin-bottom: 0;
	font-weight: 600;
}
.widget ul.menu, 
.widget ul.menu li.menu-item ul.sub-menu {
	list-style: none;
}
.widget ul.menu li.menu-item {
	padding-top: 0.325rem;
    padding-bottom: 0.325rem;
}
.widget ul.menu li.menu-item a {
	padding-top: 0.325rem;
    padding-bottom: 0.325rem;
	text-decoration: underline 0.1em transparent;
    transition: text-decoration-color 300ms;
}
/*Tags Widget*/
.widget .wp-block-tag-cloud a {
	color: #fff;
    font-size: 0.875rem !important;
    display: inline-block;
    padding: 0.1375rem 0.9375rem;
    margin: 0 0.25rem 0.25rem 0;
    text-decoration: unset;
    border-radius: 10px 0px 10px 0px;
}
.widget .wp-block-tag-cloud a:hover, 
.widget .wp-block-tag-cloud a:focus {
	background-color: #1f2024;
    border: 1px solid #1f2024;
    color: #fff;
}
.widget .wp-block-tag-cloud a:before {
    font-family: fontAwesome;
    content: "\f02b";
    padding-right: 0.313rem;
}
/*Search Widget*/
.widget .wp-block-search {
    margin-bottom: 0;
}
.widget .wp-block-search .wp-block-search__inside-wrapper {
    border: 1px solid transparent;
	display: block;
}
.widget  .wp-block-search .wp-block-search__input {
    margin-bottom: 0.625rem;
}
.widget .wp-block-search .wp-block-search__button, 
.widget .wp-block-search button[type="submit"] {
	padding: 0.75rem 1.25rem;
	margin-left: 0; 
    min-height: 50px;
	display: block;
    width: 100%;
}
.widget .wp-block-search .wp-block-search__button:hover, 
.widget .wp-block-search button[type="submit"]:hover { 
	letter-spacing: 1px;
}
.widget .wp-block-search .wp-block-search__label {
    background-color: #6610f2;
    color: #fff;
    text-transform: uppercase;
	font-size: 1.375rem;
	line-height: 1.5;
    font-weight: 700;
    display: inline-block;
    padding: 0.313rem 1.25rem;
    margin: 0 0 1.875rem;
    position: relative;
	width: auto;
}
.widget .wp-block-search .wp-block-search__label:before {
    border-left: 15px solid #6610f2;
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
/*Calendar Widget*/
.widget .wp-block-calendar {
	padding: 0.438rem;
	background-color: #fff;
}
.widget .wp-block-calendar table:where(:not(.has-text-color)) td, 
.widget .wp-block-calendar table:where(:not(.has-text-color)) th {
	border-color: #f1f1f1;
}
.widget .wp-block-calendar table:where(:not(.has-text-color)) th {
	background: #f1f1f1;
	color: #1f2024;
	text-align: center;
	font-weight: 600;
}
.widget .wp-block-calendar table:where(:not(.has-text-color)) {
	color: #1f2024;
}
.widget .wp-block-calendar .wp-calendar-nav-prev, 
.widget .wp-block-calendar .wp-calendar-nav-next, 
.widget .wp-block-calendar .pad {
	border: none;
	margin: 0;
	display: inline-block;
}
/*Pullquote Widget*/
.widget .wp-block-pullquote {
	padding: 0;
	margin-bottom: 0;
}
.widget .wp-block-pullquote blockquote {
	color: #1f2024;
	margin-bottom: 0;
}
/*Table Widget*/
.widget .wp-block-table .wp-element-caption {
    color: #ffffff;
    font-weight: 600;
	padding: 0.313rem 0.625rem;
}
.widget .wp-block-table, 
.widget .wp-block-table table {
	margin-bottom: 0;
}
.widget .wp-block-table th {
	border: 1px solid #f1f1f1;
	color: #1f2024;
	padding: 0.313rem 0.625rem;
}
.widget .wp-block-table td {
	border: 1px solid #f1f1f1;
	color: #767676;
	padding: 0.313rem 0.625rem;
}
.widget .wp-block-table td a {
	text-decoration: underline 0.1em transparent;
    transition: text-decoration-color 300ms;
}
/*Details Widget*/
.widget .wp-block-details {
    padding: 0.5rem;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    color: #1f2024;
    border-radius: 3px;
}
.widget .wp-block-details summary {
    font-weight: 600;
}
.widget .wp-block-details p {
    padding-top: 0.625rem;
	margin-top: 0.625rem;
    border-top: 1px solid #f1f1f1;
	color: #767676;
}
/*Social Links Widget*/
.widget .wp-block-social-links {
	margin-bottom: 0;
}
/*Verse Widget*/
.widget .wp-block-verse {
	margin-bottom: 0;
}
/*Preformatted Widget*/
.widget .wp-block-preformatted {
	margin-bottom: 0;
}
/*Code Widget*/
.widget .wp-block-code {
	margin-bottom: 0;
}
/*Quote Widget*/
.widget .wp-block-quote{
	margin-bottom: 0;
}
/*Image Widget*/
.widget .wp-block-image, 
.widget .wp-block-image .wp-element-caption {
	margin-bottom: 0;
}
/*Gallery Widget*/
.widget .wp-block-gallery {
	margin-bottom: 0;
}
/*Audio Widget*/
.widget .wp-block-audio {
	margin-bottom: 0;
}
/*File Widget*/
.widget .wp-block-file {
	margin-bottom: 0;
}
/*Media & Text Widget*/
.widget .wp-block-media-text {
	margin-bottom: 0;
}
/*WP Block Group Widget*/
.widget .wp-block-group {
	margin-bottom: 0;
}
/*WP Block Calendar Widget*/
.widget .wp-block-calendar {
    margin-bottom: 0;
}
/*WP Block Avatar*/
.widget .wp-block-avatar {
    margin-bottom: 0;
}
/*WP Block Buttons*/
.widget .wp-block-buttons {
    margin-bottom: 0;
}
/*Video Widget*/
.widget .wp-block-embed, 
.widget .wp-block-embed .wp-element-caption {
	margin-bottom: 0;
} 
.wp-block-embed embed, 
.wp-block-embed object, 
iframe {
    max-width: 100%;
}
.wp-block-embed .wp-element-caption a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
    font-weight: 600;
}
/*Looged-in-color*/
.logged-in-color {
    margin: 0 0 3.125rem;
    transition: all 0.5s;
}
.logged-in-color a {
	color: #1f2024;
    font-weight: 600;
}
/*wp block buttons*/
.wp-block-buttons, 
.wp-block-button {
	margin-bottom: 1.5rem;
}
.wp-block-button .wp-block-button__link {
    color: #fff;
    font-weight: 600;
    -webkit-transition: 0.3s ease-in-out 0s;
    transition: 0.3s ease-in-out 0s;
	text-decoration: none;
}
.wp-block-button .wp-block-button__link:hover, 
.wp-block-button .wp-block-button__link:focus {
	background-color: #1f2024;
	color: #fff;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	color: #1f2024;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, 
.wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: #1f2024;
	color: #fff;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
	color: #fff;
}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover, 
.wp-block-buttons .wp-block-button .wp-block-button__link:focus {
	background-color: #1f2024;
	color: #fff;
}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
	color: #1f2024;
}
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover, 
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus {
	background-color: #1f2024;
	color: #fff;
}
.wp-block-button > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}
.wp-block-button.aligncenter {
    text-align: center;
}
.post-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}
.post-content .alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}
.post-content .alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}
#attachment_906, 
#attachment_907 {
	width: fit-content !important;
}
#attachment_906 {
	margin-bottom: 1.5rem;
}
p .wp-image-827 { float: none !important; }
/*wp block post template*/
.wp-block-post-template {
	margin-left: 0;
}
.wp-block-post-template .wp-block-post {
	margin-bottom: 1.5rem;
	display: block;
}
/*wp block query pagination*/
.wp-block-query-pagination {
	margin-bottom: 1.5rem;
}
/*wp block avatar*/
.wp-block-avatar {
	margin-bottom: 1.5rem;
}
.wp-block-avatar, 
.wp-block-avatar img {
	border-radius: 50%;
}
/*wp block post excerpt*/
.wp-block-post-excerpt {
	margin-bottom: 1.5rem;
} 
/*wp block post featured image*/
.wp-block-post-featured-image {
	margin-bottom: 1.5rem;
} 
/*wp block post author*/
.wp-block-post-author {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 1.5rem;
}
.wp-block-post-author .wp-block-post-author__avatar {
    margin-right: 1rem;
}
/*wp block post date*/
.wp-block-post-date {
	margin-bottom: 1.5rem;
}
/*wp block post terms*/
.wp-block-post-terms {
	margin-bottom: 1.5rem;
}
.wp-block-post-terms .wp-block-post-terms__separator {
	display: inline-block;
    border: none;
	margin: 0;
}
/*post navigation link*/
.post-navigation-link-next, 
.post-navigation-link-previus {
	margin-bottom: 1.5rem;
}
/*wp block comments*/
.wp-block-comments {
	margin: 0 0 3rem;
}
.wp-block-comments .wp-block-comment-template .comment {
	margin-bottom: 1.5rem;
}
.wp-block-comments .wp-block-comment-template .comment .wp-block-columns .wp-block-comment-author-name a {
	color: #1f2024;
	font-style: normal;
    font-weight: 600;
}
.wp-block-comments .wp-block-comment-content {
	margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
/*wp block post comments form*/
.wp-block-post-comments-form .comment-reply-title {
	font-size: 2.125rem;
}
/*wp block latest comments*/
.wp-block-latest-comments .avatar, 
.wp-block-latest-comments__comment-avatar {
    border-radius: 50%;
}
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
    font-size: 0.875rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author, 
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link {
	text-decoration: none;
	color: #1f2024;
	font-weight: 600;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author:hover, 
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link:hover {
	text-decoration: underline;
}
/*wp block posts*/
.wp-block-latest-posts li {
    padding-bottom: 1rem;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date {
    padding-top: 0.525rem;
}

/*wp block columns*/
.wp-block-columns {
	margin-bottom: 1.5rem;
}
/*wp block group*/
.wp-block-group { 
	margin-bottom: 1.5rem; 
}
/*wp block image*/
.wp-block-image { 
	margin-bottom: 1.5rem; 
}
/*wp block gallery*/
.wp-block-gallery { 
	margin-bottom: 1.5rem; 
}
/*wp block audio*/
.wp-block-audio { 
	margin-bottom: 1.5rem; 
}
/*block gallery grid*/
.is-layout-constrained > .alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}
.wp-block-spacer {
    clear: both;
}
/*wp block cover*/
.wp-block-cover {
	margin-bottom: 1.5rem;
}
/*wp block file*/
.wp-block-file {
	margin-bottom: 1.5rem;
}
.wp-block-file .wp-block-file__button {
	background-color: #1f2024;
	padding: 0.55rem 0.938rem 0.55rem 0.938rem;
	border-radius: 2px;
	font-weight: 600;
	color: #fff;
	margin-left: .75rem;
	text-decoration: none;
}
.wp-block-file .wp-block-file__button:hover {
	background-color: #313234;
	color: #fff;
}
/*wp block media text*/
.wp-block-media-text {
	margin-bottom: 1.5rem;
}
/*wp block video*/
.wp-block-video {
	margin-bottom: 1.5rem;
}
/*wp block search*/
.wp-block-search {
	margin-bottom: 1.5rem;
}
.wp-block-search .wp-block-search__inside-wrapper {
	border: 1px solid #ebebeb;
}
/*wp block column*/
.widget .wp-block-columns {
	margin-bottom: 0;
}
:root .has-very-light-gray-color {
    color: #eee;
}
.has-background {
    padding: 1.25rem 2.375rem;
}
/*wp block archives*/
.wp-block-archives {
	margin-bottom: 1.5rem;
}
.wp-block-archives li {
	padding-bottom: 0.625rem;
}
/*wp block calendar*/
.wp-block-calendar {
	margin-bottom: 1.5rem;
}
.wp-block-calendar .wp-calendar-table {
	margin-bottom: 0;
}
.wp-block-calendar th {
    font-weight: 600;
	text-align: center;
}
/*wp block categories*/
.wp-block-categories {
	margin-bottom: 1.5rem;
}
/*wp block latest posts*/
.wp-block-latest-posts__post-author, 
.wp-block-latest-posts__post-date {
    display: block;
}
/*wp block separator*/
.wp-block-separator {
	border-top: 2px solid #ebebeb;
}
/*wp block table*/
.wp-block-table {
	margin-bottom: 1.5rem;
}
.wp-block-table table {
	margin-bottom: 0;
}
/*wp block pullquote*/
.wp-block-pullquote {
	margin-bottom: 1.5rem;
}
/*wp block read more*/
.wp-block-read-more {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
    font-weight: 600;
}
.wp-block-read-more:hover, 
.wp-block-read-more:focus {
	text-decoration-style: dotted;
}
/*wp block loginout*/
.wp-block-loginout a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
    font-weight: 600;
}
.wp-block-loginout a:hover, 
.wp-block-loginout a:focus {
	text-decoration-style: dotted;
}


/*--------------------------------------------------------------
=>> Multi News Layout Section Widgets
--------------------------------------------------------------*/

.multi-news-layout-section {
	padding: 1.563rem 0 0;
}

/*--------------------------------------------------------------
=>> Footer Section & Widgets
--------------------------------------------------------------*/

.site-footer {
	margin: 0;
	padding: 0;
	position: relative;	
}
.site-footer-overlay::before {	
	background-color: #13171e;
	content: "";
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
    bottom: 0;
	height: 100%;
    width: 100%;
    z-index: 0;
}
.footer-sidebar { padding: 4.125rem 0 2.25rem; color: #e0e0e0; }
.footer-sidebar .widget { position: relative; padding-bottom: 1.875rem; }
.footer-sidebar .widget .wp-block-heading {
	background-color: transparent;
    color: #fff !important;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    padding: 0;
    margin: 0 0 1.875rem;
    position: relative;
	letter-spacing: 1px;
}
.footer-sidebar .widget .wp-block-heading::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 4px;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: block;
    border-left: none;
    right: auto;
    transform: unset;
    border-top: none;
    border-bottom: none;
}
/*Address*/
.footer-sidebar .widget address { margin-bottom: 0; }
.footer-sidebar .widget address a { color: #e0e0e0; }
/*List View Post Widget*/
.footer-sidebar .list-view-post-widget .post {
    background-color: transparent;
}
.footer-sidebar .list-view-post-widget .post {
	border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}
.footer-sidebar .list-view-post-widget .post:last-child {
	border-bottom: none;
}
.footer-sidebar .list-view-post-widget .post .entry-header .entry-title a {
	color: #e0e0e0;
}
.footer-sidebar .list-view-post-widget .post .entry-meta .posted-on a, 
.footer-sidebar .list-view-post-widget .post .entry-meta .posted-on > span i {
	color: #bec3c7;
}
/*Recent Posts Widget*/
.footer-sidebar .widget .wp-block-latest-posts {
	list-style: none;
    margin: 0;
	padding: 0;
}
.footer-sidebar .widget .wp-block-latest-posts li {
    border-bottom: none;
	padding-left: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
	font-weight: 600;
}
.footer-sidebar .widget .wp-block-latest-posts li:first-child {
    padding-top: 0;
}
.footer-sidebar .widget .wp-block-latest-posts li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}
.footer-sidebar .widget .wp-block-latest-posts li a {
	text-decoration: underline 0.10em transparent;
	transition: text-decoration-color 300ms;
	color: #e0e0e0;
	overflow: hidden;
	position: relative;
}
/*subscribe-newsletter*/
.subscribe-area .form-control { 
	padding: 0.75rem 1.25rem;
	min-height: 50px;
	background: transparent;
	border: 1px solid rgba(184, 184, 184, 0.25) !important; 
	margin-bottom: 0.625rem;	
	color: #a5a8ad;
}
.subscribe-area .btn-subscribe { 
	color: #fff;
	padding: 0.75rem 1.25rem; 
	min-height: 50px; 
	border-radius: 0; 
	display: block;
	width: 100%; 
}
.subscribe-area .btn-subscribe:hover { 
	background: transparent;
	color: #fff;
}	
.subscribe-area .form-control:focus {
	color: #a5a8ad;
}
.subscribe-area .form-control::-webkit-input-placeholder { color: #a5a8ad; }
.subscribe-area .form-control::-moz-placeholder { color: #a5a8ad; }
.subscribe-area .form-control:-ms-input-placeholder { color: #a5a8ad; }
	
/*Search Widget*/
.footer-sidebar .widget .wp-block-search .wp-block-search__label {
	text-transform: capitalize;
    background-color: transparent;
	font-weight: 600;
    padding: 0;
}
.footer-sidebar .widget .wp-block-search .wp-block-search__label:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 4px;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: block;
    border-left: none;
    right: auto;
    transform: unset;
    border-top: none;
    border-bottom: none;
}		
/*Mixed Widget for Footer Sidebar*/
.footer-sidebar .widget table th {
    border: 1px solid rgba(255, 255, 255, 0.102);
}
.footer-sidebar .widget .wp-block-calendar {
	background-color: transparent;
} 
.footer-sidebar .widget table, 
.footer-sidebar .widget blockquote, 
.footer-sidebar .widget .wp-block-details, 
.footer-sidebar .widget pre,  
.footer-sidebar .widget .wp-block-calendar th {
    background-color: rgb(109 102 102 / 10%);
}
.footer-sidebar .widget td, 
.footer-sidebar .widget .wp-block-details, 
.footer-sidebar .widget .wp-block-calendar th, 
.footer-sidebar .widget .wp-block-calendar td {
	border: 1px solid rgba(255, 255, 255, 0.102);
}
.footer-sidebar .widget, 
.footer-sidebar .widget h1, 
.footer-sidebar .widget h2, 
.footer-sidebar .widget h3, 
.footer-sidebar .widget h4, 
.footer-sidebar .widget h5, 
.footer-sidebar .widget h6, 
.footer-sidebar .widget label, 
.footer-sidebar .widget th, 
.footer-sidebar .widget td, 
.footer-sidebar .widget td a, 
.footer-sidebar .widget .wp-element-caption, 
.footer-sidebar .widget blockquote, 
.footer-sidebar .widget blockquote cite, 
.footer-sidebar .widget details, 
.footer-sidebar .widget details p, 
.footer-sidebar .widget pre {
	color: #e0e0e0 !important;
}
.footer-sidebar .widget .wp-block-archives-list li, 
.footer-sidebar .widget .wp-block-categories-list li, 
.footer-sidebar .widget .wp-block-page-list li, 
.footer-sidebar .widget .widget_meta ul li, 
.footer-sidebar .widget.widget_meta ul li, 
.footer-sidebar .widget .wp-block-latest-comments li, 
.footer-sidebar .widget .wp-block-rss li {
    border-bottom: none;
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.footer-sidebar .widget .wp-block-archives-list li a,
.footer-sidebar .widget .wp-block-categories-list li a,
.footer-sidebar .widget .wp-block-page-list li a, 
.footer-sidebar .widget .widget_meta ul li a, 
.footer-sidebar .widget.widget_meta ul li a, 
.footer-sidebar .widget .wp-block-latest-comments li a, 
.footer-sidebar .widget .wp-block-rss li a, 
.footer-sidebar .widget ul.menu li.menu-item a, 
.footer-sidebar .widget .wp-block-read-more, 
.footer-sidebar .widget .wp-block-file a, 
.footer-sidebar .widget .wp-block-loginout a {
    color: #e0e0e0;
}
.footer-sidebar .widget .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg > path {
  fill: #e0e0e0; 
}
.footer-sidebar .widget .wp-block-media-text .wp-block-media-text__content a {
	text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
} 
.footer-sidebar .widget .wp-block-media-text .wp-block-media-text__content a:hover, 
.footer-sidebar .widget .wp-block-media-text .wp-block-media-text__content a:focus {
    text-decoration-style: dotted;
}
.footer-sidebar .widget .wp-block-embed .wp-element-caption a {
	text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
} 
.footer-sidebar .widget .wp-block-embed .wp-element-caption a:hover, 
.footer-sidebar .widget .wp-block-embed .wp-element-caption a:focus {
    text-decoration-style: dotted;
}
.footer-sidebar .widget #searchform.input-group .btn {
    color: #fff;
}
.footer-sidebar .widget #searchform.input-group .btn:hover {
	background-color: #eeeeee;
	border: 2px solid #eeeeee;
    color: #1f2024;
}
.footer-sidebar .widget .wp-block-file .wp-block-file__button {
	color: #fff;
}
.footer-sidebar .widget ul li a {
	color: #e0e0e0;
}


/*--------------------------------------------------------------
=>> Footer Copyrights - Site Info - Footer Menu
--------------------------------------------------------------*/

.site-info-border {
	border-top: 1px solid rgb(165 159 159 / 10%);
	position: relative;
}
.site-info { background-color: transparent; color: #e0e0e0; position: relative; font-size: 1rem; line-height: 1.8; padding: 22px 0; }

.site-info a { 
	text-decoration: underline 0.1em transparent;
	transition: text-decoration-color 300ms; 
}

ul.site-info-menu {
    display: flex;
    justify-content: end;
	padding: 1.063rem 0;
	margin: 0;
	list-style: none;
}
ul.site-info-menu li {
    margin: 0;
	position: relative;
}
ul.site-info-menu li a {
	font-size: 1rem;
    line-height: 1.8;
    padding-left: 30px;
    position: relative;
    padding: 0.313rem 0.063rem 0.313rem 1.563rem;
    display: inline-block;
	color: #e0e0e0;
	text-decoration: underline 0.1em transparent;
	transition: text-decoration-color 300ms; 
}

@media (max-width: 768px) {  
	.site-info { text-align: center; }
	ul.site-info-menu { justify-content: center; padding-top: 0; }
	ul.site-info-menu li a {
		padding: 0.313rem 0.75rem 0.313rem 0.75rem;
	}
}


/*--------------------------------------------------------------
=>> Page Title Section
--------------------------------------------------------------*/

.page-title-section { 
	background: #17212c url("../images/page-title.jpg");
	background-attachment: scroll;
	background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative; 
	padding: 7.875rem 0; 
	width: 100%; 
	height: 100%; 
}
.page-title-section:after {
    content: '';
    position: absolute;
    bottom: -49px;
    left: 0;
    right: 0;
    height: 49px;
    background: url("../images/shadow.png") no-repeat;
    z-index: 1;
    background-position: center bottom;
}
.page-title-section .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}
.page-title { position: relative; word-wrap: break-word; }
.page-title h1 { font-size: 2.625rem; margin: 0; }


/*--------------------------------------------------------------
=>> Sponsors Section
--------------------------------------------------------------*/

.sponsored-news-section .news-section-title .f-heading {
	background-color: #ff5d20;
}
.sponsored-news-section .news-section-title .f-heading:before {
    border-left: 15px solid #ff5d20;
}


/*--------------------------------------------------------------
=>> 404 Error Page
--------------------------------------------------------------*/

.theme-error-page { padding: 3rem 0 8rem; }
.theme-error-page .title { font-size: 20rem; line-height: 1; letter-spacing: 0.938rem; margin-bottom: 1.25rem; font-weight: 300; }
.theme-error-page .title b { font-weight: 600; }
.theme-error-page .sub-title { font-size: 2.25rem; letter-spacing: 0.2rem; margin-bottom: 0.938rem; }
.theme-error-page p { font-size: 1.125rem; color: #878e94; }
@media (max-width: 768px) { 
	.theme-error-page { padding: 9rem 0 11.5rem; }
	.theme-error-page .title { font-size: 0.938rem; }
}

/*--------------------------------------------------------------
=>> Default Page Templates 
--------------------------------------------------------------*/

body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post {
	border-bottom: 1px solid #f1f1f1;
	padding: 0.938rem 0 0.938rem 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:first-child {
    padding-top: 0;
	margin-bottom: 0;
}
body.page-template-default .blog-grid-view-post .sidebar .widget .list-view-post-widget .post:last-child {
    padding-bottom: 0;
	border-bottom: none;
}


/*--------------------------------------------------------------
=>> Page Scroll Up
--------------------------------------------------------------*/

.page-scroll-up {
	position: fixed;
	display: none;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}
.page-scroll-up a {
	display: block;
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    line-height: 2;
    border-radius: 50%;
    font-size: 1.200rem;
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
}
.page-scroll-up a:hover,
.page-scroll-up a:active {
	color: #fff;
}

/*--------------------------------------------------
=>> Text meant only for screen readers
--------------------------------------------------*/

/* 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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
=>> Sidebar Update Released 
--------------------------------------------------------------*/

.post .wp-block-categories-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li {
	padding-bottom: 0.625rem;
}
.post .wp-block-list li ul li:first-child {
	padding-top: 0.625rem;
}
.post .wp-block-list li:last-child, 
.post .wp-block-list li ul li:last-child {
	padding-bottom: 0;
}
.sidebar .widget dl dd a {
	text-decoration: underline;
    text-underline-offset: 0.3rem;
    outline: none;
	font-weight: 600;
}
.grid-view-news-area .post-content ol.wp-block-latest-comments .wp-block-latest-comments__comment {
    border-bottom: 1px solid #f1f1f1;
	padding-top: 0.625rem;
    padding-bottom: 0.625rem;
	margin-bottom: 0;
}
.grid-view-news-area .post-content ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
	border-bottom: none;
}
.post .wp-block-latest-posts.wp-block-latest-posts__list {
	list-style: disc;
}
.post .wp-block-file {
    font-size: 1rem;
}
.widget .wp-block-heading a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}
.sidebar .widget .wp-block-accordion-heading__toggle-title, 
.sidebar .widget .wp-block-accordion-heading__toggle-icon {
    display: flex;
    border: 0 none;
    margin: 0;
}
.sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover,
.sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:focus {
	border: 0px solid transparent;
	background-color: transparent;
}
.sidebar .widget .widget_srmgmap_widget {
	border: 0px solid transparent;
	padding: 0;
}
.sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
	border: 0px solid transparent;
	background-color: transparent;
}
.sidebar .widget .wp-block-breadcrumbs li {
	align-items: unset;
}
.sidebar .widget .wp-block-breadcrumbs li span {
	border: 0 none transparent;
	margin: 0;
}

/*--------------------------------------------------------------
=>> Footer Sidebar Update Released 
--------------------------------------------------------------*/

.footer-sidebar .widget .wp-block-heading a {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}
.footer-sidebar .widget .wp-block-accordion-heading__toggle-title, 
.footer-sidebar .widget .wp-block-accordion-heading__toggle-icon {
    display: flex;
    border: 0 none;
    margin: 0;
}
.footer-sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:hover,
.footer-sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle:focus {
	border: 0px solid transparent;
	background-color: transparent;
}
.footer-sidebar .widget .wp-block-accordion-heading .wp-block-accordion-heading__toggle {
	border: 0px solid transparent;
	background-color: transparent;
}
/* =========================================================
   NEPAL BIHANI NEWS — FOOTER COPYRIGHT
   ========================================================= */

.footer-copyright-row {
    width: 100%;
    margin: 0 !important;
}

.footer-copyright-row .col-12 {
    width: 100%;
    padding: 0 !important;
}

.footer-copyright-row .site-info {
    width: 100%;
    text-align: center !important;
    padding: 16px 10px 18px !important;
    margin: 0 !important;
}

.footer-copyright-text {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

.footer-copyright-text strong {
    font-weight: 900 !important;
}

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

    .footer-copyright-text {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .footer-copyright-row .site-info {
        padding: 14px 8px 16px !important;
    }
}
/* =========================================================
   NBK PREMIUM CENTER HEADLINE NEWS
   FINAL OVERRIDE
   ========================================================= */

/* ---------------------------------------------------------
   MAIN SECTION
   --------------------------------------------------------- */

.nb-headline-news {
    width: 100%;
    margin: 0;
    padding: 38px 0 42px;
    background: #ffffff;
    overflow: hidden;
}

.nb-headline-news .nb-container {
    width: min(
        calc(100% - 40px),
        var(--nb-container, 1380px)
    );

    margin-left: auto;
    margin-right: auto;
}

/* ---------------------------------------------------------
   NEWS LIST
   --------------------------------------------------------- */

.nb-headline-news-list {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ---------------------------------------------------------
   SINGLE NEWS ITEM
   --------------------------------------------------------- */

.nb-headline-item {
    width: 100%;
    margin: 0;
    padding: 28px 10px;

    text-align: center;

    border-bottom: 1px solid #e7e9ed;

    transition:
        background-color .25s ease,
        padding-left .25s ease,
        padding-right .25s ease;
}

/* Remove divider from last news */

.nb-headline-item:last-child {
    border-bottom: 0;
}

/* ---------------------------------------------------------
   CLICKABLE NEWS AREA
   --------------------------------------------------------- */

.nb-headline-link {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    color: var(--nb-dark, #101828);

    text-decoration: none;
}

/* ---------------------------------------------------------
   BIG NEWS TITLE
   --------------------------------------------------------- */

.nb-headline-title {
    display: block;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 0;

    color: #101828;

    font-family:
        system-ui,
        -apple-system,
        "Noto Sans Devanagari",
        "Nirmala UI",
        "Mangal",
        Arial,
        sans-serif;

    font-size: 32px;
    font-weight: 900;

    line-height: 1.48;

    letter-spacing: -0.25px;

    text-align: center;

    transition:
        color .25s ease,
        transform .25s ease;
}

/* ---------------------------------------------------------
   TITLE HOVER
   RED → BLUE
   --------------------------------------------------------- */

.nb-headline-item:hover .nb-headline-title {
    color: var(--nb-red, #dc143c);

    transform: translateY(-1px);
}

.nb-headline-item:hover .nb-headline-link {
    color: var(--nb-blue, #003893);
}

/* ---------------------------------------------------------
   META AREA
   AUTHOR + PHOTO + DATE
   --------------------------------------------------------- */

.nb-headline-meta {
    display: flex;

    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 8px;

    width: 100%;

    margin-top: 15px;

    color: #667085;

    font-family:
        system-ui,
        -apple-system,
        "Noto Sans Devanagari",
        "Nirmala UI",
        "Mangal",
        Arial,
        sans-serif;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.5;

    text-align: center;
}

/* ---------------------------------------------------------
   AUTHOR PHOTO
   --------------------------------------------------------- */

.nb-headline-author-avatar {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    overflow: hidden;

    border-radius: 50%;

    border: 1px solid #e4e7ec;

    background: #f2f4f7;
}

.nb-headline-author-avatar img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;

    border-radius: 50%;
}

/* ---------------------------------------------------------
   AUTHOR NAME
   --------------------------------------------------------- */

.nb-headline-author {
    color: #475467;

    font-size: 18px;

    font-weight: 700;
}

.nb-headline-item:hover .nb-headline-author {
    color: var(--nb-blue, #003893);
}

/* ---------------------------------------------------------
   META DOT
   --------------------------------------------------------- */

.nb-headline-meta-dot {
    color: var(--nb-red, #dc143c);

    font-size: 20px;

    font-weight: 900;
}

/* ---------------------------------------------------------
   DATE
   --------------------------------------------------------- */

.nb-headline-date {
    color: #667085;

    font-size: 16px;

    font-weight: 600;
}

/* ---------------------------------------------------------
   ITEM HOVER
   Very subtle — keeps premium editorial look
   --------------------------------------------------------- */

.nb-headline-item:hover {
    background: #fcfdff;
}

/* ---------------------------------------------------------
   DIVIDER
   Subtle centered editorial divider
   --------------------------------------------------------- */

.nb-headline-item:not(:last-child)::after {
    content: "";

    display: block;

    width: 90px;
    height: 2px;

    margin: 25px auto -29px;

    background:
        linear-gradient(
            90deg,
            var(--nb-red, #dc143c) 0%,
            var(--nb-red, #dc143c) 50%,
            var(--nb-blue, #003893) 50%,
            var(--nb-blue, #003893) 100%
        );

    opacity: .35;

    transition:
        width .25s ease,
        opacity .25s ease;
}

.nb-headline-item:hover:not(:last-child)::after {
    width: 150px;

    opacity: .75;
}

/* ---------------------------------------------------------
   REMOVE POSSIBLE OLD NUMBERING
   --------------------------------------------------------- */

.nb-headline-news-list {
    counter-reset: none !important;
}

.nb-headline-item::before {
    content: none !important;
    display: none !important;
}

/* ---------------------------------------------------------
   REMOVE OLD TRENDING TITLE IF ANY
   --------------------------------------------------------- */

.nb-headline-news h1,
.nb-headline-news > .nb-container > h1,
.nb-headline-news .trending-title,
.nb-headline-news .news-highlights-title {
    display: none !important;
}

/* ---------------------------------------------------------
   REMOVE IMAGE/THUMBNAIL IF OLD CSS ADDS ONE
   --------------------------------------------------------- */

.nb-headline-news .thumbnail,
.nb-headline-news .news-thumbnail,
.nb-headline-news figure {
    display: none !important;
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .nb-headline-news {
        padding: 32px 0 36px;
    }

    .nb-headline-news .nb-container {
        width: calc(100% - 32px);
    }

    .nb-headline-item {
        padding: 25px 8px;
    }

    .nb-headline-title {
        max-width: 950px;

        font-size: 28px;

        line-height: 1.48;
    }

    .nb-headline-meta {
        margin-top: 13px;

        font-size: 13px;
    }
}

/* ---------------------------------------------------------
   TABLET / SMALL LAPTOP
   --------------------------------------------------------- */

@media (max-width: 900px) {

    .nb-headline-news {
        padding: 28px 0 34px;
    }

    .nb-headline-news .nb-container {
        width: calc(100% - 28px);
    }

    .nb-headline-item {
        padding: 23px 5px;
    }

    .nb-headline-title {
        max-width: 850px;

        font-size: 25px;

        line-height: 1.5;
    }

    .nb-headline-meta {
        margin-top: 12px;
    }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .nb-headline-news {
        padding: 20px 0 25px;
    }

    .nb-headline-news .nb-container {
        width: calc(100% - 20px);
    }

    .nb-headline-item {
        padding: 19px 3px;
    }

    .nb-headline-title {
        width: 100%;

        font-size: 21px;

        line-height: 1.55;

        letter-spacing: 0;

        font-weight: 900;
    }

    .nb-headline-meta {
        margin-top: 11px;

        gap: 6px;

        font-size: 12px;
    }

    .nb-headline-author-avatar {
        width: 29px;
        height: 29px;

        flex-basis: 29px;
    }

    .nb-headline-author {
        font-size: 12px;
    }

    .nb-headline-date {
        font-size: 11px;
    }

    .nb-headline-meta-dot {
        font-size: 13px;
    }

    .nb-headline-item:not(:last-child)::after {
        width: 65px;

        margin-top: 19px;
        margin-bottom: -21px;
    }

    .nb-headline-item:hover:not(:last-child)::after {
        width: 100px;
    }
}

/* ---------------------------------------------------------
   VERY SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 380px) {

    .nb-headline-news .nb-container {
        width: calc(100% - 16px);
    }

    .nb-headline-item {
        padding: 17px 2px;
    }

    .nb-headline-title {
        font-size: 19px;

        line-height: 1.55;
    }

    .nb-headline-meta {
        font-size: 11px;
    }

    .nb-headline-author {
        font-size: 11px;
    }

    .nb-headline-date {
        font-size: 10px;
    }
}

/* ---------------------------------------------------------
   LARGE DESKTOP
   --------------------------------------------------------- */

@media (min-width: 1500px) {

    .nb-headline-news {
        padding: 44px 0 50px;
    }

    .nb-headline-news .nb-container {
        width: min(
            calc(100% - 60px),
            1450px
        );
    }

    .nb-headline-item {
        padding: 31px 10px;
    }

    .nb-headline-title {
        max-width: 1300px;

        font-size: 35px;

        line-height: 1.46;
    }

    .nb-headline-meta {
        margin-top: 16px;

        font-size: 14px;
    }
}

/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

.nb-headline-link:focus-visible {
    outline:
        3px solid rgba(0, 56, 147, .25);

    outline-offset: 7px;

    border-radius: 5px;
}

/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

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

    .nb-headline-item,
    .nb-headline-title,
    .nb-headline-item::after {
        transition: none !important;
    }
}
/* =========================================================
   NBK HEADLINE NEWS — FINAL IMAGE + TITLE DESIGN
   Desktop Image: 300 × 180px
   Responsive: Auto on smaller screens
========================================================= */

.nb-headline-news {
    width: 100%;
    background: #ffffff;
    padding: 25px 0 40px;
}

.nb-headline-news .nb-container {
    width: min(calc(100% - 40px), 1380px);
    margin: 0 auto;
}

/* =========================================================
   NEWS LIST
========================================================= */

.nb-headline-news-list {
    width: 100%;
}

/* =========================================================
   EACH NEWS
========================================================= */

.nb-headline-item {
    width: 100%;
    margin: 0;
    padding: 22px 0;

    border-bottom: 1px solid #e5e7eb;

    transition:
        border-color .25s ease,
        background .25s ease;
}

.nb-headline-item:first-child {
    padding-top: 5px;
}

.nb-headline-item:last-child {
    border-bottom: 0;
}

/* =========================================================
   LINK
========================================================= */

.nb-headline-link {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 28px;

    color: inherit;
    text-decoration: none;
}

/* =========================================================
   IMAGE
   DESKTOP EXACTLY 300 × 180
========================================================= */

.nb-headline-image {
    width: auto
    height: 100%

    flex: 0 0 300px;

    overflow: hidden;

    background: #f2f4f7;

    border-radius: 7px;
}

.nb-headline-image img {
    display: block;

    width: auto
    height: 100%

    max-width: 100%

    object-fit: cover;

    transition: transform .35s ease;
}

/* Image hover */

.nb-headline-item:hover .nb-headline-image img {
    transform: scale(1.045);
}

/* =========================================================
   CONTENT
========================================================= */

.nb-headline-content {
    flex: 1;
    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* =========================================================
   TITLE
   Bigger but NOT excessively bold
========================================================= */

.nb-headline-title {
    margin: 0 0 15px;

    color: #101828;

    font-family:
        "Noto Sans Devanagari",
        "Nirmala UI",
        "Mangal",
        system-ui,
        sans-serif;

    font-size: 45px;
    font-weight: 700;

    line-height: 1.45;

    letter-spacing: -0.2px;

    transition:
        color .25s ease;
}

/* Title hover */

.nb-headline-item:hover .nb-headline-title {
    color: #dc143c;
}

/* =========================================================
   META
========================================================= */

.nb-headline-meta {
    display: flex;

    align-items: center;
    flex-wrap: wrap;

    gap: 9px;

    color: #667085;

    font-family:
        "Noto Sans Devanagari",
        "Nirmala UI",
        "Mangal",
        system-ui,
        sans-serif;

    font-size: 16px;
    font-weight: 500;
}

/* =========================================================
   AUTHOR AVATAR
========================================================= */

.nb-headline-author-avatar {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    overflow: hidden;

    border-radius: 50%;

    background: #f2f4f7;
}

.nb-headline-author-avatar img {
    display: block;

    width: 32px;
    height: 32px;

    object-fit: cover;
}

/* =========================================================
   AUTHOR
========================================================= */

.nb-headline-author {
    color: #475467;

    font-weight: 600;
}

/* =========================================================
   DOT
========================================================= */

.nb-headline-meta-dot {
    color: #dc143c;

    font-size: 15px;
}

/* =========================================================
   DATE
========================================================= */

.nb-headline-date {
    color: #667085;

    font-weight: 500;
}

/* =========================================================
   HOVER — RED → BLUE ACCENT
========================================================= */

.nb-headline-item:hover {
    border-bottom-color: #003893;
}

/* =========================================================
   1200px
   Keep 300px image
========================================================= */

@media (max-width: 1200px) {

    .nb-headline-link {
        gap: 24px;
    }

    .nb-headline-title {
        font-size: 28px;
    }

}

/* =========================================================
   TABLET — 900px
   Image becomes responsive
========================================================= */

@media (max-width: 900px) {

    .nb-headline-news .nb-container {
        width: calc(100% - 30px);
    }

    .nb-headline-link {
        gap: 20px;
    }

    .nb-headline-image {
        width: 260px;
        height: 156px;

        flex: 0 0 260px;
    }

    .nb-headline-image img {
        width: 260px;
        height: 156px;
    }

    .nb-headline-title {
        font-size: 25px;
        line-height: 1.43;
    }

}

/* =========================================================
   MOBILE — 600px
   Image + title responsive
========================================================= */

@media (max-width: 600px) {

    .nb-headline-news {
        padding: 15px 0 25px;
    }

    .nb-headline-news .nb-container {
        width: calc(100% - 20px);
    }

    .nb-headline-item {
        padding: 17px 0;
    }

    .nb-headline-item:first-child {
        padding-top: 0;
    }

    .nb-headline-link {
        align-items: flex-start;

        gap: 14px;
    }

    /*
     * Mobile image
     * Automatically fits available width
     */

    .nb-headline-image {
        width: 34%;
        height: auto;

        aspect-ratio: 300 / 180;

        flex: 0 0 34%;

        border-radius: 6px;
    }

    .nb-headline-image img {
        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    .nb-headline-title {
        margin-bottom: 9px;

        font-size: 20px;
        font-weight: 700;

        line-height: 1.42;
    }

    .nb-headline-meta {
        gap: 5px;

        font-size: 11px;
    }

    .nb-headline-author-avatar {
        width: 25px;
        height: 25px;

        flex-basis: 25px;
    }

    .nb-headline-author-avatar img {
        width: 25px;
        height: 25px;
    }

}

/* =========================================================
   VERY SMALL MOBILE — 380px
========================================================= */

@media (max-width: 380px) {

    .nb-headline-link {
        gap: 11px;
    }

    .nb-headline-image {
        width: 36%;
        flex-basis: 36%;
    }

    .nb-headline-title {
        font-size: 17px;
        line-height: 1.4;
    }

    .nb-headline-meta {
        font-size: 10px;
    }

    .nb-headline-author-avatar {
        display: none;
    }

}
/* =========================================================
   NEPAL BIHANI LIVE — PRIMARY MENU
   Noto Sans Devanagari + Nepal Flag Colors
   ========================================================= */


/* =========================================================
   PRIMARY MENU FONT
   ========================================================= */

.main-navigation > ul > li > a,
.main-navigation .menu > li > a,
.nav-menu > li > a {
    font-family: "Noto Sans Devanagari", "Noto Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
}


/* =========================================================
   PRIMARY MENU BAR — NEPAL FLAG BLUE
   ========================================================= */

.bottom-header-part-outer,
.bottom-header-part,
.main-navigation {
    background: #003893 !important;
}


/* Nepal Flag Red Top Border */
.bottom-header-part-outer {
    border-top: 3px solid #DC143C !important;
}


/* =========================================================
   MENU HOVER
   ========================================================= */

.main-navigation > ul > li > a:hover,
.main-navigation .menu > li > a:hover,
.nav-menu > li > a:hover {
    color: #ffffff !important;
    background: #DC143C !important;
}


/* =========================================================
   ACTIVE MENU
   ========================================================= */

.main-navigation > ul > li.current-menu-item > a,
.main-navigation > ul > li.current_page_item > a,
.main-navigation .menu > li.current-menu-item > a,
.nav-menu > li.current-menu-item > a {
    color: #ffffff !important;
}


/* =========================================================
   NBK HOME ICON — ROUND PREMIUM STYLE
   ========================================================= */

.nbk-home-icon > a {
    width: 60px !important;
    min-width: 52px !important;
    height: 52px !important;

    padding: 0 !important;
    margin: 0 5px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 0 !important;
    line-height: 0 !important;

    background-image: url("https://nepalbihanilive.com/wp-content/uploads/2026/08/nbk_logo.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: auto 52px !important;

    /* ROUND */
    border-radius: 50% !important;

    /* WHITE BORDER */
    border: 2px solid #ffffff !important;

    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        background-size 0.25s ease !important;
}


/* =========================================================
   HOME ICON — HOVER
   ========================================================= */

.nbk-home-icon > a:hover {
    background-size: auto 56px !important;
    transform: scale(1.08);
}


/* =========================================================
   HOME ICON — ACTIVE
   ========================================================= */

.nbk-home-icon.current-menu-item > a,
.nbk-home-icon.current_page_item > a {
    background-size: auto 52px !important;
    border-color: #ffffff !important;
}


/* =========================================================
   DROPDOWN MENU FONT
   ========================================================= */

.main-navigation ul ul li a,
.main-navigation .sub-menu li a {
    font-family: "Noto Sans Devanagari", "Noto Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .main-navigation > ul > li > a,
    .main-navigation .menu > li > a,
    .nav-menu > li > a {
        font-size: 16px !important;
    }

    .nbk-home-icon > a {
        width: 50px !important;
        min-width: 46px !important;
        height: 46px !important;

        background-size: auto 46px !important;
        border-radius: 50% !important;
    }

    .nbk-home-icon > a:hover {
        background-size: auto 49px !important;
    }
}
/* =========================================================
   STICKY NEWS TITLE — BELOW PRIMARY MENU
   ========================================================= */

.single-news-title.news-title-sticky {
    position: fixed !important;

    left: 0 !important;
    right: 0 !important;

    z-index: 999 !important;

    box-sizing: border-box;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding: 9px 25px !important;

    background: #fff !important;

    border-bottom: 3px solid #003893;

    box-shadow: 0 3px 12px rgba(0,0,0,.12);

    font-size: 20px !important;
    line-height: 1.35 !important;
    font-weight: 800;

    color: #111 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Red indicator */

.single-news-title.news-title-sticky::before {
    content: "";

    display: inline-block;

    width: 5px;
    height: 22px;

    margin-right: 10px;

    vertical-align: -4px;

    background: #dc143c;

    border-radius: 4px;
}


/* Mobile */

@media (max-width: 767px) {

    .single-news-title.news-title-sticky {
        padding: 8px 12px !important;

        font-size: 16px !important;

        line-height: 1.35 !important;

        border-bottom-width: 2px;
    }

    .single-news-title.news-title-sticky::before {
        width: 4px;
        height: 18px;
        margin-right: 7px;
    }

}
/* =========================================================
   NEPAL BIHANI LIVE
   FRONT PAGE — FINAL PREMIUM CSS
   For current front-page.php
========================================================= */


/* =========================================================
   01. GLOBAL FRONT PAGE
========================================================= */

.home,
.front-page,
.page-template-frontpage {
    background: #f1f1f1;
}

.home .container-full,
.front-page .container-full,
.page-template-frontpage .container-full {
    width: 100%;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
}


/* =========================================================
   02. TRENDING NEWS
   Keep compact — NO LARGE GAP AFTER TRENDING
========================================================= */

.trending-news-area {
    margin: 0 !important;
    padding: 5px 0 !important;
    background: #ffffff;
}

.trending-news-area .container-full {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.trending-news-col {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 0;
    overflow: hidden;
}

.news-highlights-title {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}

.news-highlights-title h5 {
    margin: 0 !important;
    padding: 8px 14px !important;

    background: #003893;
    color: #fff !important;

    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    white-space: nowrap;
}

.news-highlights-title i {
    margin-left: 5px;
    font-size: 13px;
}

.news-marquee-wrapper {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.news-highlights {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 !important;
    padding: 0 10px !important;
}

.news-headline-post {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;

    margin: 0 !important;
    padding: 0 !important;
}

.news-headline-post-thumbnail {
    width: 42px !important;
    height: 32px !important;

    margin: 0 !important;
    overflow: hidden;
    border-radius: 4px;
}

.news-headline-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-headline-post-content {
    margin: 0 !important;
    padding: 0 !important;
}

.news-headline-post-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    white-space: nowrap;
}


/* =========================================================
   03. MAIN NEWS SECTION
========================================================= */

.nb-main-news-section {
    width: 100%;
    margin: 10px 0 12px !important;
    padding: 0 !important;

    background: #ffffff;

    border: 1px solid #e5e5e5;
    border-radius: 0;

    overflow: hidden;
}


/* Container — keep padding very small */

.nb-main-news-section > .container-full {
    max-width: 1350px;

    margin: 0 auto !important;

    padding: 10px 10px 12px !important;
}


/* =========================================================
   04. MAIN NEWS HEADER
========================================================= */

.nb-main-news-header {
    width: 100%;
    height: 44px;

    display: flex;
    align-items: center;

    margin: 0 0 10px !important;
    padding: 0 !important;

    background: #fff;

    border-bottom: 1px solid #e1e1e1;
}

.nb-main-news-title {
    margin: 0 !important;
    padding: 0 !important;
}

.nb-main-news-title h2 {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin: 0 !important;
    padding: 7px 22px 7px 16px !important;

    background: #1769d1;
    color: #fff !important;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}


/* Arrow ribbon */

.nb-main-news-title h2::after {
    content: "";

    position: absolute;
    top: 0;
    right: -16px;

    width: 0;
    height: 0;

    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 16px solid #1769d1;
}

.nb-main-news-arrow {
    font-size: 15px !important;
    line-height: 1;
}


/* =========================================================
   05. MAIN NEWS LAYOUT
========================================================= */

.nb-main-news-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(330px, 1fr);

    gap: 18px;

    margin: 0 !important;
    padding: 0 !important;

    align-items: start;
}


/* =========================================================
   06. LEFT FEATURED NEWS — 2 × 2
========================================================= */

.nb-main-news-featured {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;

    margin: 0 !important;
    padding: 0 !important;
}


/* Card */

.nb-main-news-card {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff;

    border: 1px solid #e1e1e1;
    border-radius: 6px;

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.nb-main-news-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 5px 18px rgba(0, 0, 0, .10);
}


/* =========================================================
   07. FEATURED IMAGE
========================================================= */

.nb-main-news-card-image {
    position: relative;

    display: block;

    width: 100%;
    height: 210px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #eeeeee;
}

.nb-main-news-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.nb-main-news-card:hover
.nb-main-news-card-image img {
    transform: scale(1.035);
}


/* Placeholder */

.nb-main-news-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eeeeee;
    color: #888;

    font-size: 15px;
}


/* =========================================================
   08. CATEGORY BADGE
========================================================= */

.nb-main-news-category-badge {
    position: absolute;

    left: 10px;
    bottom: 10px;

    display: inline-block;

    padding: 4px 10px;

    background: #e6002d;
    color: #fff;

    border-radius: 3px;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.2;
}


/* =========================================================
   09. FEATURED CONTENT
========================================================= */

.nb-main-news-card-content {
    margin: 0 !important;
    padding: 10px 12px 11px !important;
}

.nb-main-news-card-title {
    margin: 0 0 8px !important;
    padding: 0 !important;

    font-size: 21px !important;
    font-weight: 800 !important;

    line-height: 1.45 !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}

.nb-main-news-card-title a {
    color: #151515 !important;
    text-decoration: none !important;
}

.nb-main-news-card-title a:hover {
    color: #003893 !important;
}


/* =========================================================
   10. FEATURED META
========================================================= */

.nb-main-news-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;

    margin: 0 !important;
    padding: 0 !important;

    color: #777;

    font-size: 14px;
    line-height: 1.4;
}

.nb-main-news-author {
    color: #555;
    font-weight: 600;
}

.nb-main-news-dot {
    color: #aaa;
}

.nb-main-news-card-meta time {
    color: #777;
}


/* =========================================================
   11. RIGHT SIDE — LATEST NEWS
========================================================= */

.nb-main-news-list {
    display: flex;
    flex-direction: column;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #e1e1e1;
    background: #fff;
}


/* Single news */

.nb-main-news-list-item {
    display: grid;

    grid-template-columns: 105px minmax(0, 1fr);

    gap: 11px;

    margin: 0 !important;
    padding: 10px !important;

    border-bottom: 1px solid #ededed;

    min-height: 105px;
}

.nb-main-news-list-item:last-child {
    border-bottom: 0;
}


/* =========================================================
   12. RIGHT IMAGE
========================================================= */

.nb-main-news-list-image {
    display: block;

    width: 105px;
    height: 82px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    border-radius: 4px;

    background: #eee;
}

.nb-main-news-list-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .3s ease;
}

.nb-main-news-list-item:hover
.nb-main-news-list-image img {
    transform: scale(1.04);
}

.nb-main-news-list-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    font-size: 12px;
    color: #888;

    background: #eee;
}


/* =========================================================
   13. RIGHT CONTENT
========================================================= */

.nb-main-news-list-content {
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;
}

.nb-main-news-list-category {
    display: inline-block;

    margin: 0 0 3px !important;
    padding: 2px 7px;

    background: #003893;
    color: #fff;

    border-radius: 2px;

    font-size: 11px;
    font-weight: 700;

    line-height: 1.3;
}

.nb-main-news-list-content h3 {
    margin: 0 0 7px !important;
    padding: 0 !important;

    font-size: 17px !important;
    font-weight: 800 !important;

    line-height: 1.4 !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    overflow: hidden;
}

.nb-main-news-list-content h3 a {
    color: #202020 !important;
    text-decoration: none !important;
}

.nb-main-news-list-content h3 a:hover {
    color: #003893 !important;
}


/* Time */

.nb-main-news-list-time {
    display: flex;
    align-items: center;

    gap: 5px;

    margin: 0 !important;
    padding: 0 !important;

    color: #888;

    font-size: 12px;
}

.nb-main-news-list-time i {
    font-size: 11px;
    color: #777;
}


/* =========================================================
   14. BIHANI SPECIAL
========================================================= */

.nb-morning-special-section {
    width: 100%;

    margin: 10px 0 14px !important;
    padding: 0 !important;

    background: #ffffff;

    border: 1px solid #e2e2e2;
    border-radius: 0;

    overflow: hidden;
}

.nb-morning-special-section > .container-full {
    max-width: 1350px;

    margin: 0 auto !important;

    padding: 10px 10px 12px !important;
}


/* =========================================================
   15. BIHANI SPECIAL HEADER
========================================================= */

.nb-morning-special-header {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 43px;

    margin: 0 0 12px !important;
    padding: 0 !important;

    background: #fff;

    border-bottom: 1px solid #e1e1e1;
}


/* Title */

.nb-morning-special-title {
    position: relative;

    flex: 0 0 auto;

    margin: 0 !important;
    padding: 0 !important;
}

.nb-morning-special-title h2 {
    position: relative;

    margin: 0 !important;
    padding: 7px 22px 7px 16px !important;

    background: #1769d1;
    color: #fff !important;

    font-size: 22px !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;
}

.nb-morning-special-title h2::after {
    content: "";

    position: absolute;

    top: 0;
    right: -16px;

    width: 0;
    height: 0;

    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 16px solid #1769d1;
}


/* =========================================================
   16. BIHANI CATEGORY NAVIGATION
========================================================= */

.nb-morning-special-nav {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 6px;

    margin-left: 25px !important;
    padding: 0 !important;
}

.nb-morning-special-nav a {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding: 4px 10px !important;

    background: #f3f3f3;
    color: #333 !important;

    border-radius: 3px;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease;
}

.nb-morning-special-nav a:hover {
    background: #003893;
    color: #fff !important;
}


/* =========================================================
   17. BIHANI SPECIAL GRID
   6 NEWS = 3 COLUMNS × 2 ROWS
========================================================= */

.nb-morning-special-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   18. BIHANI CARD
========================================================= */

.nb-morning-card {
    position: relative;

    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff;

    border: 1px solid #e1e1e1;
    border-radius: 6px;

    overflow: hidden;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, .04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.nb-morning-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 5px 16px rgba(0, 0, 0, .10);
}


/* =========================================================
   19. BIHANI IMAGE
========================================================= */

.nb-morning-card-image {
    position: relative;

    display: block;

    width: 100%;
    height: 185px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    background: #eee;
}

.nb-morning-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.nb-morning-card:hover
.nb-morning-card-image img {
    transform: scale(1.035);
}


/* Placeholder */

.nb-morning-placeholder {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #888;
    background: #eee;

    font-size: 14px;
}


/* =========================================================
   20. BIHANI CATEGORY BADGE
========================================================= */

.nb-morning-category {
    position: absolute;

    left: 9px;
    bottom: 9px;

    padding: 4px 9px;

    background: #e6002d;
    color: #fff;

    border-radius: 3px;

    font-size: 12px;
    font-weight: 700;

    line-height: 1.25;
}


/* =========================================================
   21. BIHANI CONTENT
========================================================= */

.nb-morning-card-content {
    margin: 0 !important;
    padding: 10px 11px 11px !important;
}

.nb-morning-card-title {
    margin: 0 0 9px !important;
    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 800 !important;

    line-height: 1.45 !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}

.nb-morning-card-title a {
    color: #181818 !important;
    text-decoration: none !important;
}

.nb-morning-card-title a:hover {
    color: #003893 !important;
}


/* =========================================================
   22. BIHANI META
========================================================= */

.nb-morning-card-meta {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 6px;

    margin: 0 !important;
    padding: 0 !important;

    color: #777;

    font-size: 12px;

    line-height: 1.4;
}

.nb-morning-author {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    min-width: 0;
}

.nb-morning-avatar {
    width: 28px !important;
    height: 28px !important;

    min-width: 28px;

    border-radius: 50% !important;

    object-fit: cover;
}

.nb-morning-author > span {
    white-space: nowrap;

    overflow: hidden;
    text-overflow: ellipsis;

    max-width: 120px;

    font-weight: 600;
}

.nb-morning-dot {
    color: #aaa;
}

.nb-morning-time {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    color: #888;
}

.nb-morning-time i {
    font-size: 11px;
}


/* =========================================================
   23. BIHANI VIEW ALL
========================================================= */

.nb-morning-special-footer {
    display: flex;
    justify-content: center;

    margin: 14px 0 0 !important;
    padding: 0 !important;
}

.nb-morning-special-footer a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 8px 16px !important;

    background: #003893;
    color: #fff !important;

    border-radius: 4px;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .2s ease,
        transform .2s ease;
}

.nb-morning-special-footer a:hover {
    background: #dc143c;

    transform: translateY(-1px);
}


/* =========================================================
   24. MAIN SLIDER / FEATURED / WIDGETS
   Remove theme's excessive vertical spacing
========================================================= */

.page-template-frontpage
.main-slider,
.page-template-frontpage
.main-slider-section,
.page-template-frontpage
.featured-news,
.page-template-frontpage
.featured-news-section {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.page-template-frontpage
.frontpage-widgets {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}


/* =========================================================
   25. REMOVE EXCESSIVE THEME PADDING
========================================================= */

.page-template-frontpage section {
    box-sizing: border-box;
}

.page-template-frontpage .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.page-template-frontpage [class*="padding"] {
    box-sizing: border-box;
}


/* =========================================================
   26. TABLET
========================================================= */

@media (max-width: 991px) {

    .home .container-full,
    .front-page .container-full,
    .page-template-frontpage .container-full {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .nb-main-news-layout {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .nb-main-news-featured {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .nb-main-news-list {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 0;
    }

    .nb-main-news-list-item {
        border-right: 1px solid #ededed;
    }

    .nb-morning-special-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .nb-morning-special-header {
        height: auto;
        min-height: 43px;

        padding-bottom: 7px !important;
    }

    .nb-morning-special-nav {
        margin-left: 22px !important;
    }

}


/* =========================================================
   27. MOBILE
========================================================= */

@media (max-width: 767px) {

    .trending-news-area {
        padding: 4px 0 !important;
    }

    .news-highlights-title h5 {
        font-size: 14px !important;
        padding: 7px 10px !important;
    }

    .news-headline-post-title {
        font-size: 13px !important;
    }

    .nb-main-news-section {
        margin: 7px 0 9px !important;
    }

    .nb-main-news-section > .container-full {
        padding: 7px !important;
    }

    .nb-main-news-header {
        margin-bottom: 8px !important;
    }

    .nb-main-news-title h2,
    .nb-morning-special-title h2 {
        font-size: 18px !important;

        padding: 7px 17px 7px 12px !important;
    }

    .nb-main-news-title h2::after,
    .nb-morning-special-title h2::after {
        border-top-width: 18px;
        border-bottom-width: 18px;
    }

    .nb-main-news-layout {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .nb-main-news-featured {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .nb-main-news-card-image {
        height: 145px;
    }

    .nb-main-news-card-content {
        padding: 8px !important;
    }

    .nb-main-news-card-title {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .nb-main-news-card-meta {
        font-size: 11px;
    }

    .nb-main-news-list {
        grid-template-columns: 1fr;
    }

    .nb-main-news-list-item {
        grid-template-columns: 95px minmax(0, 1fr);

        min-height: 95px;

        padding: 8px !important;
    }

    .nb-main-news-list-image {
        width: 95px;
        height: 72px;
    }

    .nb-main-news-list-content h3 {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    .nb-morning-special-section {
        margin: 8px 0 10px !important;
    }

    .nb-morning-special-section > .container-full {
        padding: 7px !important;
    }

    .nb-morning-special-header {
        display: block;

        margin-bottom: 9px !important;
    }

    .nb-morning-special-nav {
        margin: 9px 0 0 !important;

        gap: 4px;
    }

    .nb-morning-special-nav a {
        font-size: 11px;

        padding: 4px 7px !important;
    }

    .nb-morning-special-grid {
        grid-template-columns: 1fr 1fr;

        gap: 8px;
    }

    .nb-morning-card-image {
        height: 135px;
    }

    .nb-morning-card-content {
        padding: 8px !important;
    }

    .nb-morning-card-title {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .nb-morning-card-meta {
        font-size: 10px;
    }

    .nb-morning-avatar {
        width: 24px !important;
        height: 24px !important;

        min-width: 24px;
    }

    .nb-morning-author > span {
        max-width: 80px;
    }

    .nb-morning-special-footer {
        margin-top: 10px !important;
    }

}


/* =========================================================
   28. SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .nb-main-news-featured {
        grid-template-columns: 1fr;
    }

    .nb-main-news-card-image {
        height: 190px;
    }

    .nb-morning-special-grid {
        grid-template-columns: 1fr;
    }

    .nb-morning-card-image {
        height: 190px;
    }

    .nb-morning-special-footer a {
        width: 100%;

        justify-content: center;
    }

}


/* =========================================================
   29. FIX WORDPRESS / THEME SPACING
========================================================= */

.page-template-frontpage
.nb-main-news-section *,
.page-template-frontpage
.nb-morning-special-section * {
    box-sizing: border-box;
}


/* Prevent theme paragraph spacing */

.page-template-frontpage
.nb-main-news-section p,
.page-template-frontpage
.nb-morning-special-section p {
    margin-top: 0 !important;
}


/* Prevent default heading spacing */

.page-template-frontpage
.nb-main-news-section h1,
.page-template-frontpage
.nb-main-news-section h2,
.page-template-frontpage
.nb-main-news-section h3,
.page-template-frontpage
.nb-morning-special-section h1,
.page-template-frontpage
.nb-morning-special-section h2,
.page-template-frontpage
.nb-morning-special-section h3 {
    margin-top: 0;
}


/* =========================================================
   30. FINAL GAP CONTROL
   Trending → Main News → Bihani Special
========================================================= */

.page-template-frontpage
.trending-news-area + .nb-main-news-section {
    margin-top: 8px !important;
}

.page-template-frontpage
.nb-main-news-section + .nb-morning-special-section {
    margin-top: 10px !important;
}

.page-template-frontpage
.nb-morning-special-section + * {
    margin-top: 10px !important;
}
/* =========================================================
   NEPAL FLAG — RIBBON + TEXT STYLE
   Blue + Red Combination
   बाकी DESIGN UNCHANGED
========================================================= */

/* Ribbon */
.page-template-frontpage .nb-main-news-title h2,
.page-template-frontpage .nb-morning-special-title h2 {
    background: linear-gradient(
        90deg,
        #003893 0%,
        #003893 55%,
        #DC143C 55%,
        #DC143C 100%
    ) !important;

    /* TEXT */
    color: #FFFFFF !important;
    font-family: "Noto Sans Devanagari",
                 "Noto Sans",
                 Arial,
                 sans-serif !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.18);

    white-space: nowrap;
}

/* Ribbon Arrow */
.page-template-frontpage .nb-main-news-title h2::after,
.page-template-frontpage .nb-morning-special-title h2::after {
    border-left-color: #DC143C !important;
}

/* Arrow/Text icon */
.page-template-frontpage .nb-main-news-arrow {
    color: #FFFFFF !important;
    font-weight: 900 !important;
}

/* बिहानी विशेषको text */
.page-template-frontpage .nb-morning-special-title h2 {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}



/* =========================================================
   NEPAL BIHANI LIVE
   SINGLE POST — FINAL MERGED CSS

   MENU + TITLE
   = STICKY / UNCHANGED

   AUTHOR + TIME
   = ONE BOX / SAME LINE

   SOCIAL SHARE
   = SEPARATE BOX / SAME LINE

   SHARE TEXT
   = COMPLETELY HIDDEN

   SHARE ICON
   = ICON ONLY

   NO TEXT CUTTING

   NBK BLUE = #003893
   NBK RED  = #DC143C
========================================================= */


/* =========================================================
   01. MAIN BACKGROUND
========================================================= */

.single-post {
    background: #f5f7fa !important;
}


/* =========================================================
   02. MENU + TITLE STICKY
   ---------------------------------------------------------
   STICKY POSITION UNCHANGED
========================================================= */

.single-post .single-news-header {
    position: sticky !important;
    top: 60px !important;

    z-index: 9998 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-bottom: 3px solid #003893 !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.10) !important;

    transform: none !important;
    -webkit-transform: none !important;
}


/* =========================================================
   03. NEWS TITLE
   ---------------------------------------------------------
   CENTER
   STICKY LOCATION SAME
========================================================= */

.single-post .single-news-title {
    position: relative !important;
    top: auto !important;

    z-index: 1 !important;

    display: block !important;

    width: 100% !important;
    max-width: 1150px !important;

    margin: 0 auto !important;

    padding: 12px 28px 14px !important;

    background: #ffffff !important;
    color: #111111 !important;

    text-align: center !important;

    font-size: 40px !important;
    line-height: 1.38 !important;
    font-weight: 800 !important;

    border-top: 4px solid #003893 !important;
    border-bottom: 2px solid #DC143C !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transform: none !important;
    -webkit-transform: none !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
}


/* =========================================================
   04. META MAIN ROW
   ---------------------------------------------------------
   AUTHOR/TIME BOX + SHARE BOX
   SAME HORIZONTAL LINE
========================================================= */

.single-post .single-news-meta {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) max-content !important;

    align-items: center !important;

    justify-content: stretch !important;

    column-gap: 12px !important;
    row-gap: 0 !important;

    width: calc(100% - 40px) !important;
    max-width: 1200px !important;

    min-height: 72px !important;

    margin: 16px auto 22px !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;

    position: relative !important;

    overflow: visible !important;
}


/* =========================================================
   05. AUTHOR + TIME BOX
========================================================= */

.single-post .single-news-author-time {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: nowrap !important;

    gap: 0 !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 64px !important;

    margin: 0 !important;

    padding: 8px 18px !important;

    background: #ffffff !important;

    border: 1px solid #dfe4ea !important;
    border-left: 5px solid #003893 !important;

    border-radius: 6px !important;

    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   06. AUTHOR
========================================================= */

.single-post .single-author {
    display: inline-flex !important;

    align-items: center !important;

    flex: 0 0 auto !important;

    gap: 10px !important;

    margin: 0 !important;

    padding: 0 16px 0 0 !important;

    min-height: 44px !important;

    border-right: 1px solid #dddddd !important;

    white-space: nowrap !important;

    overflow: visible !important;
}


/* AUTHOR PHOTO */

.single-post .single-author-avatar {
    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    max-width: 44px !important;

    margin: 0 !important;
    padding: 2px !important;

    border: 2px solid #003893 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    object-fit: cover !important;

    box-sizing: border-box !important;
}


/* AUTHOR NAME — NEVER CUT */

.single-post .single-author-name {
    display: inline-block !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    white-space: nowrap !important;

    overflow: visible !important;
    text-overflow: clip !important;
}


/* =========================================================
   07. PUBLICATION TIME
   ---------------------------------------------------------
   NEVER CUT
========================================================= */

.single-post .single-post-time {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    gap: 6px !important;

    min-width: max-content !important;
    width: auto !important;

    min-height: 32px !important;

    margin: 0 !important;

    padding: 0 15px !important;

    color: #666666 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    white-space: nowrap !important;

    overflow: visible !important;
    text-overflow: clip !important;

    border-right: 1px solid #dddddd !important;
}


/* TIME ICON */

.single-post .single-post-time i {
    color: #003893 !important;
    font-size: 15px !important;
}


/* =========================================================
   08. COMMENTS
========================================================= */

.single-post .single-post-comments {
    display: inline-flex !important;

    align-items: center !important;

    flex: 0 0 auto !important;

    gap: 5px !important;

    margin: 0 !important;

    padding: 0 15px !important;

    color: #666666 !important;

    font-size: 14px !important;

    white-space: nowrap !important;

    overflow: visible !important;
}


/* =========================================================
   09. SOCIAL SHARE BOX
   ---------------------------------------------------------
   SEPARATE BOX
   SAME LINE
========================================================= */

.single-post .single-news-share {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: max-content !important;
    min-width: max-content !important;

    min-height: 64px !important;

    margin: 0 !important;

    padding: 8px 12px !important;

    background: #ffffff !important;

    border: 1px solid #dfe4ea !important;
    border-right: 5px solid #DC143C !important;

    border-radius: 6px !important;

    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;

    box-sizing: border-box !important;

    position: relative !important;

    overflow: visible !important;

    white-space: nowrap !important;
}


/* =========================================================
   10. SHARETHIS WRAPPER
========================================================= */

.single-post .single-news-share
.sharethis-inline-share-buttons {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;

    gap: 4px !important;

    width: max-content !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    white-space: nowrap !important;
}


/* =========================================================
   11. SHARE COUNT
   ---------------------------------------------------------
   NUMBER ONLY
   "Shares" TEXT HIDDEN
========================================================= */

.single-post .single-news-share .st-total {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 48px !important;

    height: 42px !important;

    margin: 0 !important;

    padding: 0 6px !important;

    background: transparent !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;

    overflow: visible !important;
}


/* SHARE COUNT NUMBER */

.single-post .single-news-share .st-total > span {
    display: inline-block !important;

    width: auto !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #003893 !important;

    font-size: 18px !important;
    line-height: 18px !important;

    font-weight: 800 !important;

    white-space: nowrap !important;

    overflow: visible !important;
}


/* HIDE "Shares" */

.single-post .single-news-share .st-total > span.st-label {
    display: none !important;
}


/* =========================================================
   12. SHARE BUTTON
   ---------------------------------------------------------
   ICON ONLY
   NO TEXT
========================================================= */

.single-post .single-news-share .st-btn {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;

    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;

    overflow: visible !important;

    transition: opacity .2s ease !important;
}


/* =========================================================
   13. REMOVE ALL SHARE TEXT
   ---------------------------------------------------------
   IMPORTANT
========================================================= */

.single-post .single-news-share .st-btn > span,
.single-post .single-news-share .st-btn span {
    display: none !important;

    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;

    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    overflow: hidden !important;

    text-indent: -9999px !important;

    white-space: nowrap !important;
}


/* =========================================================
   14. SHARE ICON
========================================================= */

.single-post .single-news-share .st-btn img {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    min-height: 20px !important;

    max-width: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}


/* SHARE HOVER */

.single-post .single-news-share .st-btn:hover {
    opacity: .78 !important;

    transform: none !important;
}


/* =========================================================
   15. FEATURED IMAGE
========================================================= */

.single-post .single-post-thumbnail {
    width: calc(100% - 40px) !important;

    max-width: 1200px !important;

    margin: 0 auto 25px !important;

    padding: 10px !important;

    background: #ffffff !important;

    border: 1px solid #e1e5ea !important;

    border-top: 4px solid #003893 !important;
    border-bottom: 3px solid #DC143C !important;

    border-radius: 6px !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.06) !important;

    box-sizing: border-box !important;
}


.single-post .single-post-thumbnail img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 auto !important;

    border-radius: 3px !important;
}


/* =========================================================
   16. CONTENT BOX
========================================================= */

.single-post .single-news-content {
    width: calc(100% - 40px) !important;

    max-width: 1200px !important;

    margin: 0 auto 25px !important;

    padding: 28px 38px !important;

    background: #ffffff !important;

    border: 1px solid #e1e5ea !important;
    border-left: 5px solid #003893 !important;

    border-radius: 6px !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.05) !important;

    box-sizing: border-box !important;
}


/* CONTENT TEXT */

.single-post .single-news-content p {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 18px !important;
    line-height: 1.9 !important;

    text-align: justify !important;
    text-justify: inter-word !important;
}


/* =========================================================
   17. CONTENT H2
========================================================= */

.single-post .single-news-content h2 {
    margin: 30px 0 16px !important;

    padding: 8px 14px !important;

    background: #003893 !important;
    color: #ffffff !important;

    border-left: 5px solid #DC143C !important;

    border-radius: 3px !important;

    font-size: 27px !important;
    line-height: 1.45 !important;

    font-weight: 800 !important;
}


/* =========================================================
   18. CONTENT H3
========================================================= */

.single-post .single-news-content h3 {
    margin: 25px 0 14px !important;

    padding: 6px 12px !important;

    background: #f1f5f9 !important;
    color: #111111 !important;

    border-left: 4px solid #DC143C !important;

    font-size: 23px !important;
    line-height: 1.45 !important;

    font-weight: 700 !important;
}


/* =========================================================
   19. BLOCKQUOTE
========================================================= */

.single-post .single-news-content blockquote {
    margin: 25px 0 !important;

    padding: 15px 20px !important;

    background: #f4f7fb !important;

    border-left: 5px solid #003893 !important;

    color: #333333 !important;

    line-height: 1.85 !important;

    text-align: justify !important;
}


/* =========================================================
   20. LINKS
========================================================= */

.single-post .single-news-content a {
    color: #003893 !important;

    text-decoration: none !important;
}


.single-post .single-news-content a:hover {
    color: #DC143C !important;
}


/* =========================================================
   21. TAGS
========================================================= */

.single-post .single-news-tags {
    width: calc(100% - 40px) !important;

    max-width: 1200px !important;

    margin: 0 auto 30px !important;

    padding: 14px 20px !important;

    background: #ffffff !important;

    border: 1px solid #e1e5ea !important;
    border-left: 5px solid #DC143C !important;

    border-radius: 5px !important;

    box-sizing: border-box !important;
}


.single-post .single-news-tags .tags-label {
    color: #003893 !important;

    font-weight: 800 !important;
}


/* =========================================================
   22. RELATED NEWS
========================================================= */

.single-post .single-related-news {
    width: calc(100% - 40px) !important;

    max-width: 1200px !important;

    margin: 30px auto 0 !important;

    padding: 20px !important;

    background: #ffffff !important;

    border: 1px solid #e1e5ea !important;

    border-top: 4px solid #003893 !important;

    border-radius: 6px !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.05) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   23. TABLET
========================================================= */

@media (max-width: 991px) {

    /* TITLE */

    .single-post .single-news-title {
        font-size: 34px !important;

        line-height: 1.4 !important;

        padding: 10px 20px 12px !important;
    }


    /* META */

    .single-post .single-news-meta {
        grid-template-columns: minmax(0, 1fr) max-content !important;

        width: calc(100% - 30px) !important;

        column-gap: 8px !important;
    }


    /* AUTHOR/TIME */

    .single-post .single-news-author-time {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    .single-post .single-author {
        gap: 7px !important;

        padding-right: 10px !important;
    }


    .single-post .single-author-name {
        font-size: 14px !important;
    }


    .single-post .single-post-time {
        padding-left: 8px !important;
        padding-right: 8px !important;

        font-size: 12px !important;
    }


    /* SHARE */

    .single-post .single-news-share {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }


    .single-post .single-news-share .st-btn {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
    }


    .single-post .single-news-share .st-btn img {
        width: 18px !important;
        height: 18px !important;

        min-width: 18px !important;
        min-height: 18px !important;

        max-width: 18px !important;
        max-height: 18px !important;
    }


    /* CONTENT */

    .single-post .single-news-content {
        width: calc(100% - 30px) !important;

        padding: 25px 28px !important;
    }


    .single-post .single-post-thumbnail {
        width: calc(100% - 30px) !important;
    }


    .single-post .single-news-tags,
    .single-post .single-related-news {
        width: calc(100% - 30px) !important;
    }
}


/* =========================================================
   24. MOBILE
   ---------------------------------------------------------
   AUTHOR + TIME + SHARE
   SAME HORIZONTAL LINE
========================================================= */

@media (max-width: 767px) {

    /* STICKY TITLE POSITION */

    .single-post .single-news-header {
        top: 55px !important;
    }


    .single-post .single-news-title {
        font-size: 27px !important;

        line-height: 1.42 !important;

        padding: 7px 12px 9px !important;
    }


    /* META */

    .single-post .single-news-meta {
        display: grid !important;

        grid-template-columns: minmax(0, 1fr) max-content !important;

        align-items: center !important;

        width: calc(100% - 12px) !important;

        min-height: 58px !important;

        margin: 10px auto 16px !important;

        padding: 0 !important;

        column-gap: 5px !important;

        overflow: visible !important;
    }


    /* AUTHOR + TIME BOX */

    .single-post .single-news-author-time {
        display: flex !important;

        align-items: center !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        min-width: 0 !important;

        min-height: 54px !important;

        padding: 5px 7px !important;

        overflow: visible !important;
    }


    /* AUTHOR */

    .single-post .single-author {
        flex: 0 0 auto !important;

        min-width: max-content !important;

        gap: 6px !important;

        padding-right: 7px !important;

        overflow: visible !important;
    }


    /* AUTHOR PHOTO */

    .single-post .single-author-avatar {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        max-width: 38px !important;
    }


    /* AUTHOR NAME — NEVER CUT */

    .single-post .single-author-name {
        width: auto !important;

        max-width: none !important;

        font-size: 12px !important;

        white-space: nowrap !important;

        overflow: visible !important;

        text-overflow: clip !important;
    }


    /* TIME — NEVER CUT */

    .single-post .single-post-time {
        flex: 0 0 auto !important;

        min-width: max-content !important;

        width: auto !important;

        padding: 0 6px !important;

        font-size: 10px !important;

        white-space: nowrap !important;

        overflow: visible !important;

        text-overflow: clip !important;
    }


    /* COMMENTS */

    .single-post .single-post-comments {
        display: none !important;
    }


    /* SHARE BOX */

    .single-post .single-news-share {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: max-content !important;

        min-width: max-content !important;

        min-height: 50px !important;

        padding: 4px 5px !important;

        overflow: visible !important;
    }


    /* SHARE WRAPPER */

    .single-post .single-news-share
    .sharethis-inline-share-buttons {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex-wrap: nowrap !important;

        width: max-content !important;
        max-width: none !important;

        gap: 2px !important;

        overflow: visible !important;
    }


    /* SHARE COUNT */

    .single-post .single-news-share .st-total {
        width: auto !important;

        min-width: 34px !important;

        height: 36px !important;

        padding: 0 4px !important;
    }


    /* SHARE COUNT NUMBER */

    .single-post .single-news-share .st-total > span {
        font-size: 15px !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }


    /* SHARE ICON BUTTON */

    .single-post .single-news-share .st-btn {
        width: 34px !important;

        min-width: 34px !important;
        max-width: 34px !important;

        height: 36px !important;

        padding: 0 !important;
    }


    /* ICON */

    .single-post .single-news-share .st-btn img {
        width: 17px !important;
        height: 17px !important;

        min-width: 17px !important;
        min-height: 17px !important;

        max-width: 17px !important;
        max-height: 17px !important;

        margin: 0 !important;
    }


    /* SHARE TEXT COMPLETELY OFF */

    .single-post .single-news-share .st-btn > span,
    .single-post .single-news-share .st-btn span {
        display: none !important;
    }


    /* CONTENT */

    .single-post .single-news-content {
        width: calc(100% - 20px) !important;

        padding: 22px 18px !important;
    }


    .single-post .single-news-content p {
        font-size: 16px !important;

        line-height: 1.85 !important;
    }


    /* IMAGE */

    .single-post .single-post-thumbnail {
        width: calc(100% - 20px) !important;

        padding: 7px !important;
    }


    .single-post .single-news-tags,
    .single-post .single-related-news {
        width: calc(100% - 20px) !important;
    }
}


/* =========================================================
   25. SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    /* STICKY TITLE */

    .single-post .single-news-header {
        top: 52px !important;
    }


    .single-post .single-news-title {
        font-size: 24px !important;

        line-height: 1.42 !important;

        padding: 4px 10px 7px !important;
    }


    /* META SAME LINE */

    .single-post .single-news-meta {
        grid-template-columns: minmax(0, 1fr) max-content !important;

        width: calc(100% - 6px) !important;

        column-gap: 3px !important;

        margin-top: 8px !important;

        overflow: visible !important;
    }


    /* AUTHOR/TIME */

    .single-post .single-news-author-time {
        min-height: 46px !important;

        padding: 4px 5px !important;
    }


    /* AUTHOR PHOTO */

    .single-post .single-author-avatar {
        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        max-width: 32px !important;
    }


    /* AUTHOR */

    .single-post .single-author {
        gap: 5px !important;

        padding-right: 5px !important;
    }


    /* AUTHOR NAME */

    .single-post .single-author-name {
        font-size: 11px !important;

        max-width: none !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }


    /* TIME */

    .single-post .single-post-time {
        padding: 0 4px !important;

        font-size: 9px !important;

        min-width: max-content !important;

        white-space: nowrap !important;

        overflow: visible !important;
    }


    /* SHARE */

    .single-post .single-news-share {
        min-height: 46px !important;

        padding: 3px !important;
    }


    /* SHARE COUNT */

    .single-post .single-news-share .st-total {
        min-width: 30px !important;

        height: 34px !important;

        padding: 0 3px !important;
    }


    .single-post .single-news-share .st-total > span {
        font-size: 13px !important;
    }


    /* SHARE ICON BUTTON */

    .single-post .single-news-share .st-btn {
        width: 31px !important;

        min-width: 31px !important;
        max-width: 31px !important;

        height: 34px !important;
    }


    /* ICON */

    .single-post .single-news-share .st-btn img {
        width: 15px !important;
        height: 15px !important;

        min-width: 15px !important;
        min-height: 15px !important;

        max-width: 15px !important;
        max-height: 15px !important;
    }


    /* CONTENT */

    .single-post .single-news-content {
        width: calc(100% - 12px) !important;

        padding: 18px 14px !important;
    }


    .single-post .single-news-content p {
        font-size: 15.5px !important;

        line-height: 1.82 !important;
    }


    /* IMAGE */

    .single-post .single-post-thumbnail {
        width: calc(100% - 12px) !important;
    }
}


/* =========================================================
   26. FINAL OVERRIDE
   ---------------------------------------------------------
   SHARE TEXT = NEVER SHOW
========================================================= */

.single-post .single-news-share .st-btn span,
.single-post .single-news-share .st-btn > span {
    display: none !important;

    visibility: hidden !important;

    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;

    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    overflow: hidden !important;
}


/* "SHARES" LABEL = NEVER SHOW */

.single-post .single-news-share .st-total .st-label {
    display: none !important;

    visibility: hidden !important;
}


/* ICON NEVER GETS EXTRA SPACE */

.single-post .single-news-share .st-btn img {
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   NEPAL BIHANI LIVE
   RELATED NEWS — FINAL CSS
   ---------------------------------------------------------
   PHP STRUCTURE MATCHED EXACTLY

   .single-related-news
   .related-news-heading
   .related-news-card
   .related-news-image
   .related-news-content
   .related-news-category
   .related-news-title
   .related-news-meta
========================================================= */


/* =========================================================
   01. RELATED NEWS MAIN SECTION
========================================================= */

.single-post .single-related-news {

    display: block !important;

    width: calc(100% - 40px) !important;
    max-width: 1200px !important;

    margin: 30px auto 40px !important;
    padding: 0 20px 24px !important;

    background: #ffffff !important;

    border: 1px solid #e1e5ea !important;

    border-top: 5px solid #003893 !important;
    border-bottom: 3px solid #DC143C !important;

    border-radius: 7px !important;

    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   02. RELATED HEADING
========================================================= */

.single-post .single-related-news .related-news-heading {

    display: block !important;

    width: calc(100% + 40px) !important;

    margin: 0 -20px 22px !important;

    padding: 10px 20px !important;

    background: #003893 !important;

    border-left: 6px solid #DC143C !important;

    box-sizing: border-box !important;
}


/* TITLE */

.single-post .single-related-news .related-news-heading h2 {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #ffffff !important;

    font-size: 25px !important;

    line-height: 1.45 !important;

    font-weight: 800 !important;

    text-align: left !important;
}


/* =========================================================
   03. BOOTSTRAP ROW RESET
========================================================= */

.single-post .single-related-news .row {

    display: flex !important;

    flex-wrap: wrap !important;

    width: calc(100% + 20px) !important;

    margin-left: -10px !important;
    margin-right: -10px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    box-sizing: border-box !important;
}


/* COLUMNS */

.single-post .single-related-news .row > div {

    margin-bottom: 20px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   04. RELATED CARD
========================================================= */

.single-post .single-related-news .related-news-card {

    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #dfe4ea !important;

    border-radius: 7px !important;

    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


/* CARD HOVER */

.single-post .single-related-news .related-news-card:hover {

    transform: translateY(-3px) !important;

    border-color: #003893 !important;

    box-shadow: 0 7px 18px rgba(0,0,0,.12) !important;
}


/* =========================================================
   05. RELATED IMAGE
========================================================= */

.single-post .single-related-news .related-news-image {

    display: block !important;

    width: 100% !important;

    height: 190px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #eef2f6 !important;
}


/* IMAGE */

.single-post .single-related-news .related-news-image img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    border: 0 !important;

    transition: transform .3s ease !important;
}


/* IMAGE HOVER */

.single-post .single-related-news .related-news-card:hover
.related-news-image img {

    transform: scale(1.03) !important;
}


/* =========================================================
   06. RELATED CONTENT
========================================================= */

.single-post .single-related-news .related-news-content {

    display: flex !important;

    flex-direction: column !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    padding: 14px 15px 13px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   07. CATEGORY
========================================================= */

.single-post .single-related-news .related-news-category {

    display: inline-block !important;

    align-self: flex-start !important;

    margin: 0 0 8px !important;

    padding: 3px 9px !important;

    background: #003893 !important;

    color: #ffffff !important;

    border-left: 3px solid #DC143C !important;

    border-radius: 3px !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* =========================================================
   08. RELATED TITLE
========================================================= */

.single-post .single-related-news .related-news-title {

    display: -webkit-box !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    color: #111111 !important;

    font-size: 19px !important;

    line-height: 1.5 !important;

    font-weight: 800 !important;

    text-align: left !important;

    -webkit-line-clamp: 3 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* TITLE LINK */

.single-post .single-related-news .related-news-title a {

    color: #111111 !important;

    text-decoration: none !important;
}


/* TITLE HOVER */

.single-post .single-related-news .related-news-title a:hover {

    color: #003893 !important;
}


/* =========================================================
   09. RELATED META
========================================================= */

.single-post .single-related-news .related-news-meta {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 8px !important;

    width: 100% !important;

    margin-top: auto !important;

    padding-top: 10px !important;

    border-top: 1px solid #e6e9ed !important;

    box-sizing: border-box !important;
}


/* =========================================================
   10. RELATED AUTHOR
========================================================= */

.single-post .single-related-news .related-author {

    display: inline-flex !important;

    align-items: center !important;

    gap: 6px !important;

    min-width: 0 !important;

    color: #333333 !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* AUTHOR AVATAR */

.single-post .single-related-news .related-author-avatar {

    width: 28px !important;

    height: 28px !important;

    min-width: 28px !important;

    max-width: 28px !important;

    margin: 0 !important;
    padding: 1px !important;

    border: 1px solid #003893 !important;

    border-radius: 50% !important;

    object-fit: cover !important;

    box-sizing: border-box !important;
}


/* =========================================================
   11. RELATED TIME
========================================================= */

.single-post .single-related-news .related-time {

    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important;

    flex: 0 0 auto !important;

    color: #777777 !important;

    font-size: 11px !important;

    font-weight: 600 !important;

    white-space: nowrap !important;
}


/* CLOCK */

.single-post .single-related-news .related-time i {

    color: #003893 !important;

    font-size: 12px !important;
}


/* =========================================================
   12. TABLET
========================================================= */

@media (max-width: 991px) {

    .single-post .single-related-news {

        width: calc(100% - 30px) !important;

        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    .single-post .single-related-news .related-news-heading {

        width: calc(100% + 30px) !important;

        margin-left: -15px !important;
        margin-right: -15px !important;

        padding-left: 15px !important;
    }


    .single-post .single-related-news .related-news-heading h2 {

        font-size: 22px !important;
    }


    .single-post .single-related-news .related-news-image {

        height: 170px !important;
    }


    .single-post .single-related-news .related-news-title {

        font-size: 17px !important;
    }
}


/* =========================================================
   13. MOBILE
========================================================= */

@media (max-width: 767px) {

    .single-post .single-related-news {

        width: calc(100% - 20px) !important;

        margin-top: 22px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        padding-bottom: 14px !important;
    }


    .single-post .single-related-news .related-news-heading {

        width: calc(100% + 20px) !important;

        margin-left: -10px !important;
        margin-right: -10px !important;

        margin-bottom: 15px !important;

        padding: 8px 12px !important;
    }


    .single-post .single-related-news .related-news-heading h2 {

        font-size: 20px !important;

        line-height: 1.4 !important;
    }


    /* ONE COLUMN */

    .single-post .single-related-news .row {

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .single-post .single-related-news .row > div {

        width: 100% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-bottom: 12px !important;
    }


    .single-post .single-related-news .related-news-image {

        height: auto !important;

        max-height: 230px !important;
    }


    .single-post .single-related-news .related-news-image img {

        width: 100% !important;

        height: auto !important;

        min-height: 180px !important;

        object-fit: cover !important;
    }


    .single-post .single-related-news .related-news-content {

        padding: 11px 12px !important;
    }


    .single-post .single-related-news .related-news-title {

        font-size: 17px !important;

        line-height: 1.5 !important;

        -webkit-line-clamp: 3 !important;
    }


    .single-post .single-related-news .related-news-meta {

        padding-top: 8px !important;
    }
}


/* =========================================================
   14. SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .single-post .single-related-news {

        width: calc(100% - 12px) !important;

        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .single-post .single-related-news .related-news-heading {

        width: calc(100% + 16px) !important;

        margin-left: -8px !important;
        margin-right: -8px !important;

        padding: 7px 10px !important;
    }


    .single-post .single-related-news .related-news-heading h2 {

        font-size: 18px !important;
    }


    .single-post .single-related-news .related-news-image img {

        min-height: 160px !important;
    }


    .single-post .single-related-news .related-news-title {

        font-size: 16px !important;
    }


    .single-post .single-related-news .related-news-category {

        font-size: 10px !important;

        padding: 2px 7px !important;
    }


    .single-post .single-related-news .related-author {

        font-size: 11px !important;
    }


    .single-post .single-related-news .related-author-avatar {

        width: 25px !important;

        height: 25px !important;

        min-width: 25px !important;
    }


    .single-post .single-related-news .related-time {

        font-size: 10px !important;
    }
}


/* =========================================================
   BIHANI SPECIAL HEADER
   SINGLE LINE
========================================================= */

.nb-morning-special-header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    white-space: nowrap;
}


/* =========================================================
   BIHANI SPECIAL TITLE
========================================================= */

.nb-morning-special-title {
    flex: 0 0 auto;
}


.nb-morning-special-title h2 {
    margin: 0;
    padding: 9px 18px;

    background: linear-gradient(
        90deg,
        #003893 0%,
        #003893 55%,
        #DC143C 55%,
        #DC143C 100%
    );

    color: #fff;

    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;

    border-radius: 5px;

    box-shadow:
        0 3px 10px rgba(0,0,0,.12);
}


/* =========================================================
   CATEGORY NAV
========================================================= */

.nb-morning-special-nav {
    display: flex;
    align-items: center;
    gap: 8px;

    flex: 0 1 auto;

    min-width: 0;
}


.nb-morning-special-nav a {
    display: inline-flex;
    align-items: center;

    padding: 8px 13px;

    background: #f5f7fa;

    color: #222;

    border: 1px solid #e2e6eb;

    border-radius: 5px;

    font-size: 16px;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none;

    transition: all .25s ease;
}


.nb-morning-special-nav a:hover {
    background: #003893;
    color: #fff;
    border-color: #003893;
}


/* =========================================================
   ALL NEWS — FAR RIGHT
========================================================= */

.nb-morning-special-all {
    margin-left: auto;

    flex: 0 0 auto;
}


.nb-morning-special-all a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #DC143C;

    font-size: 16px;
    font-weight: 800;

    text-decoration: none;
}


.nb-morning-special-all a span {
    font-size: 22px;
    line-height: 1;
}


.nb-morning-special-all a:hover {
    color: #003893;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .nb-morning-special-header {
        flex-wrap: wrap;
        white-space: normal;
        gap: 8px;
    }

    .nb-morning-special-title h2 {
        font-size: 18px;
        padding: 8px 12px;
    }

    .nb-morning-special-nav {
        order: 3;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .nb-morning-special-nav a {
        flex: 0 0 auto;
        font-size: 14px;
    }

    .nb-morning-special-all {
        margin-left: auto;
    }

    .nb-morning-special-all a {
        font-size: 14px;
    }
}

/* =========================================================
   NEPAL BIHANI
   POLITICS SECTION
========================================================= */

.nb-politics-section {
    width: 100%;
    margin: 0 0 35px;
    padding: 0;
}

.nb-politics-section .container-full {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* =========================================================
   HEADER
========================================================= */

.nb-politics-header {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    margin-bottom: 18px;
    gap: 20px;
}


/* =========================================================
   TITLE
========================================================= */

.nb-politics-title {
    flex: 0 0 auto;
}

.nb-politics-title h2 {
    margin: 0;
    padding: 9px 22px;
    background: linear-gradient(
        90deg,
        #003893 0%,
        #003893 55%,
        #DC143C 55%,
        #DC143C 100%
    );
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
    border-radius: 4px;
    white-space: nowrap;
}


/* =========================================================
   NAVIGATION
========================================================= */

.nb-politics-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto;
    gap: 8px;
    min-width: 0;
}

.nb-politics-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    color: #222222;
    background: #f5f7fa;
    border: 1px solid #e3e6ea;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: all .25s ease;
}

.nb-politics-nav a:hover {
    color: #ffffff;
    background: #003893;
    border-color: #003893;
}


/* =========================================================
   ALL POLITICS
========================================================= */

.nb-politics-all {
    flex: 0 0 auto;
    margin-left: auto;
}

.nb-politics-all a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #003893;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.nb-politics-all a:hover {
    color: #DC143C;
}


/* =========================================================
   NEWS GRID
========================================================= */

.nb-politics-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 18px;
}


/* =========================================================
   CARD
========================================================= */

.nb-politics-card {
    grid-column: span 2;
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.nb-politics-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .10);
}


/* =========================================================
   IMAGE
========================================================= */

.nb-politics-card-image {
    position: relative;
    display: block;
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #eeeeee;
}

.nb-politics-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.nb-politics-card:hover
.nb-politics-card-image img {
    transform: scale(1.04);
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.nb-politics-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #777777;
    background: #f2f2f2;
    font-size: 15px;
}


/* =========================================================
   CATEGORY
========================================================= */

.nb-politics-category {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: inline-flex;
    padding: 5px 10px;
    color: #ffffff;
    background: #DC143C;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}


/* =========================================================
   CONTENT
========================================================= */

.nb-politics-card-content {
    padding: 13px 14px 14px;
}


/* =========================================================
   TITLE
========================================================= */

.nb-politics-card-title {
    margin: 0 0 12px;
    padding: 0;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.nb-politics-card-title a {
    color: #171717;
    text-decoration: none;
}

.nb-politics-card-title a:hover {
    color: #003893;
}


/* =========================================================
   META
========================================================= */

.nb-politics-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: #777777;
    font-size: 14px;
    line-height: 1.3;
}


/* =========================================================
   AUTHOR
========================================================= */

.nb-politics-author {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    font-weight: 700;
    color: #555555;
}

.nb-politics-avatar {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px;
    border-radius: 50%;
    object-fit: cover;
}


/* =========================================================
   DOT
========================================================= */

.nb-politics-dot {
    color: #DC143C;
    font-weight: 800;
}


/* =========================================================
   TIME
========================================================= */

.nb-politics-time {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #777777;
}

.nb-politics-time i {
    color: #003893;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .nb-politics-header {
        flex-wrap: wrap;
        gap: 10px;
    }

    .nb-politics-nav {
        order: 3;
        width: 100%;
        flex: 0 0 100%;
        overflow-x: auto;
        padding-bottom: 3px;
    }

    .nb-politics-all {
        margin-left: auto;
    }

    .nb-politics-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .nb-politics-card {
        grid-column: span 2;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .nb-politics-section {
        margin-bottom: 25px;
    }

    .nb-politics-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .nb-politics-title h2 {
        font-size: 20px;
        padding: 8px 16px;
    }

    .nb-politics-all {
        margin-left: auto;
    }

    .nb-politics-all a {
        font-size: 14px;
    }

    .nb-politics-nav {
        gap: 6px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .nb-politics-nav::-webkit-scrollbar {
        display: none;
    }

    .nb-politics-nav a {
        padding: 7px 11px;
        font-size: 14px;
    }

    .nb-politics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .nb-politics-card {
        grid-column: span 1;
    }

    .nb-politics-card-image {
        height: 135px;
    }

    .nb-politics-card-content {
        padding: 10px;
    }

    .nb-politics-card-title {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 9px;
    }

    .nb-politics-card-meta {
        font-size: 12px;
    }

    .nb-politics-avatar {
        width: 25px !important;
        height: 25px !important;
        min-width: 25px;
    }

}

/* =========================================================
   WORLD + EDUCATION — 50/50 DESKTOP
========================================================= */

.nb-world-education-section {
    width: 100%;
    margin: 30px 0;
}

.nb-world-education-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

.nb-world-education-column {
    min-width: 0 !important;
    width: 100% !important;
}

/* 4 cards = 2 × 2 */

.nb-world-education-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
}

/* Category badge हटाउने */

.nb-world-education-column .nb-morning-category {
    display: none !important;
}

/* Image */

.nb-world-education-column .nb-morning-card-image {
    display: block;
    width: 100%;
    overflow: hidden;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .nb-world-education-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .nb-world-education-cards {
        grid-template-columns: 1fr !important;
    }

}

/* =========================================================
   =========================================================
   NEPAL BIHANI LIVE
   NBK PREMIUM EDITORIAL FOOTER
   FINAL CSS
   =========================================================
   BRAND:
   BLUE  #003893
   RED   #DC143C
   WHITE #FFFFFF
   =========================================================
   ========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

#nb-footer {

    --nbk-blue: #003893;
    --nbk-red: #DC143C;
    --nbk-white: #FFFFFF;

    --nbk-bg: #F5F7FA;
    --nbk-card: #FFFFFF;

    --nbk-text: #222222;
    --nbk-muted: #586979;

    --nbk-border: #E0E5EA;

    width: 100%;
    margin: 0;
    padding: 0;

    background: var(--nbk-bg);

    color: var(--nbk-text);

    font-family:
        "Noto Sans Devanagari",
        "Noto Sans",
        Arial,
        sans-serif;

    box-sizing: border-box;
}


#nb-footer *,
#nb-footer *::before,
#nb-footer *::after {
    box-sizing: border-box;
}


#nb-footer a {
    text-decoration: none;
}


#nb-footer img {
    max-width: 100%;
}


/* =========================================================
   02. CONTAINER
========================================================= */

#nb-footer .nbk-footer-container {

    width: 100%;

    max-width: 1350px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 15px;
    padding-right: 15px;
}


/* =========================================================
   03. SOCIAL BAR
========================================================= */

#nb-footer .nbk-footer-social {

    width: 100%;

    background: var(--nbk-blue);

    border-bottom: 4px solid var(--nbk-red);
}


#nb-footer .nbk-footer-social
.nbk-footer-container {

    min-height: 62px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding-top: 10px;
    padding-bottom: 10px;
}


#nb-footer .nbk-footer-social-title {

    color: #FFFFFF;

    font-size: 16px;

    font-weight: 800;

    line-height: 1.3;

    white-space: nowrap;
}


#nb-footer .nbk-footer-social-links {

    display: flex;

    align-items: center;

    gap: 18px;
}


#nb-footer .nbk-footer-social-links a {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #FFFFFF;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    transition:
        opacity .25s ease,
        transform .25s ease;
}


#nb-footer .nbk-footer-social-links a:hover {

    color: #FFFFFF;

    opacity: .8;

    transform: translateY(-1px);
}


#nb-footer .nbk-social-circle {

    width: 30px;
    height: 30px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.85);

    border-radius: 50%;

    color: #FFFFFF;

    font-size: 16px;

    font-weight: 800;

    line-height: 1;
}


#nb-footer .nbk-x {

    font-size: 15px;
}


#nb-footer .nbk-youtube {

    font-size: 13px;
}


#nb-footer .nbk-instagram {

    font-size: 18px;
}


/* =========================================================
   04. MAIN FOOTER BACKGROUND
========================================================= */

#nb-footer .nbk-footer-main {

    width: 100%;

    padding-top: 25px;
    padding-bottom: 22px;

    background: var(--nbk-bg);
}


/* =========================================================
   05. FOOTER GRID
========================================================= */

#nb-footer .nbk-footer-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;

    align-items: stretch;
}


/* =========================================================
   06. FOOTER BOX
========================================================= */

#nb-footer .nbk-footer-box {

    position: relative;

    min-width: 0;

    min-height: 330px;

    padding: 0 16px 18px;

    background: var(--nbk-card);

    border: 1px solid var(--nbk-border);

    border-top: 3px solid var(--nbk-blue);

    border-radius: 5px;

    overflow: visible;

    transition:
        box-shadow .25s ease,
        transform .25s ease;
}


#nb-footer .nbk-footer-box:hover {

    box-shadow:
        0 5px 18px rgba(0,0,0,.07);
}


/* =========================================================
   07. TEAM BOX
========================================================= */

#nb-footer .nbk-team-box {

    border-top-color: var(--nbk-red);
}


/* =========================================================
   08. NBK BRAND RIBBON
   SAME 55 / 45 STYLE USED IN NBK SITE
========================================================= */

#nb-footer .nbk-footer-ribbon {

    position: relative;

    display: inline-block;

    margin: -1px 0 20px -16px;

    padding: 8px 28px 8px 18px;

    background: linear-gradient(
        90deg,
        #003893 0%,
        #003893 55%,
        #DC143C 55%,
        #DC143C 100%
    );

    color: #FFFFFF;

    font-size: 21px;

    font-weight: 800;

    line-height: 1.25;

    border-radius: 0 4px 4px 0;

    white-space: nowrap;

    box-shadow:
        0 3px 10px rgba(0,0,0,.12);
}


/* =========================================================
   RIBBON ARROW
========================================================= */

#nb-footer .nbk-footer-ribbon::after {

    content: "";

    position: absolute;

    top: 0;
    right: -16px;

    width: 0;
    height: 0;

    border-top: 21px solid transparent;

    border-bottom: 21px solid transparent;

    border-left: 16px solid #DC143C;
}


/* =========================================================
   09. FOOTER CONTENT
========================================================= */

#nb-footer .nbk-footer-content {

    width: 100%;

    padding: 0;
}


/* =========================================================
   10. CONTACT ROW
========================================================= */

#nb-footer .nbk-contact-row {

    margin-bottom: 15px;

    padding-bottom: 10px;

    border-bottom: 1px solid #EEF1F4;
}


#nb-footer .nbk-contact-row:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;
}


#nb-footer .nbk-contact-row strong {

    display: block;

    margin-bottom: 3px;

    color: #3E4A55;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.4;
}


#nb-footer .nbk-contact-row span {

    display: block;

    color: var(--nbk-muted);

    font-size: 14px;

    font-weight: 500;

    line-height: 1.55;

    word-break: break-word;
}


/* =========================================================
   11. TEAM ROW
========================================================= */

#nb-footer .nbk-team-row {

    margin-bottom: 13px;

    padding-bottom: 9px;

    border-bottom: 1px solid #EEF1F4;
}


#nb-footer .nbk-team-row:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: 0;
}


#nb-footer .nbk-team-row strong {

    display: block;

    margin-bottom: 2px;

    color: #3E4A55;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.4;
}


#nb-footer .nbk-team-row span {

    display: block;

    color: #263746;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.5;
}


/* =========================================================
   12. FOOTER LINKS
========================================================= */

#nb-footer .nbk-footer-links {

    margin: 0;

    padding: 0;

    list-style: none;
}


#nb-footer .nbk-footer-links li {

    position: relative;

    margin: 0 0 11px;

    padding-left: 16px;
}


#nb-footer .nbk-footer-links li:last-child {

    margin-bottom: 0;
}


#nb-footer .nbk-footer-links li::before {

    content: "›";

    position: absolute;

    left: 0;
    top: -1px;

    color: var(--nbk-red);

    font-size: 19px;

    font-weight: 800;

    line-height: 1;
}


#nb-footer .nbk-footer-links a {

    color: var(--nbk-muted);

    font-size: 14px;

    font-weight: 600;

    line-height: 1.5;

    transition:
        color .2s ease,
        padding-left .2s ease;
}


#nb-footer .nbk-footer-links a:hover {

    color: var(--nbk-blue);

    padding-left: 3px;
}


/* =========================================================
   13. APP DOWNLOAD
========================================================= */

#nb-footer .nbk-app-download {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 22px;
}


#nb-footer .nbk-app-download a {

    display: block;

    width: 105px;

    line-height: 0;
}


#nb-footer .nbk-app-download img {

    display: block;

    width: 100%;

    height: auto;

    border-radius: 4px;

    transition:
        transform .2s ease,
        opacity .2s ease;
}


#nb-footer .nbk-app-download a:hover img {

    transform: translateY(-2px);

    opacity: .9;
}


/* =========================================================
   14. ADVERTISEMENT BAR
========================================================= */

#nb-footer .nbk-advertisement {

    width: 100%;

    min-height: 105px;

    margin-top: 20px;

    display: grid;

    grid-template-columns:
        190px
        1px
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items: center;

    background: var(--nbk-blue);

    color: #FFFFFF;

    border-top: 4px solid var(--nbk-red);

    border-radius: 0 5px 5px 5px;

    overflow: hidden;
}


/* =========================================================
   15. ADVERTISEMENT TITLE
========================================================= */

#nb-footer .nbk-advertisement-title {

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 18px;

    color: #FFFFFF;

    font-size: 18px;

    font-weight: 800;

    line-height: 1.35;
}


#nb-footer .nbk-ad-mark {

    display: inline-block;

    width: 5px;

    height: 30px;

    flex: 0 0 5px;

    background: var(--nbk-red);
}


/* =========================================================
   16. ADVERTISEMENT DIVIDER
========================================================= */

#nb-footer .nbk-advertisement-divider {

    width: 1px;

    height: 58px;

    background: rgba(255,255,255,.65);
}


/* =========================================================
   17. ADVERTISEMENT DEPARTMENT
========================================================= */

#nb-footer .nbk-ad-department {

    padding: 16px 20px;
}


#nb-footer .nbk-ad-department strong {

    display: block;

    margin-bottom: 5px;

    color: #FFFFFF;

    font-size: 15px;

    font-weight: 800;

    line-height: 1.4;
}


#nb-footer .nbk-ad-department span {

    display: block;

    color: #FFFFFF;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.6;

    word-break: break-word;
}


/* =========================================================
   18. FOOTER BOTTOM
========================================================= */

#nb-footer .nbk-footer-bottom {

    width: 100%;

    background: var(--nbk-blue);

    border-top: 4px solid var(--nbk-red);
}


#nb-footer .nbk-footer-bottom
.nbk-footer-container {

    min-height: 52px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding-top: 9px;
    padding-bottom: 9px;
}


/* =========================================================
   19. COPYRIGHT
========================================================= */

#nb-footer .nbk-footer-copyright {

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.5;
}


#nb-footer .nbk-footer-powered {

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.5;

    text-align: right;
}


#nb-footer .nbk-footer-powered strong {

    color: #FFFFFF;

    font-weight: 800;
}


/* =========================================================
   20. REMOVE THEME FOOTER WIDGET AREA
========================================================= */

#nb-footer .footer-sidebar,
#nb-footer .footer-widgets {

    display: none !important;
}


/* =========================================================
   21. TABLET
========================================================= */

@media (max-width: 1050px) {

    #nb-footer .nbk-footer-container {

        padding-left: 20px;
        padding-right: 20px;
    }


    #nb-footer .nbk-footer-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 16px;
    }


    #nb-footer .nbk-footer-box {

        min-height: 300px;
    }


    #nb-footer .nbk-advertisement {

        grid-template-columns:
            170px
            1px
            minmax(0, 1fr)
            minmax(0, 1fr);
    }


    #nb-footer .nbk-advertisement-title {

        font-size: 16px;
    }

}


/* =========================================================
   22. MOBILE
========================================================= */

@media (max-width: 767px) {

    #nb-footer .nbk-footer-container {

        padding-left: 12px;
        padding-right: 12px;
    }


    /* SOCIAL */

    #nb-footer .nbk-footer-social
    .nbk-footer-container {

        min-height: auto;

        flex-direction: column;

        align-items: flex-start;

        gap: 9px;

        padding-top: 12px;
        padding-bottom: 12px;
    }


    #nb-footer .nbk-footer-social-links {

        width: 100%;

        flex-wrap: wrap;

        gap: 9px 16px;
    }


    #nb-footer .nbk-social-circle {

        width: 28px;
        height: 28px;
    }


    /* GRID */

    #nb-footer .nbk-footer-grid {

        grid-template-columns: 1fr;

        gap: 13px;
    }


    #nb-footer .nbk-footer-box {

        min-height: auto;

        padding: 0 15px 18px;
    }


    /* RIBBON */

    #nb-footer .nbk-footer-ribbon {

        margin-left: -15px;

        font-size: 19px;

        padding: 7px 24px 7px 15px;
    }


    #nb-footer .nbk-footer-ribbon::after {

        right: -14px;

        border-top-width: 19px;

        border-bottom-width: 19px;

        border-left-width: 14px;
    }


    /* AD */

    #nb-footer .nbk-advertisement {

        display: block;

        min-height: auto;

        padding-bottom: 5px;
    }


    #nb-footer .nbk-advertisement-title {

        padding: 15px 16px;
    }


    #nb-footer .nbk-advertisement-divider {

        width: calc(100% - 32px);

        height: 1px;

        margin: 0 16px;

        background: rgba(255,255,255,.45);
    }


    #nb-footer .nbk-ad-department {

        padding: 15px 16px;
    }


    #nb-footer .nbk-ad-department
    + .nbk-ad-department {

        padding-top: 14px;

        border-top: 1px solid rgba(255,255,255,.25);
    }


    /* BOTTOM */

    #nb-footer .nbk-footer-bottom
    .nbk-footer-container {

        min-height: auto;

        flex-direction: column;

        justify-content: center;

        gap: 3px;

        padding-top: 10px;
        padding-bottom: 10px;
    }


    #nb-footer .nbk-footer-copyright,
    #nb-footer .nbk-footer-powered {

        font-size: 11px;

        text-align: center;
    }

}


/* =========================================================
   23. SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    #nb-footer .nbk-footer-social-links a {

        font-size: 12px;
    }


    #nb-footer .nbk-footer-ribbon {

        font-size: 18px;
    }


    #nb-footer .nbk-contact-row span,
    #nb-footer .nbk-team-row span,
    #nb-footer .nbk-footer-links a {

        font-size: 13px;
    }


    #nb-footer .nbk-ad-department strong {

        font-size: 14px;
    }


    #nb-footer .nbk-ad-department span {

        font-size: 12px;
    }

}


/* =========================================================
   NBK HD TV
   VIDEO SECTION
========================================================= */

.nb-tv-section {
    width: 100%;
    margin: 35px 0;
}

.nb-tv-section .container-full {
    width: 100%;
}


/* =========================================================
   HEADER
========================================================= */

.nb-tv-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    border-bottom: 2px solid #202333;

    margin-bottom: 20px;

    min-height: 42px;
}


.nb-tv-title {
    position: relative;
}


.nb-tv-title h2 {
    margin: 0;

    padding: 0 0 8px 0;

    font-size: 28px;
    line-height: 1.2;

    font-weight: 800;

    color: #202333;

    position: relative;
}


.nb-tv-title h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -2px;

    width: 68px;
    height: 3px;

    background: #DC143C;
}


.nb-tv-explore a {
    display: inline-flex;

    align-items: center;
    gap: 6px;

    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    color: #777;

    transition: all .2s ease;
}


.nb-tv-explore a:hover {
    color: #003893;
}


/* =========================================================
   MAIN GRID
========================================================= */

.nb-tv-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1.8fr);

    gap: 28px;

    align-items: start;
}


/* =========================================================
   LEFT VIDEO LIST
========================================================= */

.nb-tv-list {
    display: flex;

    flex-direction: column;

    gap: 16px;
}


.nb-tv-list-item {
    display: grid;

    grid-template-columns:
        125px
        minmax(0, 1fr);

    gap: 14px;

    padding-bottom: 16px;

    border-bottom: 1px solid #e5e5e5;
}


.nb-tv-list-item:last-child {
    border-bottom: 0;
}


.nb-tv-list-image {
    display: block;

    position: relative;

    width: 125px;
    height: 78px;

    overflow: hidden;

    background: #eee;

    border-radius: 3px;
}


.nb-tv-list-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .3s ease;
}


.nb-tv-list-image:hover img {
    transform: scale(1.05);
}


/* =========================================================
   SMALL PLAY BUTTON
========================================================= */

.nb-tv-play-small {
    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(
        220,
        20,
        60,
        .95
    );

    color: #fff;

    font-size: 14px;

    line-height: 1;

    padding-left: 2px;
}


/* =========================================================
   LEFT TITLE
========================================================= */

.nb-tv-list-content {
    min-width: 0;
}


.nb-tv-list-content h3 {
    margin: 0;

    font-size: 17px;

    line-height: 1.55;

    font-weight: 700;
}


.nb-tv-list-content h3 a {
    color: #202333;

    text-decoration: none;

    transition: color .2s ease;
}


.nb-tv-list-content h3 a:hover {
    color: #003893;
}


/* =========================================================
   FEATURED VIDEO
========================================================= */

.nb-tv-featured {
    min-width: 0;
}


.nb-tv-featured-video {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #111;

    border-radius: 2px;
}


.nb-tv-featured-video a {
    display: block;

    width: 100%;
    height: 100%;

    position: relative;
}


.nb-tv-featured-video img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .3s ease;
}


.nb-tv-featured-video a:hover img {
    transform: scale(1.02);
}


/* =========================================================
   BIG PLAY BUTTON
========================================================= */

.nb-tv-play {
    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ff0033;

    color: #fff;

    font-size: 25px;

    line-height: 1;

    padding-left: 4px;

    box-shadow:
        0 4px 18px
        rgba(
            0,
            0,
            0,
            .35
        );

    transition:
        transform .2s ease;
}


.nb-tv-featured-video a:hover .nb-tv-play {
    transform:
        translate(-50%, -50%)
        scale(1.08);
}


/* =========================================================
   FEATURED TITLE
========================================================= */

.nb-tv-featured-title {
    margin: 12px 0 0;

    font-size: 25px;

    line-height: 1.45;

    font-weight: 800;
}


.nb-tv-featured-title a {
    color: #202333;

    text-decoration: none;
}


.nb-tv-featured-title a:hover {
    color: #003893;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .nb-tv-grid {
        grid-template-columns:
            1fr
            1.5fr;

        gap: 20px;
    }


    .nb-tv-list-item {
        grid-template-columns:
            105px
            minmax(0, 1fr);

        gap: 10px;
    }


    .nb-tv-list-image {
        width: 105px;
        height: 68px;
    }


    .nb-tv-list-content h3 {
        font-size: 15px;
    }


    .nb-tv-featured-title {
        font-size: 21px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .nb-tv-section {
        margin: 25px 0;
    }


    .nb-tv-header {
        min-height: 38px;

        margin-bottom: 15px;
    }


    .nb-tv-title h2 {
        font-size: 23px;
    }


    .nb-tv-explore a {
        font-size: 11px;
    }


    .nb-tv-grid {
        display: flex;

        flex-direction: column;
    }


    /*
     * Featured video first on mobile
     */

    .nb-tv-featured {
        order: 1;
    }


    .nb-tv-list {
        order: 2;
    }


    .nb-tv-list-item {
        grid-template-columns:
            110px
            minmax(0, 1fr);

        gap: 12px;
    }


    .nb-tv-list-image {
        width: 110px;
        height: 70px;
    }


    .nb-tv-list-content h3 {
        font-size: 16px;

        line-height: 1.5;
    }


    .nb-tv-featured-title {
        font-size: 20px;

        line-height: 1.45;

        margin-bottom: 18px;
    }


    .nb-tv-play {
        width: 54px;
        height: 54px;

        font-size: 21px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .nb-tv-list-item {
        grid-template-columns:
            95px
            minmax(0, 1fr);
    }


    .nb-tv-list-image {
        width: 95px;
        height: 62px;
    }


    .nb-tv-list-content h3 {
        font-size: 15px;
    }


    .nb-tv-explore {
        display: none;
    }

}




/* =========================================================
   NBK HD TV — NBK BRAND RIBBON
   Nepal Flag Blue + Red
========================================================= */

.page-template-frontpage .nb-tv-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    margin: 0 0 18px;
    padding: 0;

    border-bottom: 2px solid #003893;
}


/* =========================================================
   NBK TV TITLE RIBBON
========================================================= */

.page-template-frontpage .nb-tv-title {
    margin: 0;
    padding: 0;
}


.page-template-frontpage .nb-tv-title h2 {
    position: relative;

    display: inline-flex;
    align-items: center;

    margin: 0;
    padding: 9px 24px 9px 18px;

    background: linear-gradient(
        90deg,
        #003893 0%,
        #003893 78%,
        #DC143C 78%,
        #DC143C 100%
    );

    color: #ffffff;

    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: .2px;

    border-radius: 0;

    box-shadow: none;
}


/* =========================================================
   RIBBON RIGHT ARROW
========================================================= */

.page-template-frontpage .nb-tv-title h2::after {
    content: "";

    position: absolute;

    right: -14px;
    top: 0;

    width: 0;
    height: 0;

    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;

    border-left: 14px solid #DC143C;
}


/* =========================================================
   EXPLORE NBK TV
========================================================= */

.page-template-frontpage .nb-tv-explore {
    margin-left: auto;
}


.page-template-frontpage .nb-tv-explore a {
    display: inline-flex;

    align-items: center;
    gap: 7px;

    padding: 8px 0;

    color: #003893;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    transition: all .2s ease;
}


.page-template-frontpage .nb-tv-explore a:hover {
    color: #DC143C;
}


.page-template-frontpage .nb-tv-explore a span {
    font-size: 20px;
    line-height: 1;
}


/* =========================================================
   NBK TV MAIN GRID
========================================================= */

.page-template-frontpage .nb-tv-grid {
    display: grid;

    grid-template-columns:
        minmax(250px, 0.72fr)
        minmax(500px, 1.28fr);

    gap: 22px;

    width: 100%;
}


/* =========================================================
   LEFT VIDEO LIST
========================================================= */

.page-template-frontpage .nb-tv-list {
    display: flex;

    flex-direction: column;

    gap: 12px;

    min-width: 0;
}


.page-template-frontpage .nb-tv-list-item {
    display: grid;

    grid-template-columns: 145px 1fr;

    gap: 13px;

    align-items: center;

    min-width: 0;

    padding-bottom: 12px;

    border-bottom: 1px solid #e5e5e5;
}


.page-template-frontpage .nb-tv-list-image {
    position: relative;

    display: block;

    width: 145px;
    height: 82px;

    overflow: hidden;

    background: #f1f1f1;
}


.page-template-frontpage .nb-tv-list-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .3s ease;
}


.page-template-frontpage .nb-tv-list-image:hover img {
    transform: scale(1.05);
}


/* =========================================================
   SMALL PLAY BUTTON
========================================================= */

.page-template-frontpage .nb-tv-play-small {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(
        -50%,
        -50%
    );

    display: flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: rgba(
        0,
        56,
        147,
        .92
    );

    color: #ffffff;

    border: 2px solid #ffffff;
    border-radius: 50%;

    font-size: 13px;

    padding-left: 2px;

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


/* =========================================================
   SMALL VIDEO TITLE
========================================================= */

.page-template-frontpage .nb-tv-list-content h3 {
    margin: 0;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.45;
}


.page-template-frontpage .nb-tv-list-content h3 a {
    color: #222222;

    text-decoration: none;

    display: -webkit-box;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
}


.page-template-frontpage .nb-tv-list-content h3 a:hover {
    color: #003893;
}


/* =========================================================
   RIGHT — TWO BIG VIDEOS
========================================================= */

.page-template-frontpage .nb-tv-featured-column {
    display: flex;

    flex-direction: column;

    gap: 20px;

    min-width: 0;
}


/* =========================================================
   BIG VIDEO CARD
========================================================= */

.page-template-frontpage .nb-tv-featured {
    min-width: 0;
}


.page-template-frontpage .nb-tv-featured-video {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #111111;
}


.page-template-frontpage .nb-tv-featured-video a {
    display: block;

    width: 100%;
    height: 100%;
}


.page-template-frontpage .nb-tv-featured-video img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}


.page-template-frontpage .nb-tv-featured-video a:hover img {
    transform: scale(1.035);
}


/* =========================================================
   BIG PLAY BUTTON
========================================================= */

.page-template-frontpage .nb-tv-play {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(
        -50%,
        -50%
    );

    display: flex;

    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    background: rgba(
        220,
        20,
        60,
        .95
    );

    color: #ffffff;

    border: 3px solid #ffffff;

    border-radius: 50%;

    font-size: 24px;

    padding-left: 4px;

    box-shadow:
        0 4px 18px rgba(
            0,
            0,
            0,
            .35
        );

    transition:
        transform .25s ease,
        background .25s ease;
}


.page-template-frontpage .nb-tv-featured-video a:hover .nb-tv-play {
    transform:
        translate(
            -50%,
            -50%
        )
        scale(1.08);

    background: #003893;
}


/* =========================================================
   BIG VIDEO TITLE
========================================================= */

.page-template-frontpage .nb-tv-featured-title {
    margin: 9px 0 0;

    font-size: 21px;
    font-weight: 800;

    line-height: 1.45;
}


.page-template-frontpage .nb-tv-featured-title a {
    color: #222222;

    text-decoration: none;
}


.page-template-frontpage .nb-tv-featured-title a:hover {
    color: #003893;
}


/* =========================================================
   SECOND BIG VIDEO SEPARATOR
========================================================= */

.page-template-frontpage
.nb-tv-featured-column
.nb-tv-featured + .nb-tv-featured {
    padding-top: 20px;

    border-top: 2px solid #003893;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .page-template-frontpage .nb-tv-grid {
        grid-template-columns: 1fr;
    }


    .page-template-frontpage .nb-tv-list {
        order: 2;
    }


    .page-template-frontpage .nb-tv-featured-column {
        order: 1;
    }


    .page-template-frontpage .nb-tv-list-item {
        grid-template-columns: 180px 1fr;
    }


    .page-template-frontpage .nb-tv-list-image {
        width: 180px;
        height: 102px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .page-template-frontpage .nb-tv-header {
        align-items: center;

        margin-bottom: 14px;
    }


    .page-template-frontpage .nb-tv-title h2 {
        padding: 8px 20px 8px 14px;

        font-size: 20px;
    }


    .page-template-frontpage
    .nb-tv-title h2::after {

        right: -11px;

        border-top-width: 17px;
        border-bottom-width: 17px;

        border-left-width: 11px;
    }


    .page-template-frontpage .nb-tv-explore a {
        font-size: 12px;
    }


    .page-template-frontpage .nb-tv-explore a span {
        font-size: 17px;
    }


    .page-template-frontpage .nb-tv-grid {
        gap: 16px;
    }


    .page-template-frontpage .nb-tv-list-item {
        grid-template-columns: 120px 1fr;

        gap: 10px;

        padding-bottom: 10px;
    }


    .page-template-frontpage .nb-tv-list-image {
        width: 120px;
        height: 68px;
    }


    .page-template-frontpage .nb-tv-list-content h3 {
        font-size: 15px;

        line-height: 1.4;
    }


    .page-template-frontpage .nb-tv-featured-title {
        font-size: 18px;
    }


    .page-template-frontpage .nb-tv-play {
        width: 50px;
        height: 50px;

        font-size: 19px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .page-template-frontpage .nb-tv-explore {
        display: none;
    }


    .page-template-frontpage .nb-tv-title h2 {
        font-size: 19px;
    }


    .page-template-frontpage .nb-tv-list-item {
        grid-template-columns: 105px 1fr;
    }


    .page-template-frontpage .nb-tv-list-image {
        width: 105px;
        height: 60px;
    }

}
/* =========================================================
   NBK TV — TWO BIG VIDEO COLUMN
========================================================= */

.nb-tv-featured-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.nb-tv-featured {
    width: 100%;
}

.nb-tv-featured-video {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #111;
}

.nb-tv-featured-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




/* =========================================================
   NBK SHORTS
   YOUTUBE SHORTS + TIKTOK
   2 COLUMN PREMIUM SECTION
========================================================= */

.nb-shorts-section {
    width: 100%;
    margin: 35px 0 45px;
    padding: 0;
}

.nb-shorts-section .container-full {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}


/* =========================================================
   MAIN HEADER
========================================================= */

.nb-shorts-header {
    width: 100%;
    min-height: 46px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 18px;

    border-bottom: 3px solid #1d2230;

    position: relative;
}


/* =========================================================
   NBK SHORTS TITLE
========================================================= */

.nb-shorts-title {
    position: relative;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;
}

.nb-shorts-title h2 {
    position: relative;

    display: inline-flex;
    align-items: center;

    margin: 0;

    padding: 9px 25px 9px 16px;

    background: #003893;

    color: #ffffff;

    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;

    text-transform: uppercase;

    border-radius: 0;
}


/* RED ARROW */

.nb-shorts-title-arrow {
    position: absolute;

    top: 0;
    right: -17px;

    width: 17px;
    height: 100%;

    background: #dc143c;

    clip-path: polygon(
        0 0,
        100% 50%,
        0 100%
    );
}


/* RED UNDERLINE */

.nb-shorts-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 65px;
    height: 4px;

    background: #dc143c;

    z-index: 5;
}


/* =========================================================
   EXPLORE
========================================================= */

.nb-shorts-explore {
    display: flex;
    align-items: center;

    margin-left: auto;
}

.nb-shorts-explore a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #666666;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition: all .25s ease;
}

.nb-shorts-explore a:hover {
    color: #003893;
}

.nb-shorts-explore a span {
    color: #dc143c;

    font-size: 18px;
    font-weight: 800;

    transition: transform .25s ease;
}

.nb-shorts-explore a:hover span {
    transform: translateX(4px);
}


/* =========================================================
   TWO MAIN COLUMNS
========================================================= */

.nb-shorts-columns {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 28px;

    width: 100%;
}


/* =========================================================
   COLUMN BOX
========================================================= */

.nb-shorts-column {
    min-width: 0;

    background: #ffffff;

    border: 1px solid #e2e2e2;

    overflow: hidden;
}


/* =========================================================
   COLUMN HEADER
========================================================= */

.nb-shorts-column-header {
    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 8px 14px;

    background: #f8f8f8;

    border-bottom: 1px solid #dddddd;
}

.nb-shorts-column-header h3 {
    margin: 0;

    color: #202333;

    font-size: 18px;
    font-weight: 800;

    line-height: 1.3;
}

.nb-shorts-column-header > a {
    color: #777777;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;

    transition: color .2s ease;
}

.nb-shorts-column-header > a:hover {
    color: #dc143c;
}


/* =========================================================
   YOUTUBE RED TOP BORDER
========================================================= */

.nb-shorts-youtube {
    border-top: 3px solid #ff0000;
}


/* =========================================================
   TIKTOK BLUE/RED BRAND BORDER
========================================================= */

.nb-shorts-tiktok {
    border-top: 3px solid #111111;
}


/* =========================================================
   YOUTUBE SHORTS GRID
========================================================= */

.nb-shorts-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    padding: 14px;
}


/* =========================================================
   SHORT CARD
========================================================= */

.nb-short-card {
    min-width: 0;

    margin: 0;

    overflow: hidden;
}


/* =========================================================
   SHORT IMAGE
========================================================= */

.nb-short-card-image {
    position: relative;

    display: block;

    width: 100%;

    aspect-ratio: 9 / 16;

    overflow: hidden;

    background: #111111;

    border-radius: 5px;

    text-decoration: none;
}

.nb-short-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .35s ease,
        filter .35s ease;
}

.nb-short-card-image:hover img {
    transform: scale(1.05);

    filter: brightness(.75);
}


/* =========================================================
   DARK GRADIENT
========================================================= */

.nb-short-card-image::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 45%;

    background: linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,0)
    );

    pointer-events: none;
}


/* =========================================================
   PLAY BUTTON
========================================================= */

.nb-short-play {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    background: #dc143c;

    color: #ffffff;

    border-radius: 50%;

    font-size: 15px;
    line-height: 1;

    padding-left: 3px;

    z-index: 5;

    box-shadow:
        0 3px 12px rgba(0,0,0,.35);

    transition:
        transform .25s ease,
        background .25s ease;
}

.nb-short-card-image:hover .nb-short-play {
    transform:
        translate(-50%, -50%)
        scale(1.1);

    background: #003893;
}


/* =========================================================
   SHORT LABEL
========================================================= */

.nb-short-label {
    position: absolute;

    top: 7px;
    left: 7px;

    z-index: 6;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 4px 7px;

    background: #ff0000;

    color: #ffffff;

    border-radius: 3px;

    font-size: 9px;
    font-weight: 800;

    line-height: 1;
}


/* =========================================================
   SHORT TITLE
========================================================= */

.nb-short-card h4 {
    margin: 8px 2px 0;

    font-size: 14px;
    line-height: 1.4;

    font-weight: 700;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}

.nb-short-card h4 a {
    color: #202333;

    text-decoration: none;

    transition: color .2s ease;
}

.nb-short-card h4 a:hover {
    color: #003893;
}


/* =========================================================
   EMPTY MESSAGE
========================================================= */

.nb-shorts-empty {
    grid-column: 1 / -1;

    min-height: 180px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;

    color: #777777;

    font-size: 14px;

    text-align: center;
}


/* =========================================================
   TIKTOK PLACEHOLDER
========================================================= */

.nb-tiktok-placeholder {
    min-height: 350px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding: 35px 20px;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafafa 100%
        );
}


/* =========================================================
   TIKTOK ICON
========================================================= */

.nb-tiktok-icon {
    width: 68px;
    height: 68px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 15px;

    background: #111111;

    color: #ffffff;

    border-radius: 50%;

    font-size: 32px;
    font-weight: 800;

    box-shadow:
        5px 0 0 #25f4ee,
        -5px 0 0 #fe2c55;
}


/* =========================================================
   TIKTOK TITLE
========================================================= */

.nb-tiktok-placeholder h3 {
    margin: 0 0 8px;

    color: #202333;

    font-size: 21px;
    font-weight: 800;
}


/* =========================================================
   TIKTOK DESCRIPTION
========================================================= */

.nb-tiktok-placeholder p {
    max-width: 300px;

    margin: 0 0 20px;

    color: #777777;

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   TIKTOK BUTTON
========================================================= */

.nb-tiktok-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 18px;

    background: #111111;

    color: #ffffff;

    border-radius: 3px;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition: all .25s ease;
}

.nb-tiktok-button:hover {
    background: #003893;

    color: #ffffff;

    transform: translateY(-2px);
}

.nb-tiktok-button span {
    color: #dc143c;

    font-size: 17px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .nb-shorts-columns {
        grid-template-columns: 1fr;
    }

    .nb-shorts-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .nb-shorts-section {
        margin: 25px 0 30px;
    }

    .nb-shorts-header {
        min-height: 42px;
    }

    .nb-shorts-title h2 {
        padding: 8px 20px 8px 13px;

        font-size: 19px;
    }

    .nb-shorts-title-arrow {
        right: -13px;
        width: 13px;
    }

    .nb-shorts-explore {
        display: none;
    }

    .nb-shorts-columns {
        gap: 20px;
    }

    .nb-shorts-column-header {
        min-height: 44px;

        padding: 7px 10px;
    }

    .nb-shorts-column-header h3 {
        font-size: 16px;
    }

    .nb-shorts-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 8px;

        padding: 9px;
    }

    .nb-short-card h4 {
        font-size: 12px;

        line-height: 1.35;
    }

    .nb-short-play {
        width: 34px;
        height: 34px;

        font-size: 12px;
    }

    .nb-short-label {
        font-size: 8px;

        padding: 3px 5px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .nb-shorts-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;
    }

    .nb-short-card h4 {
        font-size: 12px;
    }

    .nb-tiktok-placeholder {
        min-height: 280px;
    }

}

/* =========================================================
   NBK — BALANCED MASTER CONTENT WIDTH TEST
   Desktop content target: 1360px
   Backgrounds may remain full-width; inner content is centered.
   ========================================================= */

@media (min-width: 992px) {

    .container-full,
    .page-template-frontpage .container-full {
        width: 100%;
        max-width: 1360px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .page-template-frontpage .nb-container,
    .page-template-frontpage .nb-headline-news .nb-container,
    .page-template-frontpage .nb-shorts-section .container-full {
        width: min(calc(100% - 40px), 1360px);
        max-width: 1360px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .container-full,
    .page-template-frontpage .container-full {
        width: calc(100% - 30px);
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {

    .container-full,
    .page-template-frontpage .container-full {
        width: calc(100% - 20px);
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    .page-template-frontpage .nb-container,
    .page-template-frontpage .nb-headline-news .nb-container,
    .page-template-frontpage .nb-shorts-section .container-full {
        width: calc(100% - 20px);
        max-width: none !important;
    }
}




/* =========================================================
   NEPAL BIHANI LIVE
   NBK — PREMIUM 1360px BOXED PAGE
   TOP BAR → HEADER → MENU → CONTENT → FOOTER
   ========================================================= */


/* =========================================================
   01. MASTER PAGE VARIABLES
   ========================================================= */

:root {
    --nb-page-width: 1440px;
    --nb-page-gap: 20px;

    --nb-blue: #003893;
    --nb-red: #DC143C;

    --nb-page-bg: #f4f5f7;
    --nb-content-bg: #ffffff;
}


/* =========================================================
   02. GLOBAL BOX SIZING
   ========================================================= */

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* =========================================================
   03. BODY
   ========================================================= */

body {
    background: var(--nb-page-bg);
}


/* =========================================================
   04. MAIN WORDPRESS WRAPPER
   ========================================================= */

#wrapper {
    width: min(
        calc(100% - (var(--nb-page-gap) * 2)),
        var(--nb-page-width)
    );

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;

    background: var(--nb-content-bg);
}


/* =========================================================
   05. THEME CONTAINER
   Replace 1600px theme width
   ========================================================= */

.container-full {
    width: 100% !important;

    max-width: var(--nb-page-width) !important;

    padding-left: 20px !important;
    padding-right: 20px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   06. COMMON CONTAINERS
   ========================================================= */

.container,
.site-container,
.content-area,
.main-content,
.page-content,
.entry-content {
    max-width: var(--nb-page-width);
}


/* =========================================================
   07. TOP HEADER / TOP BAR
   ========================================================= */

.top-header-part,
.header-top,
.top-bar,
.site-header-top {
    width: 100%;
}

.top-header-part > .container,
.top-header-part > .container-full,
.header-top > .container,
.header-top > .container-full,
.top-bar > .container,
.top-bar > .container-full {
    width: 100%;

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   08. MAIN HEADER
   ========================================================= */

.site-header,
.middle-header-part,
.header-main,
.site-branding-area {
    width: 100%;
}

.site-header > .container,
.site-header > .container-full,
.middle-header-part > .container,
.middle-header-part > .container-full,
.header-main > .container,
.header-main > .container-full {
    width: 100%;

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   09. PRIMARY MENU
   ========================================================= */

.main-navigation,
.primary-menu-area,
.navbar-area,
.navigation-wrapper {
    width: 100%;
}

.main-navigation > .container,
.main-navigation > .container-full,
.primary-menu-area > .container,
.primary-menu-area > .container-full,
.navbar-area > .container,
.navbar-area > .container-full,
.navigation-wrapper > .container,
.navigation-wrapper > .container-full {
    width: 100%;

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   10. MENU INNER
   ========================================================= */

.main-navigation ul,
.primary-menu-area ul {
    max-width: 100%;
}


/* =========================================================
   11. TRENDING NEWS
   ========================================================= */

.trending-news-area {
    width: 100%;
}

.trending-news-area > .container,
.trending-news-area > .container-full {
    width: 100%;

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   12. NBK FRONT PAGE
   ========================================================= */

.page-template-frontpage {
    background: var(--nb-page-bg);
}


/* =========================================================
   13. FRONT PAGE MAIN SECTIONS
   ========================================================= */

.page-template-frontpage
.nb-main-news-section,

.page-template-frontpage
.nb-morning-special-section,

.page-template-frontpage
.nb-tv-section,

.page-template-frontpage
.nb-headline-news,

.page-template-frontpage
.nb-sports-section,

.page-template-frontpage
.nb-category-section,

.page-template-frontpage
.nb-section {
    width: 100%;
}


/* =========================================================
   14. NBK SECTION CONTAINERS
   ========================================================= */

.page-template-frontpage
.nb-main-news-section .nb-container,

.page-template-frontpage
.nb-morning-special-section .nb-container,

.page-template-frontpage
.nb-tv-section .nb-container,

.page-template-frontpage
.nb-headline-news .nb-container,

.page-template-frontpage
.nb-sports-section .nb-container,

.page-template-frontpage
.nb-category-section .nb-container,

.page-template-frontpage
.nb-section .nb-container {
    width: min(
        calc(100% - 40px),
        var(--nb-page-width)
    );

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   15. HEADLINE NEWS
   Current CSS uses 1380px
   Force same master width
   ========================================================= */

.nb-headline-news .nb-container {
    width: min(
        calc(100% - 40px),
        var(--nb-page-width)
    ) !important;

    max-width: var(--nb-page-width) !important;
}


/* =========================================================
   16. MAIN NEWS
   ========================================================= */

.page-template-frontpage
.nb-main-news-section {
    max-width: var(--nb-page-width);
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   17. BIHANI SPECIAL
   ========================================================= */

.page-template-frontpage
.nb-morning-special-section {
    max-width: var(--nb-page-width);
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   18. NBK TV
   ========================================================= */

.page-template-frontpage
.nb-tv-section {
    max-width: var(--nb-page-width);
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   19. FRONT PAGE WIDGETS
   ========================================================= */

.page-template-frontpage
.frontpage-widgets,

.page-template-frontpage
.frontpage-widget-area,

.page-template-frontpage
.widgets-area {
    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   20. CONTENT AREA
   ========================================================= */

#content,
.site-content,
.content-wrapper,
.main-wrapper {
    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   21. FOOTER
   ========================================================= */

.site-footer,
.footer-main,
.footer-area,
.footer-sidebar-area {
    width: 100%;
}


/* =========================================================
   22. FOOTER INNER CONTENT
   ========================================================= */

.site-footer .container,
.site-footer .container-full,
.footer-main .container,
.footer-main .container-full,
.footer-area .container,
.footer-area .container-full,
.footer-sidebar-area .container,
.footer-sidebar-area .container-full {
    width: 100%;

    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   23. FOOTER COPYRIGHT
   ========================================================= */

.site-info,
.site-info-border {
    width: 100%;
}

.site-info > .container,
.site-info > .container-full,
.site-info-border > .container,
.site-info-border > .container-full {
    max-width: var(--nb-page-width);

    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   24. REMOVE EXCESSIVE 1600px WIDTH
   ========================================================= */

@media (min-width: 992px) {

    .container-full {
        max-width: var(--nb-page-width) !important;
    }

}


/* =========================================================
   25. LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    #wrapper {
        width: var(--nb-page-width);
        max-width: var(--nb-page-width);
    }

}


/* =========================================================
   26. DESKTOP
   ========================================================= */

@media (min-width: 992px) and (max-width: 1399px) {

    #wrapper {
        width: calc(100% - 30px);
        max-width: var(--nb-page-width);
    }

    .container-full {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}


/* =========================================================
   27. TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    #wrapper {
        width: calc(100% - 24px);
    }

    .container-full {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}


/* =========================================================
   28. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body {
        background: #ffffff;
    }

    #wrapper {
        width: 100%;
        max-width: 100%;

        margin-left: 0;
        margin-right: 0;
    }

    .container-full {
        width: 100% !important;

        max-width: 100% !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .page-template-frontpage
    .nb-main-news-section,
    .page-template-frontpage
    .nb-morning-special-section,
    .page-template-frontpage
    .nb-tv-section,
    .page-template-frontpage
    .nb-headline-news {
        width: 100%;
    }

    .page-template-frontpage
    .nb-main-news-section .nb-container,
    .page-template-frontpage
    .nb-morning-special-section .nb-container,
    .page-template-frontpage
    .nb-tv-section .nb-container,
    .page-template-frontpage
    .nb-headline-news .nb-container {
        width: calc(100% - 20px);

        max-width: 100%;
    }

}


/* =========================================================
   29. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .container-full {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .page-template-frontpage
    .nb-main-news-section .nb-container,
    .page-template-frontpage
    .nb-morning-special-section .nb-container,
    .page-template-frontpage
    .nb-tv-section .nb-container,
    .page-template-frontpage
    .nb-headline-news .nb-container {
        width: calc(100% - 16px);
    }

}


/* =========================================================
   30. PREVENT HORIZONTAL OVERFLOW
   ========================================================= */

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


/* =========================================================
   31. FINAL NBK ALIGNMENT
   ========================================================= */

.page-template-frontpage
.nb-main-news-section *,
.page-template-frontpage
.nb-morning-special-section *,
.page-template-frontpage
.nb-tv-section *,
.page-template-frontpage
.nb-headline-news * {
    box-sizing: border-box;
}


/* =========================================================
   END — NBK 1360px PREMIUM BOXED PAGE
   ========================================================= */


/* =========================================================
   NEPAL BIHANI KHABAR
   PREMIUM FOOTER — FINAL CSS
   ========================================================= */

#nbk-footer.nbk-footer{

    --nbk-red:#d71920;
    --nbk-red-dark:#b51218;

    --nbk-blue:#062e6f;
    --nbk-blue-dark:#021b43;

    --nbk-text:#172033;
    --nbk-muted:#64748b;

    --nbk-border:#e4e9f0;
    --nbk-white:#ffffff;

    width:100%;
    position:relative;

    margin:0;
    padding:0;

    color:var(--nbk-text);

    background:#fff;

    font-family:
        "Noto Sans Devanagari",
        "Mukta",
        Arial,
        sans-serif;

    overflow:hidden;

    box-sizing:border-box;
}


/* =========================================================
   GLOBAL BOX SIZING
========================================================= */

#nbk-footer *,
#nbk-footer *::before,
#nbk-footer *::after{

    box-sizing:border-box;
}


/* =========================================================
   COMMON CONTAINER
========================================================= */

#nbk-footer .nbk-footer-container{

    width:min(1180px, calc(100% - 32px));

    margin:0 auto;
}


/* =========================================================
   SOCIAL MEDIA TOP SECTION
========================================================= */

#nbk-footer .nbk-footer-social{

    width:100%;

    padding:28px 0;

    background:
        linear-gradient(
            135deg,
            #021b43 0%,
            #062e6f 55%,
            #0b4d9b 100%
        );

    border-bottom:3px solid var(--nbk-red);
}


/* SOCIAL CONTAINER */

#nbk-footer .nbk-footer-social
.nbk-footer-container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:28px;
}


/* =========================================================
   SOCIAL HEADING
========================================================= */

#nbk-footer .nbk-social-heading{

    display:flex;

    align-items:center;

    gap:13px;

    flex-shrink:0;
}


#nbk-footer .nbk-social-heading-line{

    width:5px;
    height:50px;

    flex-shrink:0;

    border-radius:20px;

    background:
        linear-gradient(
            to bottom,
            #d71920,
            #ff4148
        );
}


#nbk-footer .nbk-social-heading small{

    display:block;

    margin:0 0 3px;

    color:#b3c5df;

    font-family:Arial,sans-serif;

    font-size:14px !important;

    font-weight:800;

    letter-spacing:1.5px;

    line-height:1.3;
}


#nbk-footer .nbk-social-heading strong{

    display:block;

    margin:0;

    color:#fff;

    font-size:22px !important;

    font-weight:900;

    line-height:1.4;
}


/* =========================================================
   SOCIAL LIST
========================================================= */

#nbk-footer .nbk-social-list{

    flex:1;

    display:grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap:10px;

    width:100%;
}


/* =========================================================
   SOCIAL ITEM
========================================================= */

#nbk-footer .nbk-social-item{

    min-width:0;

    min-height:62px;

    display:flex;

    align-items:center;

    gap:10px;

    padding:7px 10px;

    color:#fff;

    text-decoration:none;

    border:1px solid rgba(255,255,255,.15);

    border-radius:13px;

    background:rgba(255,255,255,.06);

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


#nbk-footer .nbk-social-item:hover{

    transform:translateY(-3px);

    background:rgba(255,255,255,.13);

    border-color:rgba(255,255,255,.32);

    box-shadow:
        0 8px 22px rgba(0,0,0,.16);
}


/* =========================================================
   SOCIAL LOGO — ORIGINAL / NO CROP
========================================================= */

#nbk-footer .nbk-social-icon.nbk-social-image{

    width:50px !important;
    height:50px !important;

    min-width:50px !important;
    min-height:50px !important;

    flex:0 0 50px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    overflow:hidden;

    background:#fff;

    border:2px solid rgba(255,255,255,.9);

    padding:4px;

    box-shadow:
        0 4px 12px rgba(0,0,0,.18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* =========================================================
   SOCIAL IMAGE
   IMPORTANT:
   CONTAIN = ORIGINAL LOGO / NO CROPPING
========================================================= */

#nbk-footer .nbk-social-icon.nbk-social-image img{

    width:100% !important;
    height:100% !important;

    max-width:100% !important;
    max-height:100% !important;

    display:block;

    margin:0;
    padding:0;

    object-fit:contain !important;

    object-position:center center;

    border-radius:50%;

    background:#fff;

    aspect-ratio:auto !important;

    box-sizing:border-box;

    transition:
        transform .3s ease;
}


/* SOCIAL LOGO HOVER */

#nbk-footer .nbk-social-item:hover
.nbk-social-icon.nbk-social-image{

    transform:
        translateY(-3px)
        scale(1.05);

    box-shadow:
        0 8px 22px rgba(0,0,0,.28);
}


#nbk-footer .nbk-social-item:hover
.nbk-social-icon.nbk-social-image img{

    transform:scale(1.04);
}


/* =========================================================
   SOCIAL TEXT
========================================================= */

#nbk-footer .nbk-social-text{

    min-width:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    line-height:1.3;
}


#nbk-footer .nbk-social-text small{

    display:block;

    color:#aebfd8;

    font-size:14px !important;

    font-weight:600;

    line-height:1.3;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


#nbk-footer .nbk-social-text strong{

    display:block;

    color:#fff;

    font-size:18px !important;

    font-weight:800;

    line-height:1.4;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


/* SOCIAL ARROW */

#nbk-footer .nbk-social-arrow{

    margin-left:auto;

    flex-shrink:0;

    color:#fff;

    font-size:18px !important;

    opacity:.7;

    transition:
        transform .2s ease,
        opacity .2s ease;
}


#nbk-footer .nbk-social-item:hover
.nbk-social-arrow{

    transform:translateX(3px);

    opacity:1;
}


/* =========================================================
   MAIN FOOTER
========================================================= */

#nbk-footer .nbk-footer-main{

    padding:55px 0 45px;

    background:

        radial-gradient(
            circle at 10% 10%,
            rgba(215,25,32,.035),
            transparent 28%
        ),

        #f7f9fc;
}


/* =========================================================
   FOUR COLUMN GRID
   ALL FOUR COLUMNS SAME SIZE
========================================================= */

#nbk-footer .nbk-footer-grid{

    display:grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:22px;

    align-items:stretch;
}


/* =========================================================
   FOOTER COLUMN
========================================================= */

#nbk-footer .nbk-footer-column{

    width:100%;

    min-width:0;

    height:100%;

    position:relative;

    padding:27px 24px;

    background:#fff;

    border:1px solid var(--nbk-border);

    border-radius:18px;

    box-shadow:
        0 8px 28px rgba(15,23,42,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


#nbk-footer .nbk-footer-column:hover{

    transform:translateY(-4px);

    border-color:#d6dfeb;

    box-shadow:
        0 15px 35px rgba(15,23,42,.10);
}


/* =========================================================
   NBK BRAND
========================================================= */

#nbk-footer .nbk-footer-brand{

    display:flex;

    align-items:center;

    gap:12px;

    color:var(--nbk-blue);

    text-decoration:none;
}


/* =========================================================
   NBK LOGO — ORIGINAL / NO CROP
========================================================= */

#nbk-footer .nbk-footer-logo{

    width:90px !important;
    height:90px !important;

    max-width:90px !important;
    max-height:90px !important;

    min-width:90px;

    display:block;

    flex-shrink:0;

    object-fit:contain !important;

    object-position:center center;

    border-radius:50%;

    background:#fff;

    padding:4px;

    box-shadow:
        0 6px 20px rgba(0,0,0,.16);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


#nbk-footer .nbk-footer-brand:hover
.nbk-footer-logo{

    transform:
        translateY(-4px)
        scale(1.04);

    box-shadow:
        0 10px 28px rgba(0,0,0,.24);
}


/* BRAND NAME */

#nbk-footer .nbk-brand-name{

    display:block;

    color:var(--nbk-blue);

    font-size:22px !important;

    font-weight:900;

    line-height:1.35;
}


#nbk-footer .nbk-brand-name small{

    display:block;

    margin-top:4px;

    color:#7a8799;

    font-family:Arial,sans-serif;

    font-size:12px !important;

    font-weight:700;

    letter-spacing:1px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

#nbk-footer .nbk-footer-description{

    margin:20px 0 23px;

    color:#596579;

    font-size:18px !important;

    font-weight:500;

    line-height:1.85 !important;
}


/* =========================================================
   CONTACT LIST
========================================================= */

#nbk-footer .nbk-footer-contact-list{

    display:flex;

    flex-direction:column;

    gap:11px;
}


#nbk-footer .nbk-footer-contact{

    display:flex;

    align-items:center;

    gap:11px;

    padding:11px;

    border-radius:12px;

    background:#f8fafc;

    border:1px solid #edf0f5;
}


/* CONTACT ICON */

#nbk-footer .nbk-contact-icon{

    width:38px;
    height:38px;

    min-width:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:#edf3fb;

    color:var(--nbk-blue);

    font-size:18px !important;

    font-weight:900;
}


/* CONTACT SMALL */

#nbk-footer .nbk-footer-contact small{

    display:block;

    margin-bottom:2px;

    color:#7a8799;

    font-size:15px !important;

    font-weight:700;

    line-height:1.4;
}


/* CONTACT MAIN */

#nbk-footer .nbk-footer-contact strong{

    display:block;

    color:#243047;

    font-size:18px !important;

    font-weight:800;

    line-height:1.6 !important;

    word-break:break-word;
}


/* =========================================================
   FOOTER SECTION TITLE
========================================================= */

#nbk-footer .nbk-footer-title{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:20px;

    padding-bottom:13px;

    border-bottom:1px solid #edf0f5;
}


#nbk-footer .nbk-footer-title > span{

    width:5px;
    height:29px;

    flex-shrink:0;

    border-radius:10px;

    background:
        linear-gradient(
            to bottom,
            var(--nbk-red),
            var(--nbk-blue)
        );
}


#nbk-footer .nbk-footer-title h3{

    margin:0;

    color:var(--nbk-blue);

    font-size:23px !important;

    font-weight:900;

    line-height:1.4;
}


/* =========================================================
   TEAM LIST
========================================================= */

#nbk-footer .nbk-team-list{

    display:flex;

    flex-direction:column;

    gap:8px;
}


#nbk-footer .nbk-team-member{

    display:flex;

    align-items:center;

    gap:11px;

    padding:10px 8px;

    border:1px solid transparent;

    border-radius:12px;

    transition:
        background .2s ease,
        border-color .2s ease;
}


#nbk-footer .nbk-team-member:hover{

    background:#f8fafc;

    border-color:#e9edf3;
}


/* TEAM NUMBER */

#nbk-footer .nbk-team-number{

    width:35px;
    height:35px;

    min-width:35px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#eef3f9;

    color:var(--nbk-blue);

    font-family:Arial,sans-serif;

    font-size:18px !important;

    font-weight:900;
}


/* TEAM ROLE */

#nbk-footer .nbk-team-member small{

    display:block;

    color:#7a8799;

    font-size:15px !important;

    font-weight:700;

    line-height:1.4;
}


/* TEAM NAME */

#nbk-footer .nbk-team-member strong{

    display:block;

    color:#263248;

    font-size:18px !important;

    font-weight:800;

    line-height:1.6 !important;

    word-break:break-word;
}


/* =========================================================
   VIEW ALL TEAM BUTTON
========================================================= */

#nbk-footer .nbk-view-team{

    width:100%;

    min-height:54px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-top:20px;

    padding:0 16px 0 20px;

    position:relative;

    overflow:hidden;

    color:#fff !important;

    text-decoration:none;

    border-radius:11px;

    border:1px solid rgba(215,25,32,.35);

    background:
        linear-gradient(
            135deg,
            #d71920 0%,
            #b70f16 100%
        );

    box-shadow:
        0 6px 18px rgba(215,25,32,.20);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* LIGHT SWEEP */

#nbk-footer .nbk-view-team::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:80%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.22),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .6s ease;
}


/* TEAM BUTTON TEXT */

#nbk-footer .nbk-view-team-text{

    position:relative;

    z-index:2;

    color:#fff !important;

    font-size:18px !important;

    font-weight:800;

    line-height:1.4;

    white-space:nowrap;
}


/* TEAM BUTTON ARROW */

#nbk-footer .nbk-view-team-arrow{

    position:relative;

    z-index:2;

    width:36px;
    height:36px;

    min-width:36px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#fff;

    color:var(--nbk-red);

    font-size:23px !important;

    font-weight:900;

    line-height:1;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}


/* TEAM BUTTON HOVER */

#nbk-footer .nbk-view-team:hover{

    color:#fff !important;

    transform:translateY(-3px);

    box-shadow:
        0 10px 26px rgba(215,25,32,.32);
}


#nbk-footer .nbk-view-team:hover::before{

    left:130%;
}


#nbk-footer .nbk-view-team:hover
.nbk-view-team-arrow{

    transform:translateX(5px);

    background:var(--nbk-blue);

    color:#fff;
}


#nbk-footer .nbk-view-team:active{

    transform:translateY(0) scale(.98);
}


/* =========================================================
   FOOTER MENU
========================================================= */

#nbk-footer .nbk-footer-menu{

    list-style:none;

    margin:0;

    padding:0;
}


#nbk-footer .nbk-footer-menu li{

    margin:0;

    padding:0;

    border-bottom:1px solid #eef1f5;
}


#nbk-footer .nbk-footer-menu li:last-child{

    border-bottom:0;
}


#nbk-footer .nbk-footer-menu a{

    display:flex;

    align-items:center;

    gap:10px;

    padding:11px 4px;

    color:#475569;

    text-decoration:none;

    font-size:18px !important;

    font-weight:600;

    line-height:1.8 !important;

    transition:
        color .2s ease,
        padding-left .2s ease;
}


#nbk-footer .nbk-footer-menu a span{

    color:var(--nbk-red);

    font-size:20px !important;

    transition:
        transform .2s ease;
}


#nbk-footer .nbk-footer-menu a:hover{

    color:var(--nbk-red);

    padding-left:9px;
}


#nbk-footer .nbk-footer-menu a:hover span{

    transform:translateX(4px);
}


/* =========================================================
   ADVERTISEMENT BOX
========================================================= */

#nbk-footer .nbk-advertisement-box{

    width:100%;

    margin-top:28px;

    padding:28px;

    position:relative;

    overflow:hidden;

    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            #031c43,
            #062e6f
        );

    color:#fff;

    box-shadow:
        0 12px 35px rgba(2,27,67,.16);
}


#nbk-footer .nbk-advertisement-box::after{

    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-100px;
    top:-120px;

    border-radius:50%;

    border:35px solid rgba(255,255,255,.035);

    pointer-events:none;
}


/* =========================================================
   ADVERTISEMENT HEADING — CENTER
========================================================= */

#nbk-footer .nbk-advertisement-heading{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin:0 auto 25px;

    text-align:center;
}


#nbk-footer .nbk-advertisement-heading > div{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;
}


#nbk-footer .nbk-ad-live-dot{

    width:11px;
    height:11px;

    min-width:11px;

    border-radius:50%;

    background:#ff343b;

    box-shadow:
        0 0 0 6px rgba(255,52,59,.12);

    animation:
        nbkFooterPulse 1.8s infinite;
}


#nbk-footer .nbk-advertisement-heading small{

    display:block;

    color:#a9bedb;

    font-family:Arial,sans-serif;

    font-size:15px !important;

    font-weight:800;

    letter-spacing:1.5px;

    line-height:1.4;

    text-align:center;
}


#nbk-footer .nbk-advertisement-heading strong{

    display:block;

    margin-top:3px;

    color:#fff;

    font-size:30px !important;

    font-weight:900;

    line-height:1.3;

    text-align:center;
}


/* =========================================================
   ADVERTISEMENT DEPARTMENTS
========================================================= */

#nbk-footer .nbk-advertisement-departments{

    display:grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap:12px;
}


#nbk-footer .nbk-ad-department{

    min-width:0;

    display:flex;

    align-items:flex-start;

    gap:11px;

    padding:16px;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.10);

    border-radius:13px;

    transition:
        background .25s ease,
        transform .25s ease;
}


#nbk-footer .nbk-ad-department:hover{

    transform:translateY(-3px);

    background:rgba(255,255,255,.10);
}


/* AD ICON */

#nbk-footer .nbk-ad-icon{

    width:38px;
    height:38px;

    min-width:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:rgba(255,255,255,.10);

    color:#fff;

    border-radius:10px;

    font-size:18px !important;
}


/* AD SMALL */

#nbk-footer .nbk-ad-department small{

    display:block;

    margin-bottom:3px;

    color:#9db4d4;

    font-size:15px !important;

    font-weight:700;

    line-height:1.4;
}


/* AD PHONE */

#nbk-footer .nbk-ad-department strong{

    display:block;

    color:#fff;

    font-family:Arial,sans-serif;

    font-size:18px !important;

    font-weight:800;

    line-height:1.6;
}


/* AD EMAIL */

#nbk-footer .nbk-ad-department a{

    display:block;

    color:#d7e5f7;

    font-family:Arial,sans-serif;

    font-size:18px !important;

    line-height:1.5;

    text-decoration:none;

    word-break:break-word;
}


#nbk-footer .nbk-ad-department a:hover{

    color:#fff;

    text-decoration:underline;
}


/* =========================================================
   COPYRIGHT
========================================================= */

#nbk-footer .nbk-footer-bottom{

    width:100%;

    background:#020f26;

    border-top:1px solid rgba(255,255,255,.08);
}


#nbk-footer .nbk-footer-bottom-inner{

    min-height:70px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}


/* COPYRIGHT TEXT */

#nbk-footer .nbk-copyright{

    color:#a3b4cb;

    font-family:
        Arial,
        "Noto Sans Devanagari",
        sans-serif;

    font-size:18px !important;

    font-weight:700;

    line-height:1.7;
}


#nbk-footer .nbk-copyright strong{

    color:#fff;

    font-size:19px !important;

    font-weight:900;
}


#nbk-footer .nbk-copyright-separator{

    margin:0 7px;

    color:#64748b;

    font-size:18px !important;
}


/* COPYRIGHT RIGHT */

#nbk-footer .nbk-footer-right{

    color:#a3b4cb;

    font-family:Arial,sans-serif;

    font-size:18px !important;

    font-weight:700;

    white-space:nowrap;
}


/* =========================================================
   SCROLL TO TOP
========================================================= */

#nbk-footer + .nbk-scroll-top{

    position:fixed;

    right:20px;

    bottom:20px;

    z-index:9999;
}


#nbk-footer + .nbk-scroll-top a{

    width:46px;
    height:46px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:var(--nbk-red);

    color:#fff;

    border-radius:50%;

    text-decoration:none;

    box-shadow:
        0 7px 20px rgba(215,25,32,.28);

    transition:
        transform .2s ease,
        background .2s ease;
}


#nbk-footer + .nbk-scroll-top a:hover{

    transform:translateY(-4px);

    background:var(--nbk-blue);
}


#nbk-footer + .nbk-scroll-top span{

    font-size:22px !important;

    line-height:1;
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes nbkFooterPulse{

    0%{

        box-shadow:
            0 0 0 0 rgba(255,52,59,.35);
    }

    70%{

        box-shadow:
            0 0 0 8px rgba(255,52,59,0);
    }

    100%{

        box-shadow:
            0 0 0 0 rgba(255,52,59,0);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

    #nbk-footer .nbk-footer-grid{

        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    #nbk-footer .nbk-footer-social
    .nbk-footer-container{

        flex-direction:column;

        align-items:stretch;
    }


    #nbk-footer .nbk-social-list{

        width:100%;

        grid-template-columns:
            repeat(5, minmax(0,1fr));
    }

}


/* =========================================================
   TABLET SMALL
========================================================= */

@media (max-width:850px){

    #nbk-footer .nbk-social-list{

        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }


    #nbk-footer .nbk-advertisement-departments{

        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){

    #nbk-footer .nbk-footer-container{

        width:min(
            calc(100% - 22px),
            600px
        );
    }


    #nbk-footer .nbk-footer-social{

        padding:23px 0;
    }


    #nbk-footer .nbk-social-list{

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:10px;
    }


    #nbk-footer .nbk-social-item{

        width:100%;

        min-height:62px;

        padding:7px;
    }


    #nbk-footer .nbk-social-icon.nbk-social-image{

        width:48px !important;
        height:48px !important;

        min-width:48px !important;
        min-height:48px !important;

        flex-basis:48px;

        padding:4px;
    }


    #nbk-footer .nbk-social-text small{

        font-size:13px !important;
    }


    #nbk-footer .nbk-social-text strong{

        font-size:18px !important;
    }


    #nbk-footer .nbk-social-arrow{

        display:none;
    }


    /* MAIN FOOTER */

    #nbk-footer .nbk-footer-main{

        padding:35px 0;
    }


    /* ONE COLUMN MOBILE */

    #nbk-footer .nbk-footer-grid{

        grid-template-columns:1fr;

        gap:16px;
    }


    #nbk-footer .nbk-footer-column{

        padding:23px 20px;

        border-radius:16px;
    }


    /* LOGO */

    #nbk-footer .nbk-footer-logo{

        width:82px !important;
        height:82px !important;

        max-width:82px !important;
        max-height:82px !important;

        min-width:82px;

        padding:4px;
    }


    #nbk-footer .nbk-brand-name{

        font-size:21px !important;
    }


    #nbk-footer .nbk-brand-name small{

        font-size:11px !important;
    }


    /* DESCRIPTION */

    #nbk-footer .nbk-footer-description{

        font-size:18px !important;

        line-height:1.85 !important;
    }


    /* CONTACT */

    #nbk-footer .nbk-footer-contact small{

        font-size:14px !important;
    }


    #nbk-footer .nbk-footer-contact strong{

        font-size:18px !important;
    }


    /* TITLE */

    #nbk-footer .nbk-footer-title h3{

        font-size:22px !important;
    }


    /* TEAM */

    #nbk-footer .nbk-team-member small{

        font-size:14px !important;
    }


    #nbk-footer .nbk-team-member strong{

        font-size:18px !important;
    }


    /* MENU */

    #nbk-footer .nbk-footer-menu a{

        font-size:18px !important;

        padding:11px 4px;
    }


    /* ADVERTISEMENT */

    #nbk-footer .nbk-advertisement-box{

        padding:22px 16px;

        border-radius:16px;
    }


    #nbk-footer .nbk-advertisement-departments{

        grid-template-columns:1fr;
    }


    #nbk-footer .nbk-advertisement-heading small{

        font-size:13px !important;
    }


    #nbk-footer .nbk-advertisement-heading strong{

        font-size:25px !important;
    }


    #nbk-footer .nbk-ad-department small{

        font-size:14px !important;
    }


    #nbk-footer .nbk-ad-department strong{

        font-size:18px !important;
    }


    #nbk-footer .nbk-ad-department a{

        font-size:16px !important;
    }


    /* COPYRIGHT */

    #nbk-footer .nbk-footer-bottom-inner{

        min-height:auto;

        padding:16px 0;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        gap:6px;
    }


    #nbk-footer .nbk-copyright{

        width:100%;

        font-size:18px !important;

        text-align:center;
    }


    #nbk-footer .nbk-copyright strong{

        font-size:18px !important;
    }


    #nbk-footer .nbk-footer-right{

        width:100%;

        font-size:18px !important;

        text-align:center;

        white-space:normal;
    }


    /* TEAM BUTTON */

    #nbk-footer .nbk-view-team{

        min-height:52px;

        padding:
            0 14px 0 18px;
    }


    #nbk-footer .nbk-view-team-text{

        font-size:18px !important;
    }


    #nbk-footer .nbk-view-team-arrow{

        width:34px;
        height:34px;

        min-width:34px;

        font-size:21px !important;
    }


    #nbk-footer + .nbk-scroll-top{

        right:13px;

        bottom:13px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

    #nbk-footer .nbk-social-list{

        grid-template-columns:1fr;
    }


    #nbk-footer .nbk-social-item{

        min-height:58px;
    }


    #nbk-footer .nbk-social-icon.nbk-social-image{

        width:46px !important;
        height:46px !important;

        min-width:46px !important;
        min-height:46px !important;

        flex-basis:46px;
    }


    #nbk-footer .nbk-social-heading strong{

        font-size:21px !important;
    }


    #nbk-footer .nbk-footer-logo{

        width:78px !important;
        height:78px !important;

        max-width:78px !important;
        max-height:78px !important;

        min-width:78px;
    }


    #nbk-footer .nbk-brand-name{

        font-size:20px !important;
    }


    #nbk-footer .nbk-footer-title h3{

        font-size:21px !important;
    }


    #nbk-footer .nbk-advertisement-heading strong{

        font-size:23px !important;
    }


    #nbk-footer .nbk-view-team-text{

        font-size:17px !important;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width:360px){

    #nbk-footer .nbk-footer-container{

        width:calc(100% - 16px);
    }


    #nbk-footer .nbk-footer-column{

        padding:20px 15px;
    }


    #nbk-footer .nbk-advertisement-box{

        padding:18px 13px;
    }


    #nbk-footer .nbk-advertisement-heading{

        gap:8px;
    }


    #nbk-footer .nbk-advertisement-heading small{

        font-size:11px !important;

        letter-spacing:1px;
    }


    #nbk-footer .nbk-advertisement-heading strong{

        font-size:20px !important;
    }


    #nbk-footer .nbk-copyright{

        font-size:17px !important;
    }


    #nbk-footer .nbk-footer-right{

        font-size:17px !important;
    }

}
/* =========================================================
   NBK FOOTER — 4 COLUMN LAYOUT
   FIRST COLUMN 40% + OTHER 3 COLUMNS EQUAL
========================================================= */

#nbk-footer .nbk-footer-grid{

    display:grid;

    grid-template-columns:
        30%
        repeat(3, 1fr);

    gap:.5px;

    width:100%;
}


/* =========================================================
   ALL 4 COLUMNS — SAME HEIGHT
========================================================= */

#nbk-footer .nbk-footer-column{

    position:relative;

    min-width:0;

    height:100%;
    box-sizing:border-box;

    padding:27px 25px;

    background:#fff;

    border:1px solid var(--nbk-border);

    border-radius:18px;

    box-shadow:
        0 8px 28px rgba(15,23,42,.055);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


/* =========================================================
   COLUMN HOVER
========================================================= */

#nbk-footer .nbk-footer-column:hover{

    transform:translateY(-4px);

    border-color:#d9e1ed;

    box-shadow:
        0 15px 35px rgba(15,23,42,.09);
}


/* =========================================================
   FIRST COLUMN — 40%
========================================================= */

#nbk-footer .nbk-footer-column:first-child{

    width:100%;
}


/* =========================================================
   OTHER 3 COLUMNS — EQUAL WIDTH
========================================================= */

#nbk-footer .nbk-footer-column:nth-child(2),
#nbk-footer .nbk-footer-column:nth-child(3),
#nbk-footer .nbk-footer-column:nth-child(4){

    width:100%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1000px){

    #nbk-footer .nbk-footer-grid{

        grid-template-columns:
            repeat(2, 1fr);

        gap:20px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){

    #nbk-footer .nbk-footer-grid{

        grid-template-columns:1fr;

        gap:16px;
    }

    #nbk-footer .nbk-footer-column{

        width:100%;

        height:auto;

        padding:23px 20px;
    }

}