/* @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100;200;300;400;500;600;700;800&display=swap'); */

/* @import url('https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100;200;300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap'); */

/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Import Css Files */
@import url("./common.css?11");

@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/SofiaPro/SofiaProLight.woff2') format('woff2'),
        url('../fonts/SofiaPro/SofiaProLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Global Root variables */
:root {
	--primary: #C80000;
    --black: #000000;
    --white: #ffffff;
	--dark-gray: #373737;

    --page-width: 1360px;
    --margin-page-width: max(0rem, calc((100vw - var(--page-width) + 0rem) / 2));
	--header-height: 83px;
	--top-bar-height: 44px;
}

body {
    margin: 0;
    padding: 0;
	padding-top: calc(var(--header-height) + var(--top-bar-height));
    font-size: 16px;
	font-family: 'Noto Sans', sans-serif;
	background-color: #fdfdfd;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1.25;
	font-weight: 600;
}

h1 {
	font-size: 52px;
	margin-bottom: 1.75rem;
}
h2 {
	font-size: 42px;
	margin-bottom: 1.5rem;
}
h3 {
	font-size: 28px;
	margin-bottom: 1.15rem;
}
h4 {
	font-size: 24px;
	margin-bottom: 1rem;
}
h5 {
	font-size: 20px;
	margin-bottom: .75rem;
}

p {
	margin-top: 0;
	line-height: 1.45;
}
p + p:last-child {
	margin-bottom: 0;
}


img, video {
    display: block;
    max-width: 100%;
}


.text-white { color: var(--white) !important; }
.text-light { color: #5B5B5B !important; }

.bg-black { background-color: var(--black) !important; }
.bg-white { background-color: var(--white) !important; }
.bg-light { background-color: #F5F5F5 !important; }



/* **** Button **** */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	padding: 5px 14px 5px 14px;
	background: transparent;
	color: var(--primary);
	border: 1px solid var(--black);
	cursor: pointer;
	text-decoration: none;
	max-width: fit-content;
	transition: all .3s linear;
	transition-property: all !important;
}
.btn:hover,
.btn:focus,
.btn:active:focus {
	box-shadow: none;
	outline: 0;
	box-shadow: 0 0 0 2px rgb(200 0 0 / 20%);
}
.btn .icon {
	width: 16px;
	height: 16px;
	margin-left: 5px;
	margin-top: -1px;
	transition: all .3s linear;
}

.btn.btn-dark {
	color: var(--primary);
	border: 1px solid var(--black);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active:focus {
	background-color: var(--primary);
	color: var(--white);
	border: 1px solid var(--primary);
	box-shadow: 0 0 0 2px rgb(200 0 0 / 20%);
}

.btn.btn-outline {
	color: var(--primary);
	border: 1px solid var(--black);
	background-color: var(--white);
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active:focus {
	border: 1px solid var(--primary);
	box-shadow: 0 0 0 2px rgb(200 0 0 / 20%);
}

/* .btn-primary {
	border: 1px solid #BB8459;
	background: #BB8459;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	border: 1px solid #ac7851;
	background: #ac7851;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus {
	box-shadow: 0 0 0 2px rgb(172 120 81 / 30%);
} */
/* **************** */



/* **** Form Controls **** */
.wpcf7-form :is(input:not([type='submit'], [type='radio'], [type='checkbox'])) {
    display: block;
	width: 100%;
    border: 1px solid rgba(33, 33, 33, 0.30);
    background: var(--white);
    color: var(--black);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    padding: 12px 16px;
	border-radius: 0;
    box-shadow: none;
    outline: none;
    transition: all .3s linear;
}
.wpcf7-form :is(input:not([type='submit'], [type='radio'], [type='checkbox']))::placeholder {
	color: #5B5B5B;
}
.wpcf7-form :is(input[type='submit']) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25em !important;
    min-height: auto !important;
    padding: 12px 18px;
    background: #2466a2;
    color: var(--white);
    border: 1px solid #2466a2;
    cursor: pointer;
    text-decoration: none;
    max-width: fit-content;
    transition: all .3s linear !important;
}
/* *********************** */



/* **** ads **** */
.ads-area .ads-title {
	color: #5B5B5B;
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 16px;
}
.ads-area img {
	width: 100%;
	max-height: 220px;
    object-fit: cover;
}
.ads-col:not(:last-child) {
	margin-bottom: 20px;
}
/* ************* */



/* **** Post Tags **** */
.post-meta {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.post-meta .date-time {
	font-size: 16px;
}
.post-tag {
	clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
    background-color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 500;
    padding: 0.35em 2em 0.35em 0.75em;
    line-height: 1.25;
    color: var(--white);
    text-decoration: none;
    margin-right: 0.5em;
}
.tags .post-tag {
    margin-bottom: 0.5rem;
}
/* ******************* */



/* **** Section / Post Heading **** */
.section-heading {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.section-heading .heading {
	position: relative;
	flex: 1;
	padding-left: 36px;
	margin-right: 12px;
	height: 24px;
}
.section-heading .heading:before {
	content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    background: var(--primary);
    z-index: -1;		
}
.section-heading h2 {
	color: var(--black);
	font-size: 30px;
	font-weight: 600;
	line-height: .85;
	display: inline-block;
	background: var(--white);
	padding: 0 10px;
	margin: 0;
	min-height: 24px;
}


.section-heading-secondary {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.section-heading-secondary .heading {
	position: relative;
	flex: 1;
	margin-right: 12px;
	height: 30px;
	display: flex;
    align-items: center;
    padding-top: 5px;
}
.section-heading-secondary .heading:before {
	content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
	right: 0;
	top: 50%;
    background: var(--primary);
}
.section-heading-secondary h2 {
	font-size: clamp(24px, 2vw, 38px);
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	z-index: 1;
	margin: 0;
}


.post-heading {
	position: relative;
	margin-bottom: 20px;
}
.post-heading:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	display: block;
	background: var(--primary);
	top: 50%;
	transform: translateY(-50%);
	margin-top: -2px;
}
.post-heading h3 {
	color: var(--black);
	font-size: clamp(18px, 1.85vw, 28px);
	font-weight: 600;
	line-height: 1.4;
	display: inline-block;
	background: var(--white);
	padding-right: 10px;
	position: relative;
	z-index: 1;
	margin: 0;
}
/* ************************************ */



/* **** Marquee Slider **** */
.news-bar-marquee {
	background-color: #F5F5F5;
	padding: 10px 0;
}
.news-bar-marquee .theme-container {
	display: flex;
    align-items: center;
	gap: 15px;
}
.news-bar-marquee .heading {
	color: var(--primary);
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	white-space: nowrap;
	display: inline-flex;
}
.news-bar-marquee .heading .icon {
	width: 26px;
	height: 26px;
}
.news-bar-marquee .slick-marquee {
	flex: 1;
	overflow: hidden;
}
.news-bar-marquee .slick-marquee .slick-track {
	display: flex;
}
.news-bar-marquee .slick-marquee .slick-track .slick-slide {
	width: auto !important;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-size: 15px;
}
.news-bar-marquee .slick-marquee .slick-track .slick-slide:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: var(--primary);
	margin-left: 24px;
	margin-top: -4px;
}
.news-bar-marquee .slick-marquee .slick-track .slick-slide:not(:last-child) {
	margin-right: 24px;
}
/* ************************ */



/* **** Hero Banner **** */
.hero-banner {
	padding-top: 20px;
	padding-bottom: 30px;
 }
.banner-post-slider {
    overflow: hidden;
	position: relative;
	height: 100%;
}
.banner-post-slider .post-slide {
	position: relative;
	height: 100%;
	/* max-height: 75vh; */
}
.banner-post-slider .post-slide-img {
	height: 100%;
	position: relative;
}
.banner-post-slider .post-slide .banner-thumbnail,
.banner-post-slider .post-slide img {
	aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.banner-post-slider .post-slide .post-content {
	background: linear-gradient(90deg, var(--black) 2.61%, rgba(0, 0, 0, 0.22) 98.79%);
	padding: 30px 24px 50px 24px;
	color: var(--white);
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.banner-post-slider .post-slide .post-content .heading {
	color: var(--white);
	font-size: clamp(20px, 2.25vw, 32px);
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 0;
}
.banner-post-slider .post-slide .post-content .heading a {
	color: var(--white);
	transition: all .3s;
	text-decoration: none;
	display: inline-block;
}
.banner-post-slider .post-slide .post-content .heading a:hover {
	opacity: .75;
}
.banner-post-slider .post-slide .post-content .description {
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-top: 20px;
}

.banner-post-slider .slick-list,
.banner-post-slider .slick-list .slick-track {
	height: 100%;
}
.banner-post-slider .slick-arrow {
	bottom: 20px;
    right: 70px;
    z-index: 9999;
    left: unset !important;
    top: unset !important;
    transform: unset !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 36px;
	background-color: var(--white);
	transition: all .3s linear;
}
.banner-post-slider .slick-arrow:focus,
.banner-post-slider .slick-arrow:hover {
	background-color: var(--primary);
}
.banner-post-slider .slick-arrow.slick-next {
    right: 20px !important;
}
.banner-post-slider .slick-arrow.slick-next:before,
.banner-post-slider .slick-arrow.slick-prev:before {
	font-size: 0;
    line-height: normal;
    opacity: 1;
    color: var(--black);
	display: inline-block;
	width: 14px;
    height: 14px;
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-post-slider .slick-arrow.slick-next:before {
    content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAApCAYAAAAxmNlDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACJSURBVHgB7dBBDYAwEETRCQrAweIASZWABBwhAQngoA4ABcCQ9ALprdtAk53kH+Dw2hQoYMJGNrEOShPm2RnaoDB5oWf4Vkfv2yY9hRhqqKGG5kR9LlSQuCxoxerXv4XtUFiP543vZtZAYYPhn+BHLtwZbvi/8RYKcxHcF4tPUJqL4GpzbA0HDBedvsOpQytEigAAAABJRU5ErkJggg==');
	transform: rotate(-180deg);
}
.banner-post-slider .slick-arrow.slick-prev:before {
    content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAApCAYAAAAxmNlDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACJSURBVHgB7dBBDYAwEETRCQrAweIASZWABBwhAQngoA4ABcCQ9ALprdtAk53kH+Dw2hQoYMJGNrEOShPm2RnaoDB5oWf4Vkfv2yY9hRhqqKGG5kR9LlSQuCxoxerXv4XtUFiP543vZtZAYYPhn+BHLtwZbvi/8RYKcxHcF4tPUJqL4GpzbA0HDBedvsOpQytEigAAAABJRU5ErkJggg==');
}
.banner-post-slider .slick-arrow:focus:before,
.banner-post-slider .slick-arrow:hover:before {
	filter: invert(1);
}

.hero-banner-latest-post {
	height: 100%;
	padding-top: 6px;
}
.hero-banner-latest-post .news-item {
	display: flex;
}
.hero-banner-latest-post .news-item .news-img {
    max-width: clamp(80px, 8.5vw, 150px);
    margin-right: clamp(12px, 1.25vw, 16px);
    overflow: unset;
}
.hero-banner-latest-post .news-item .news-img {
	height: fit-content;
}
.hero-banner-latest-post .news-item .news-img:after {
	content: "";
    width: calc(50% + 6px);
    height: calc(100% + 6px);
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: -1;
    background-color: var(--primary);
    transition: all .3s;
}
.hero-banner-latest-post .news-item .news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.hero-banner-latest-post .news-item .news-content .post-meta {
	margin-bottom: 12px;
}
.hero-banner-latest-post .news-item .news-content .heading {
	margin-top: -2px;
	margin-bottom: 10px;
}
.hero-banner-latest-post .news-item .news-content .place-time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}
.hero-banner-latest-post .news-item:not(:last-child) {
	margin-bottom: 0.7rem;
}
.hero-banner-latest-post .news-item-col {
	display: flex;
	flex-direction: column;
	height: 100%;
}


/* ---- lead-news ---- */
.banner-lead-post .post-img {
	padding: 0;
	position: relative;
}
.banner-lead-post .post-img:after {
	content: "";
	width: calc(50% + 8px);
	height: calc(100% + 8px);
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: -1;
	background-color: var(--primary);
	transition: all .3s;
}
.banner-lead-post .post-img img {
	aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
}
.banner-lead-post .post-content {
	padding-top: 1rem;
}
.banner-lead-post .post-content .post-meta {
    color: #5B5B5B;
    font-size: clamp(12px, 1.25vw, 16px);
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    transition: all .3s;
	margin-bottom: 10px;
}
.banner-lead-post .post-content .heading {
    color: var(--black);
    font-size: clamp(18px, 1.5vw, 24px);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 4px;
}
.banner-lead-post .post-content .heading a {
    color: var(--black);
    transition: all .3s;
    text-decoration: none;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.banner-lead-post .post-content .heading a:hover {
	color: var(--primary);
}
.banner-lead-post .post-content .description {
    color: #5B5B5B;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 8px;
}
.lead-news .news-item .news-content .heading {
    font-size: clamp(14px, 1.1vw, 18px);
	line-height: 1.5;
}
.lead-news .news-item .news-content .heading a {
    display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	line-height:19px;
    font-size:15px;
}
.lead-news :is(.news-item .news-content .description, .news-item .news-content .date-time, .news-item .news-content .place-name, .news-item .news-content .video-time) {
    font-size: clamp(12px, 1.5vw, 14px);
}
.lead-news .news-item .news-img {
    max-width: clamp(110px, 8.5vw, 150px);
}
.lead-news .news-item .news-img img {
    aspect-ratio: 15 / 9;
    object-position: top;
}

.news-by-category .hero-banner-latest-post.sidebar-news-posts .news-item .news-img {
    max-width: clamp(110px, 7.4vw, 130px);
}


.video-stream img,
.video-stream iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 5 / 4;
	display: block;
}
/* ********************* */



/* **** Video News **** */
.vistaart-videos {
	background-color: var(--primary);
	padding: 30px 20px;
}
.vistaart-videos .theme-row {
	row-gap: 20px;
}
.vistaart-videos .news-video-full :is(img, video) {
	/* aspect-ratio: 6 / 5; */
	aspect-ratio: 15 / 9;
    object-fit: cover;
    width: 100%;
	height: 100%;
}
.vistaart-videos .news-video {
	position: relative;
	height: 100%;
}
.vistaart-videos .news-video .video-play-pause {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.video-play-pause {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(36px, 4.5vw, 68px);;
	height: clamp(36px, 4.5vw, 68px);;
	border-radius: 70px;
	background: var(--primary);
	color: var(--white);
	cursor: pointer;
}
.video-play-pause svg {
	width: clamp(16px, 2.25vw, 30px);
	height: clamp(16px, 2.25vw, 30px);
}
.vistaart-videos .news-post-items {
	height: 100%;
}
.vistaart-videos .news-post-items::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.vistaart-videos .news-post-items::-webkit-scrollbar-track {
	background: #5B5B5B;
}
.vistaart-videos .news-post-items::-webkit-scrollbar-thumb {
	background: var(--primary);
}
.vistaart-videos .news-post-items .news-item .news-img {
    width: clamp(100px, 10vw, 180px);
    margin-right: clamp(15px, 1.5vw, 20px);
}
.vistaart-videos .news-post-items .news-item .news-img img {
	aspect-ratio: 4 / 3;
	height: 100%;
}
.vistaart-videos .news-post-items .news-item .news-content .heading a {
	color: var(--white);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	padding-top: 8px;
    margin-top: -4px;
}
.vistaart-videos .news-post-items .news-item .news-content .heading a:hover {
	opacity: .75;
}
.vistaart-videos .news-post-items .news-video .video-play-pause {
	width: clamp(16px, 2vw, 32px);
	height: clamp(16px, 2vw, 32px);
}
.vistaart-videos .news-post-items .news-video .video-play-pause svg {
	width: clamp(12px, 1vw, 16px);
	height: clamp(12px, 1vw, 16px);
}
.news-post-items .video-time {
	display: inline-flex;
	align-items: center;
}
.news-post-items .video-time  svg {
	margin-right: 10px;
	width: 22px;
	height: 22px;
	margin-top: -6px;
}
.vistaart-videos .news-post-items .news-item:not(:last-child) {
	margin-bottom: 20px;
}

/* -- Lead Videos -- */
.lead-vistaar-videos {
	padding: 20px;
}
.lead-vistaar-videos .section-heading-secondary h2 {
    font-size: clamp(18px, 2.25vw, 22px);
}
.lead-vistaar-videos .video-play-pause {
    width: clamp(24px, 2.75vw, 44px);
    height: clamp(24px, 2.75vw, 44px);
}
.lead-vistaar-videos .video-play-pause svg {
    width: clamp(14px, 2vw, 24px);
    height: clamp(14px, 2vw, 24px);
	margin-left: 2px;
}
.post-video-title {
	color: var(--white);
    font-size: clamp(15px, 1.15vw, 18px);
    font-weight: 500;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 0;
}
.post-video-title a {
	color: var(--white);
	text-decoration: none;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.video-news-slider .slick-dots li {
	width: 10px;
    height: 10px;
}
.video-news-slider .slick-dots li button {
    padding: 1px;
    background: var(--white);
	width: 10px;
    height: 10px;
	border-radius: 10px;
}
.video-news-slider .slick-dots li.slick-active button {
	background: var(--primary);
}
.video-news-slider .slick-dots li button:before {
	content: none;
}
.lead-vistaar-videos .section-heading-secondary .heading h2 {
    background: var(--primary);
}
.lead-vistaar-videos .section-heading-secondary .heading:before {
    background: var(--white);
}
/* ********************* */





/* **** State News **** */
.overlay-post-grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.state-news-post .theme-container > .theme-row {
	row-gap: 30px;
}
.state-news-post .news-post-items .news-item .news-img {
    width: 100px;
    margin-right: clamp(15px, 1.5vw, 20px);
}
.state-news-post .news-post-items .news-item .news-content .heading {
    margin-top: 0;
    font-size: clamp(14px, 1.25vw, 18px);
}
.overlay-post-wrapper .overlay-post {
	position: relative;
}
.overlay-post-wrapper .overlay-post .banner-thumbnail,
.overlay-post-wrapper .overlay-post img {
	aspect-ratio: 4 / 3;
    object-fit: cover;
	width: 100%;
    height: auto;
}
.overlay-post-wrapper .overlay-post .post-content {
	background: linear-gradient(90deg, var(--black) 2.61%, rgba(0, 0, 0, 0.22) 98.79%);
	padding: 20px 15px 20px 15px;
	color: var(--white);
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.overlay-post-wrapper .overlay-post .post-content .heading {
	color: var(--white);
	font-size: clamp(14px, 1.25vw, 20px);
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
}
.overlay-post-wrapper .overlay-post .post-content .heading a {
	color: var(--white);
	transition: all .3s;
	text-decoration: none;
	display: inline-block;
}
.overlay-post-wrapper .overlay-post .post-content .heading a:hover {
	opacity: .75;
}
.overlay-post-wrapper .overlay-post .post-content .desciption {
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

.post-nav-tab {
	display: flex;
	margin: 0;
    padding: 0;
	margin-bottom: 20px;
    list-style: none;
}
.post-nav-tab li {
	display: inline-flex;
}
.post-nav-tab li:not(:last-child) {
	margin-right: 22px;
}
.post-nav-tab .tab-item {
	color: var(--black);
	font-size: 20px;
	font-weight: 600;
	border-bottom: 2px solid transparent;
	padding-bottom: 4px;
	line-height: 1.1;
}
.post-nav-tab li.active .tab-item {
	border-color: var(--primary);
}
/* ******************** */


.news-post-items .news-item {
	display: flex;
}
.news-post-items .news-item .news-img {
	width: clamp(100px, 9.2vw, 160px);
	margin-right: clamp(14px, 1.25vw, 20px);
}
.news-post-items .news-item .news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.news-post-items .news-item .news-content .heading {
	margin-top: 0;
	margin-bottom: 10px;
}
.news-post-items .news-item .news-content .post-meta {
	margin-top: auto;
	margin-bottom: 0;
}
.news-post-items .news-item:not(:last-child) {
	margin-bottom: 24px;
}


.news-item .news-img {
  	overflow: hidden;
	position: relative;
}
.news-item .news-img:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background-color: var(--black);
	opacity: 0;
	transition: all .5s;
}
.news-item:hover .news-img:before {
	width: 100%;
	height: 100%;
	opacity: 0.1;
}
.news-item .news-img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	height: auto;
	transition: all .75s;
}
.news-item .news-content .heading {
	color: var(--black);
	font-size: clamp(14px, 1.15vw, 17px);
	font-weight: 500;
	line-height: 1.4;
	text-transform: capitalize;
	margin-top: 12px;
}
.news-item .news-content .heading a {
	color: var(--black);
	text-decoration: none;
	transition: all .3s;
	display: inline-block;
}
.news-item .news-content .heading a:hover {
	color: var(--primary);
}
.news-item .news-content .description,
.news-item .news-content .date-time,
.news-item .news-content .place-name,
.news-item .news-content .video-time {
	color: #5B5B5B;
	font-size: clamp(12px, 1.25vw, 17px);
	font-weight: 400;
	line-height: 1.45;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	transition: all .3s;
}
.news-item .news-content .description {
	margin-bottom: 15px;
}
.categories a {
	margin-right: 8px;
}
.news-item .news-content a.place-name:hover {
	color: var(--primary);
	text-decoration: underline;
}
.share-post {
	display: inline-flex;
	margin-top: auto;
	cursor: pointer;
	transition: all .3s;
	color: #5B5B5B;
}
.share-post:hover {
	color: var(--primary);
}
.share-post svg {
	width: 16px;
	height: 16px;
}


.country-news.desh-cust .news-col:nth-child(1) {
	order: 1;
}
.country-news.desh-cust .news-col:nth-child(2) {
	order: 2;
}
.country-news.desh-cust .news-col:nth-child(3) {
	order: 3;
}
.country-news .news-item:first-child .news-img img {
  aspect-ratio: 16 / 9;
}
.country-news .news-col.large-col .news-item:first-child .news-img img {
  aspect-ratio: 4 / 3;
}
.country-news .news-item:not(:first-child) {
	display: flex;
}
.country-news .news-item:not(:first-child) .news-img {
	width: 100px;
	/* height: 80px; */
	margin-right: 16px;
}
.country-news.desh-cust .news-item:not(:first-child) .news-img {
	height: auto;
}
.country-news .news-item:not(:first-child) .news-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.country-news .news-item:not(:first-child) .news-content .heading {
	margin-top: 0;
	font-size: 18px;
}
.country-news .news-item:not(:first-child) .news-content .date-time {
	margin-top: auto;
}
.country-news .news-item:not(:last-child) {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #C8C8C8;
}
.country-news .news-col.large-col .news-item .news-content .heading {
	font-size: clamp(22px, 1.75vw, 32px);
}




/* **** Sports news **** */
.sports-news .news-post-items {
	column-count: 2;
	column-gap: 80px;
}
.sports-news .news-item .news-img img {
	aspect-ratio: 4 / 3;
	height: 100%;
}
/* ********************* */



/* **** Categories Page **** */
.breadcrumb {
	margin-top: 35px;
	margin-bottom: 40px;
}
.breadcrumb a {
	color: var(--black);
	text-decoration: none;
}
.breadcrumb .active {
	color: var(--primary);
}
.categories-news-post .section-heading .heading {
	margin-right: 0;
}
.categories-news-post .news-item-col img {
	aspect-ratio: 16 / 9;
}
.categories-news-post .news-item-col .news-item {
	display: flex;
    /* flex-direction: column; */
}
.categories-news-post .news-item-col .news-item .news-img {
	max-width: clamp(100px, 24vw, 300px);
    margin-right: clamp(12px, 1.25vw, 20px);
}
.categories-news-post .news-item .news-content {
	flex: 1;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
}
.categories-news-post .news-item .news-content .heading {
	font-size: clamp(14px, 1.95vw, 20px);
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 5px;
}
.categories-news-post .news-item .news-content .heading a {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
.categories-news-post .news-item .news-content .description {
	margin-bottom: 5px;
}
.categories-news-post .news-item .news-content .description p {
	font-size: clamp(12px, 1.4vw, 17px);
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categories-news-post .news-item .news-content .meta-data {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.categories-news-post .news-item .news-content .meta-data .date-time {
	margin: 0;
	font-size: clamp(12px, 1.25vw, 16px);
}
.categories-news-post .news-item .news-content .meta-data a {
	text-decoration: none;
}
.categories-news-post .news-item .news-content .meta-data div a {
	display: inline-flex;
	margin-left: clamp(18px, 2.15vw, 24px);
	text-decoration: none;
}
.categories-news-post .news-item .news-content .meta-data svg {
	width: clamp(18px, 2.15vw, 24px);
	height: clamp(18px, 2.15vw, 24px);
}
.categories-news-post .news-item .news-content .meta-data .link {
	color: #5B5B5B;
	transition: all .3s;
}
.categories-news-post .news-item .news-content .meta-data .link:hover {
	color: var(--primary);
}
.categories-news-post .news-item .news-content .meta-data .whatsapp-share {
	color: #2AA044;
}

.sidebar-news-post .news-post-items .news-item .news-content .heading {
	font-size: clamp(14px, 1.15vw, 20px);
}
.sidebar-news-post .news-post-items .news-item .news-content .heading a {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sidebar-news-post .news-post-items .news-item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
	border-bottom: 1px solid #C8C8C8;
}
.sidebar-news-post .news-post-items .news-item .news-img img {
	/* aspect-ratio: 4 / 3; */
	aspect-ratio: 15 / 9;
    object-position: top;
}

.sidebar-news-posts .news-item:not(:last-child) {
	padding-bottom: 10px;
    margin-bottom: 15px;
	border-bottom: 1px solid #C8C8C8;
}
.hero-banner-latest-post.sidebar-news-posts .news-item .news-img {
    max-width: clamp(80px, 7.4vw, 130px);
    margin-right: clamp(10px, 1vw, 12px);
}

.sidebar-news-posts .news-item .news-content .heading {
    font-size: clamp(14px, 1.1vw, 16px);
    line-height: 1.45;
}
/* ************************* */



/* **** Single News **** */
.single-news-post .news-post-content .heading h1 {
	color: var(--black);
    font-size: clamp(20px, 2vw, 36px);
    font-weight: 600;
    margin-bottom: clamp(16px, 2.15vw, 32px);
    line-height: 1.45;
}
.single-news-post .news-post-content .news-content {
	/* margin-top: 50px; */
}
.single-news-post .news-post-content .news-content p {
	/* color: #5B5B5B; */
	color: var(--black);
    font-size: clamp(18px, 1.25vw, 20px);
    font-weight: 400;
    line-height: 1.75;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: all .3s;
}
.single-news-post .news-post-content .news-content p a {
	color: var(--primary);
}
.single-news-post .news-post-content .news-content :is(h2, h3, h4) {
	margin-top: 2rem;
}
.single-news-post .news-post-content .news-content :is(img, video) {
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100%;
    /* object-fit: cover;
    aspect-ratio: 16 / 9; */
    height: auto;
    transition: all .75s;
}
.single-news-post .news-post-content .news-content iframe {
	width: 100%;
 /*   height: 100%; */
    aspect-ratio: 16 / 9;
	margin-top: 10px;
    margin-bottom: 10px;
}

.news-post-content .news-feature-img {
	position: relative;
}
.news-post-content .news-feature-img:after {
	content: "";
	width: calc(50% + 8px);
	height: calc(100% + 8px);
	position: absolute;
	top: -4px;
	left: -4px;
	z-index: -1;
	background-color: var(--primary);
	transition: all .3s;
}
.news-post-content .news-feature-img img {
	width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    height: auto;
    transition: all .75s;
}

.post-meta-detail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 2rem;
}
.post-details {
	font-size: clamp(15px, 1.15vw, 17px);
	font-weight: 400;
}
.post-details .post-author {
	display: flex;
    align-items: center;
    gap: 12px;
}
.post-details .post-author a {
	text-decoration: none;
}
.post-details .post-author .written-by {
	display: block;
	margin-bottom: 2px;
}
.post-meta-detail .post-author .author-name {
	color: var(--primary);
}
.post-meta-detail .post-author .post-time {
	display: inline-block;
}
.post-details .post-author img {
	width: 45px;
    height: 45px;
    border-radius: 45px;
	box-shadow: 0 0 1px rgb(0 0 0 / 40%);
}
.post-social-share {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 5px;
}
.post-social-share li {
	display: inline-flex;
}
.post-social-share li:not(:last-child) {
	margin-right: 20px;
}
.post-social-share li a {
	text-decoration: none;
	color: var(--black);
	display: inline-flex;
	transition: all .3s;
}
.post-social-share li a:hover {
	transform: scale(1.15);
}
.post-social-share li a .icon {
	width: 30px;
	height: 30px;
}
.post-social-share li a.facebook { color: #0459BD; }
.post-social-share li a.instagram { color: #e1306c; }
.post-social-share li a.x { color: #000000; }
.post-social-share li a.whatsapp { color: #25D366; }
/* ********************* */




/* **** Share Modal **** */
.share-popup {
    background: rgb(255, 254, 254);
    padding: 15px;
    border-radius: 8px;
	position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
    max-width: 220px;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 2px 16px rgba(0,0,0,0.3), 0px 2px 0px 100vw rgba(0,0,0,0.3);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}
.share-popup.show {
    opacity: 1;
    pointer-events: auto;
    transform:translate(-50%, -50%) scale(1);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;

}
.share-popup :is(.popup-header, .icons, .field){
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.share-popup .popup-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #ebedf9;
}
.share-popup .popup-header span {
    font-size: 16px;
    font-weight: 600;
}
.share-popup .popup-header .close, .icons a{
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    transition: all 0.3s ease-in-out;
} 
.share-popup .popup-header .close{
    color: #5B5B5B;
    background: #f3f3f3;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.share-popup .popup-header .close .icon {
    width: 16px;
    height: 16px;
}
.share-popup .content{
    margin: 20px 0 10px 0;
}
.share-popup .content p{
    font-size: 16px;
}
.share-popup .content .icons a{
    height: 40px;
    width: 40px;
    text-decoration: none;
    border: 1px solid transparent;
}
.share-popup .icons a .icon {
	width: 24px;
	height: 24px;
    transition: transform 0.3s ease-in-out;
}
.share-popup .icons a.fb-share{
    color: #0459BD;
    border-color: #b7d4fb;
}
.share-popup .icons a.fb-share:hover{
    background: #0459BD;
}
.share-popup .icons a.tweet-share{
    color: #000000;
    border-color: #999999;
}
.share-popup .icons a.tweet-share:hover{
    background: #000000;
}
.share-popup .icons a.whatsapp-share{
    color: #25D366;
    border-color: #bef4d2;
}
.share-popup .icons a.whatsapp-share:hover{
    background: #25D366;
}
.share-popup .icons a:hover{
    color: #fff;
    border-color: transparent;
}
.share-popup .icons a:hover i{
    transform: scale(1.2);
}
.share-popup .content .field{
    margin: 12px 0 -5px 0;
    height: 45px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #757171;
}
.share-popup .field.active{
    border-color: #7d2ae8;
}
.share-popup .field i{
    width: 50px;
    font-size: 18px;
    text-align: center;
}
.share-popup .field.active i{
    color: #7d2ae8;
}
.share-popup .field input{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 15px;
}
.share-popup .field button{
    color: #fff;
    padding: 5px 18px;
    background: #7d2ae8;
}
.share-popup .field button:hover{
    background: #8d39fa;
}
/* ********************* */


/* **** Live TV **** */
.live-tv-modal {
	background: var(--black);
    padding: 20px;
    position: fixed;
    inset: 0;
    z-index: 999999;
    transform: scale(1.2);
    max-width: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 0px 0px rgba(0,0,0);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.live-tv-modal.show {
	opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition: opacity 0.2s 0s ease-in-out, transform 0.2s 0s ease-in-out;
}
.live-tv-modal .modal-close {
	display: inline-flex;
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--white);
	cursor: pointer;
}
.live-tv-modal .modal-close svg {
	width: 16px;
	height: 16px;
}
.live-tv-modal-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	position: fixed;
	bottom: 12px;
	right: 12px;
	background: var(--primary);
	cursor: pointer;
	z-index: 9;
    box-shadow: 0 1px 6px rgb(0 0 0 / 20%);
}
.live-tv-modal-action img {
	width: 48px;
	height: 48px;
}
/* ***************** */


/* **** Pagination **** */
.pagination {
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: relative;
	padding: 0 10px;
}
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	border: 1px solid #D5D5D5;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	width: 48px;
	height: 48px;
	text-decoration: none;
	border-radius: 8px;
	transition: all .3s linear;
}
.pagination .page-numbers:is(.prev, .next) {
	padding-top: 0;
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current {
	border-color: var(--primary);
	background: var(--primary);
	color: var(--white);
}
.pagination .page-numbers:is(.prev, .next):hover svg path,
.pagination .page-numbers:is(.prev, .next):focus svg path {
	fill: var(--white);
}
/* ******************* */



/* **** Pre-Loader **** */
.site-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    padding: 75px 0;
    background: #fff;
    color: var(--primary);
    transition: background .3s;
}
.site-loader:before {
    content: "";
    width: 180px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* background-image: url('/wp-content/themes/vistaar-news/dist/images/spinner.png'); */
    background-image: url('/wp-content/uploads/2023/11/logo.svg');
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 1;
    transition: opacity .3s;
}
@keyframes spin {
	0% {
		opacity: .25;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .25;
	}
}
/* ******************** */



/* **** Web Stories **** */
.web-stories-wrapper {
	padding-bottom: 40px;
}
.web-stories-wrapper .web-stories .news-item-col a {
	text-decoration: none;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-img:before {
	content: unset;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-img img {
    aspect-ratio: 2 / 3;
}
.web-stories-wrapper .web-stories .news-item-col .news-item {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.web-stories-wrapper .web-stories .news-item-col .news-item:before {
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.80) 100%);
    transition: all .5s;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
    z-index: 3;
    padding: 1rem 0.5rem;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .news-content .heading {
	margin: 0;
	color: var(--white);
	text-shadow: 0 0.5px 1px rgb(0 0 0 / 10%);
	font-size: clamp(14px, 1.15vw, 18px);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.web-stories-wrapper .web-stories .news-item-col a:hover .news-img img {
	transform: scale(1.1);
}
.web-stories-wrapper .web-stories .news-item-col .news-item .web-story-icon {
	position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    width: 28px;
    height: 28px;
    border-radius: 32px;
    background: var(--black);
    padding: 2px;
    opacity: .65;
	transition: all .3s;
}
.web-stories-wrapper .web-stories .news-item-col .news-item .web-story-icon svg {
	width: 16px;
    height: 16px;
    opacity: .65;
	transition: all .3s;
}
.web-stories-wrapper .web-stories .news-item-col .news-item:hover .web-story-icon {
	transform: scale(1.1);
}
.web-stories-wrapper .web-stories .news-item-col .news-item:hover .web-story-icon,
.web-stories-wrapper .web-stories .news-item-col .news-item:hover .web-story-icon svg {
	opacity: 1;
}

/* -- -- */
.web-story-collections {
	row-gap: 20px;
}
.web-story-collections .web-story-collection-card .news-item,
.web-story-collections .web-story-collection-card > a,
.web-story-collections .web-story-collection-card {
	height: 100%;
	display: block;
}
.web-story-collections .web-story-collection-card img {
	aspect-ratio: 4 / 5;
}
.web-story-collections .web-story-collection-card a {
	text-decoration: none;
}
.web-story-collections .web-story-collection-card .news-item {
	border-radius: 10px;
	overflow: hidden;
	background-color: #f1f1f1;
}
.web-story-collections .web-story-collection-card .news-item .news-content {
    padding: 8px 16px;
}
.web-story-collections .web-story-collection-card .news-item .news-content .heading {
    font-size: clamp(12px, 1.15vw, 16px);
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 2px;
}
.web-story-collections .web-story-collection-card .news-item .news-content .heading a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	padding: 0;
}
.web-story-collections .web-story-collection-card .news-item .news-content .place-name {
    color: var(--primary);
	font-size: clamp(12px, 1.25vw, 16px);
    font-weight: 500;
}
.web-story-collections .web-story-collection-card .news-item .news-content .story-post-date {
	font-size: clamp(12px, 1.15vw, 16px);
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 2px;
}
.web-story-collections .web-story-collection-card .news-item .news-img {
    margin-right: 0;
    max-width: 100%;
}
.news-item .news-content .heading .web-story-icon {
	display: inline-flex;
	margin-right: 4px;
}
.news-item .news-content .heading .web-story-icon svg {
	width: 16px;
    height: 16px;
}
.news-item .news-content .heading .web-story-icon svg path {
	fill: var(--primary);
}
/* ********************* */


.author-details {
	background-color: #F5F5F5;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 4rem;
}
.author-details .author-info {
	text-align: center;
	border-right: 1px solid #ddd;
}
.author-details .author-info .author-name {
	font-weight: 600;
    color: var(--primary);
	margin-top: 15px;
	font-size: clamp(18px, 1.25vw, 24px);
}
.author-details .author-info .author-email {
	font-size: clamp(14px, 1.15vw, 18px);
	font-weight: 400;
	margin-top: 5px;
}
.author-details .author-info img {
	max-width: 220px;
	margin: 0 auto;
	border-radius: 9999px;
}
.author-description p {
	font-size: clamp(14px, 1.15vw, 16px);
    line-height: 1.65;
    color: #5B5B5B;
}

.news-by-category .hero-banner-latest-post .news-item .news-img:after,
.news-by-category .banner-lead-post .post-img:after {
	content: none;
}
.news-by-category .hero-banner-latest-post {
    padding-top: 0;
}
.news-by-category .banner-lead-post {
	position: relative;
}
.news-by-category .banner-lead-post .post-content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1rem;
	z-index: 3;
}
.news-by-category .banner-lead-post .post-content .heading {
	margin: 0;
    color: var(--white);
    text-shadow: 0 0.5px 1px rgb(0 0 0 / 10%);
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.5;
}
.news-by-category .banner-lead-post .post-content .heading a {
	color: var(--white);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-by-category .banner-lead-post .post-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.80) 100%);
    transition: all .5s;
}

.section-default--404 {
	min-height: 50vh;
}

.state-news-post:not(.pradesh-news) {
	padding-top: 80px;
	padding-bottom: 80px;
}
.latest-news-wrapper, .country-news-wrapper, .sports-news, .video-news-wrapper {
	padding-bottom: 80px;
}
.multiple-news-wrapper {
	padding-top: 80px;
	padding-bottom: 80px;
}
.state-news-post.pradesh-news {
	padding-bottom: 60px;
}

.latest-news.theme-row {
	row-gap: 5px;
}

.main-wrapper {
	min-height: 40vh;
}

.live-update-post {
	padding: 1rem;
    border: 1px solid #c8c8c8;
    margin-top: 1.5rem;
}
.live-update-post .left-side,
.live-update-post .right {
	height: 100%;
}
.live-update-post .left-side {
	border-right: 1px solid #c8c8c8;
	font-weight: 700;
	line-height: 1.45;
    color: var(--primary);
}
.live-update-post .post-content h3 {
	color: var(--black);
    font-size: clamp(18px, 1.75vw, 24px);
    font-weight: 600;
    line-height: 1.4;
	margin-bottom: 15px;
}
.live-update-post .post-content h3 a {
	color: var(--black);
	transition: all .3s;
}
.live-update-post .post-content h3 a:hover {
	color: var(--primary);
}
.live-update-post .post-content img {
	margin-top: 15px;
}

.liveblog-label {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary);
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 10px;
    position: relative;
}
.liveblog-label:after, 
.liveblog-label:before {
	width: 0.625rem;
    height: 0.625rem;
    border: 0.125rem solid red;
    border-radius: 1em;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 2.75rem;
    position: absolute;
    right: 0;
    top: 2.5px;
}
.liveblog-label:before {
	-webkit-animation: ripple-live 2s ease-out infinite;
    animation: ripple-live 2s ease-out infinite;
}
.liveblog-label:after {
    -webkit-animation: ripple-live 2s ease-out 1s infinite;
    animation: ripple-live 2s ease-out 1s infinite;
}
@keyframes ripple-live {
	0% {
		opacity: 1;
		transform: scale(.5);
		background-color: var(--primary);
	}
	100% {
		border-radius: 2em;
		opacity: 0;
		transform: scale(1.5);
		background-color: transparent;
	}
}


.wp-caption-text {
	width: 100%;
    padding: 10px 15px;
    text-align: left;
    margin: 0 auto;
    color: #a1a1a1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border: 1px solid #ccc;
    border-top: 0;
    z-index: -3;
    position: relative;
}
.wp-caption-text:before {
    content: "";
    position: relative;
    top: 4px;
    opacity: 0.4;
    margin-right: 5px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgB7VTtbYMwFHxYHSAjZIOqE9TdoBkAuUzQdoKSDegElAmaTBAyQZQNGIEJIHeKiZwPYQf4mZMsP57xnXnvsMgDHkS+F4qi+MGU3lpTSqVxHC9lqADIPzFlfe80TfOdJEnmFQCZsWQzGYcKIzXGFHxQzkI6ATkxF+er1cXCVDgd9Cl0R9u2ZRRFe9S8xvyKoUP2hQjUIF2gkaWbzPNcw0X/4imrV6AjB+EMhMbm1ja3QG7Tt195+EtLNAfRTo7Ny0hKQa6xdIMFcNKtDd/l3ASMPxhAYC9DBXDSENvWvRzSj2c7/8nxB+rAeMWAjpIRAppuQa3ppDc8f3EgfkGu4prPrl4X0Yp0i7Xpb5d3bCqjBADac4O7qmTTbV9YOh2wN/xPJiHItdwJtwe1TIfqSoD3upw7ZShoiKU8EIoDKmh9jCskpi4AAAAASUVORK5CYII=');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-flex;
	width: 24px;
	height: 24px;
}
.single-news-post .news-post-content .news-feature-img {
	padding-left: 4px;
}
.single-news-post .news-post-content .news-feature-img:after {
    left: 0px;
}

.vn-banner {
	padding-top: 20px;
}
.vn-banner img {
	width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 250px;
}
.sidebar-news-posts .news-item .news-content .heading{
	    height: 85px;
    overflow: hidden;
}

/* **** Media Query **** */
@media (min-width: 640px) {
	.author-description {
		padding: 0 40px;
	}
}

@media (min-width: 768px) {
	.post-nav-tab {
		display: none;
	}

	.hero-banner .share-post {
		display: none;
	}

	.banner-post-slider .slick-list .slick-track .slick-slide {
		padding: 4px 0 4px 4px;
	}
	.banner-post-slider .post-slide:after {
		content: "";
		width: calc(50% + 8px);
		height: calc(100% + 8px);
		position: absolute;
		top: -4px;
		left: -4px;
		z-index: -1;
		background-color: var(--primary);
		transition: all .3s;
	}

	.latest-news .news-item .news-content .share-post,
	.multiple-news .news-item .news-content .share-post,
	.vistaart-videos .news-item .news-content .share-post,
	.desh-cust .news-item .news-content .share-post,
	.sports-news .news-item .news-content .share-post,
	.pradesh-news .news-item .news-content p.date-time {
		display: none;
	}

	.latest-news .news-item .news-content .heading {
		margin-bottom: 8px;
	}
	.latest-news .news-item .news-content .description {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-top: 8px;
		margin-top: -4px;
		line-height: 1.45;
		max-height: 55px;
	}

	.latest-news.theme-row {
		row-gap: 25px;
	}
}

@media (min-width: 991px) {
	.news-bar-marquee .heading .icon {
		display: none;
	}
	.hero-banner-latest-post .ads {
		margin-top: auto;
		padding-bottom: 3px;
	}

	.vistaart-videos {
		padding: 40px 30px;
	}
	.lead-vistaar-videos {
		padding: 20px;
	}
	.vistaart-videos .news-video {
		max-height: 62vh;
	}
	.vistaart-videos .news-post-items {
		max-height: 62vh;
		overflow: auto;
		padding-right: 10px;
	}

	.reverse-layout .theme-row {
		flex-direction: row-reverse;
	}
}

@media (min-width: 1201px) {
	.pardesh-and-entertainment-news .overlay-post-grid,
	.pardesh-and-entertainment-news .entertainment-news {
		height: calc(100% - 48px);
	}
	.pardesh-and-entertainment-news .overlay-post-grid .overlay-post-wrapper .slider-item,
	.pardesh-and-entertainment-news .overlay-post-grid .overlay-post-wrapper .overlay-post,
	.pardesh-and-entertainment-news .overlay-post-grid .overlay-post-wrapper .overlay-post img {
		height: 100%;
	}
	.footer-container.theme-container {
	  padding-top: 30px;
	}
}

@media (min-width: 1401px) {
	.banner-post-slider .post-slide-img {
		height: 72vh;
	}
}

@media (min-width: 1620px) {
    .banner-post-slider .post-slide-img {
		height: 78vh;
	}
}

@media (max-width: 1400px) {
	.sports-news .news-post-items {
		column-gap: 60px;
	}
}

@media (max-width: 1200px) {
	:root {
		/* --header-height: 76px; */
	}
	.sports-news .news-post-items {
		column-gap: 40px;
	}

	.country-news.desh-cust .news-col.large-col {
		order: 0;
		margin-bottom: 30px;
	}
	.country-news .news-col.large-col .news-item .news-content .heading {
		font-size: clamp(18px, 1.75vw, 26px);
	}
	.overlay-post-grid {
		gap: 20px;
	}
	.overlay-post-wrapper .overlay-post .post-content {
		padding: 15px 15px 10px 15px;
	}

	.hero-banner {
		padding-bottom: 60px;
	}
	.state-news-post:not(.pradesh-news) {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.latest-news-wrapper, .country-news-wrapper, .sports-news, .video-news-wrapper {
		padding-bottom: 60px;
	}
	.multiple-news-wrapper {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.state-news-post.pradesh-news {
		padding-bottom: 40px;
	}
}

@media (max-width: 990px) {
	:root {
		--header-height: 53px;
		--mobile-main-menu-height: 48px;
		--top-bar-height: 36px;
	}
	body {
		padding-top: calc(var(--header-height) + var(--mobile-main-menu-height) + var(--top-bar-height));
		transition: all .15s linear;
	}
	body.scroll-sticky {
		padding-top: calc(var(--header-height) + var(--mobile-main-menu-height));
	}
	.hero-banner .banner-post-slider {
		margin-left: -4px;
	}

	.news-bar-marquee .heading span {
		display: none;
	}

	.sports-news .news-post-items {
		column-count: 1;
		column-gap: 0;
		margin-bottom: 20px;
	}
	.hero-banner-latest-post {
		/* margin-top: 20px; */
	}
	.news-item .news-content .heading {
		font-size: clamp(16px, 2.5vw, 18px);
		margin-top: 12px;
	}
	.news-item .news-content .description,
	.news-item .news-content .date-time,
	.news-item .news-content .place-name,
	.news-item .news-content .video-time {
		font-size: clamp(12px, 1.5vw, 14px);
		margin-top: 10px;
	}

	.sports-news .news-item .news-content .heading {
		font-size: clamp(16px, 1.75vw, 20px);
	}

	.overlay-post-wrapper .overlay-post .post-content {
		padding: 10px 10px 5px 10px;
	}

	.post-meta-detail {
		margin-bottom: 1rem;
	}
	.sidebar-news-post {
		display: none !important;
	}

	/* .hero-banner.lead-news:not(.news-by-category) .banner-lead-post {
		display: flex;
		flex-direction: column-reverse;
	}
	.hero-banner.lead-news:not(.news-by-category) .banner-lead-post .post-content {
		padding-top: 0;
		padding-bottom: 1rem;
	} */
	.web-stories.mobile-responsive .news-col {
		margin-right: 20px;
	}

	.section-heading {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.hero-banner.lead-news .theme-row,
	.lead-news.news-by-category .theme-row {
		row-gap: 20px;
	}
}

@media (max-width: 767px) {
	:root {
		--header-height: 55px;
	}

	.web-stories.mobile-responsive {
		padding-left: 10px;
		padding-right: 10px;
	}

	.hero-banner > .theme-container {
		/* padding-left: 0; */
		/* padding-right: 0; */
	}
	.hero-banner .hero-banner-latest-post {
		/* padding-left: 15px; */
		/* padding-right: 15px; */
	}
	.banner-post-slider .post-slide-img {
		padding: 2px 0 4px 3px;
	}
	.banner-post-slider .post-slide-img:after {
		content: "";
		width: calc(50% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top: -2px;
		left: -2px;
		z-index: -1;
		background-color: var(--primary);
		transition: all .3s;
	}
	.banner-post-slider .slick-track .slick-slide {
		margin: 0 0 0 15px;
	}
	.banner-post-slider .post-slide {
		height: auto;
		display: flex;
    	flex-direction: column-reverse;
	}
	.banner-post-slider .post-slide .post-content {
		background: none;
		padding: 0;
		color: var(--black);
		position: static;
		display: flex;
    	flex-direction: column-reverse;
	}
	.banner-post-slider .post-slide .post-content .post-meta {
		flex-direction: row !important;
	}
	.banner-post-slider .post-slide .post-content .heading,
	.banner-post-slider .post-slide .post-content .heading a {
		color: var(--black);
	}
	.banner-post-slider .post-slide .post-content .heading a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding-top: 5px;
		line-height: 1.25;
		height: 61px;
	}
	.banner-post-slider .post-slide .post-content .description {
		display: none;
	}
	.banner-post-slider .post-slide .post-content .post-meta {
		flex-direction: row-reverse;
		margin-bottom: 10px;
	}
	.banner-post-slider .post-slide .post-content .post-meta .date-time {
		color: #5B5B5B;
		font-size: 12px;
		font-weight: 400;
	}
	.banner-post-slider .post-slide .post-content .post-meta .tags {
		position: absolute;
		left: 10px;
		top: 110px;
	}
	.hero-banner-latest-post .news-item .news-img img {
		/* aspect-ratio: 4 / 3.5; */
		aspect-ratio: 15 / 9;
	}
	.hero-banner-latest-post .news-item .news-content .categories {
		display: none;
	}
	.hero-banner-latest-post .news-item {
		position: relative;
	}
	.hero-banner-latest-post .news-item .news-content .post-meta {
		position: absolute;
		left: 8px;
		top: 8px;
	}
	.hero-banner-latest-post .news-item .news-content .post-meta .post-tag {
		font-size: clamp(12px, 1.25vw, 16px);
		padding: 5px 12px 0 8px;
	}



	.latest-news .news-item-col {
		margin-bottom: 20px;
	}
	.latest-news .news-item .news-content .heading {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.latest-news .news-item .news-content .description {
		display: none;
	}
	.latest-news .news-item .news-content p.date-time,
	.desh-cust .news-item .news-content p.date-time,
	.multiple-news .news-item .news-content p.date-time,
	.pradesh-news .news-item .news-content p.date-time {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: auto;
	}

	.banner-post-slider .slick-arrow {
		display: none !important;
	}

	.country-news.desh-cust .news-col:not(.large-col) .news-item {
		margin-bottom: 20px;
		padding-bottom: 0 !important;
		border-bottom: 0 !important;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child {
		display: flex;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-img {
		width: 100px;
		/* height: 80px; */
		margin-right: 16px;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-img img {
		aspect-ratio: 1 / 1;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-content {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-content .heading {
		margin-top: 0;
		font-size: 18px;
	}
	.country-news.desh-cust .news-col:not(.large-col) .news-item:first-child .news-content .date-time {
		margin-top: auto;
	}

	.pradesh-news .post-heading {
		display: none;
	}

	.overlay-post-grid {
		gap: 15px;
	}
	.overlay-post-wrapper .overlay-post .post-content .heading a {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 1.45;
		max-height: 41px;
	}

	.section-heading {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	.section-heading .heading:before {
		margin-top: 1px;
	}
	.section-heading h2 {
		font-size: 20px;
		padding: 0 5px;
	}
	.section-heading .heading {
		padding-left: 16px;
		height: 17px;
	}
	.section-heading .btn {
		border: 0;
		padding: 0;
	}
	.section-heading .btn .icon {
		width: 18px;
		height: 18px;
	}

	.state-news-2 {
		display: none;
	}

	.multiple-news .news-item:not(:first-child) .news-content .heading {
		font-size: 16px;
	}

	.categories-news-post .news-item .news-content .meta-data .whatsapp-share {
		display: none;
	}

	.news-post-content .news-feature-img:after {
		width: calc(50% + 8px);
		height: calc(100% + 8px);
		top: -4px;
		left: -4px;
	}

	.ads-area .theme-row {
		row-gap: 20px;
	}
	.ads-area .ads-title {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.video-news-wrapper .theme-container {
		padding-left: 0;
		padding-right: 0;
	}

	.hero-banner {
		padding-bottom: 40px;
	}
	.state-news-post:not(.pradesh-news) {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.latest-news-wrapper, .country-news-wrapper, .sports-news, .video-news-wrapper {
		padding-bottom: 40px;
	}
    .web-stories-wrapper {
        padding-bottom: 10px;
    }
	.multiple-news-wrapper {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.state-news-post.pradesh-news {
		padding-bottom: 30px;
	}

	.breadcrumb {
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 14px;
	}

	.categories-news-post .news-item .news-content .heading {
		margin-bottom: 10px;
	}
	.categories-news-post .news-item .news-content .heading {
		font-weight: 500;
	}
	.categories-news-post .news-item .news-content .heading a {
		line-height: 1.4;
		max-height: 67px;
	}

	.vistaart-videos .news-post-items .news-item .news-content .heading a {
		padding-top: 6px;
		margin-top: -6px;
	}

	.post-social-share li a .icon {
		width: auto;
	}

	.lead-vistaar-videos {
		margin-left: -15px;
		margin-right: -15px;
		padding: 30px;
	}

	.pagination .page-numbers {
		font-size: 14px;
		font-weight: 500;
		line-height: 14px;
		width: 32px;
		height: 32px;
		border-radius: 4px;
	}

	.live-update-post .left-side, 
	.live-update-post .right {
		height: auto;
	}
	.live-update-post .left-side {
		border-right: 0;
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.web-story-collections .web-story-collection-card .news-item {
		border-radius: 6px;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content {
		padding: 4px 8px;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content .story-post-date {
		margin-top: 4px;
		margin-bottom: 0px;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content .categories {
		line-height: 1;
	}
	.web-story-collections .web-story-collection-card .news-item .news-content .heading a {
		-webkit-line-clamp: 3;
	}

	.single-news-post .news-post-content h3 {
		font-size: 20px;
		margin-bottom: .5rem;
	}
	.vn-banner img {
		max-height: 180px;
	}
	.categories-news-post .news-item .news-content .description,
	.categories-news-post .news-item .news-content .meta-data {
		display: none;
	}
}

@media (max-width: 375px) {
	.hero-banner .banner-post-slider {
		margin-left: -6px;
	}
}