﻿@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;font-style: normal;font-display: swap;
}
/*-----------------------*/
:root {
  --main-color: #C30206;
  --black-color: #000000;
  --border-radius-10: 0.625rem;
  --border-radius-5: 0.313rem;
  --border-radius-8: 0.5rem;
  --white-color: #ffffff;
  --bg-light-gray: #F7F6F6;
  --bg-yellow: linear-gradient(to left, #fdd110 0%,#fdf6c3 100%);
  --line-height-p: 1.75rem;
  --font-size-15: 0.938rem;
  --margin-0: 0rem;
  --padding-0: 0rem;
  --h1-font-size: 2.813rem;
  --h1-line-height: 3.375rem;
  --h2-font-size: 2.625rem;
  --h2-line-height: 3.125rem;
  --h3-font-size: 1.875rem;
  --h3-line-height: 2.5rem;
  --h4-font-size: 1.375rem;
  --h4-line-height: 2rem;
  --h5-font-size: 1.125rem;
  --h5-line-height: 1.5rem;
  --font-weight-600: 600;
  --text-transform-capitalize: capitalize;
  --text-transform-uppercase: uppercase;
  --unlist: none;
  --p-0: 0rem;
  --max-width: 100%;
  --height-auto: auto;
  --transition-04: ease-in-out 0.4s;
  --focus-outline: none !important;
  --focus-box-shadow: none !important;
  --box-sizing: border-box;
  --cursor-pointer: pointer;
  --border-none: none;
  --display-inline: inline-table;
  --text-center: center;
  --display-flex: flex;
  --flex-row: row;
  --flex-column: column;
  --flex-column-reverse: column-reverse;
  --flex-wrap: wrap;
  --flex-nowrap: nowrap;
  --justify-start: flex-start;
  --justify-end: flex-end;
  --justify-center: center;
  --justify-evenly: space-evenly;
  --justify-between: space-between;
  --align-start: flex-start;
  --align-end: flex-end;
  --align-center: center;
  --flex-row-reverse: row-reverse;
  --list-none: none;
  --display-none: none;
  --margin-auto: auto;
  --width-full: 100%;
  --hight-full: 100%;
  --hight-vh: 100vh;
  --flex-basis-full: 100%;
  --margin-0: 0;
  --margin-top-lg: 6.25rem;
  --margin-bottom-lg: 6.25rem;
  --margin-top-md: 4.375rem;
  --padding-top-lg: 6.25rem;
  --padding-bottom-lg: 6.25rem !important;
  --position-absolute: absolute;
  --position-relative: relative;
  --position-fixed: fixed;
  --position-sticky: sticky;
  --overflow-hidden: hidden;
  --margin-right-sm: 0.9375rem;
  --margin-0: 0;
  --text-right: right;
  --text-left: left;
  --padding-0: 0;
  --background-none: none;
  --height-full: 100vh;
  --display-grid: grid;
  --padding-container: 0px 15px;
  --max-auto: auto;
  --font-weight-normal: 400;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-family-primary: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --scroll-behavior: smooth;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --d-none: none;
  --margin-right-0: 0;
  --spacing-50: 50px;
  --margin-right-15: 15px;
  --focus-visible: outline;
  --gray-bg: #f5f5f5;
  --m-0: 0;
  --p-0: 0;
  --max-width-container-md:1330px;
  --yellow-text:#FFBD00;
  --gray-color:#777777;
  --w-100:100%;
  --mx-container:1460px;
}

/*-------------Base Classes------------*/
*,
::after,
::before {box-sizing: var(--box-sizing);}
html,
body {width: 100%;margin: 0;padding: 0;font-weight: var(--font-weight-normal);font-family: var(--font-family-primary);}
.container {max-width: var(--max-width-container-md);margin: var(--max-auto);padding: var(--padding-container);}
h1 {font-size: var(--h1-font-size);line-height: var(--h1-line-height);font-weight: var(--font-weight-semi-bold);}
h2 {font-size: var(--h2-font-size);line-height: var(--h2-line-height);font-weight: var(--font-weight-semi-bold);}
h3 {font-size: var(--h3-font-size);line-height: var(--h3-line-height);font-weight: var(--font-weight-semi-bold);}
h4 {font-size: var(--h4-font-size);line-height: var(--h4-line-height);font-weight: var(--font-weight-semi-bold);}
h5 {font-size: var(--h5-font-size);line-height: var(--h5-line-height);font-weight: var(--font-weight-semi-bold);}
p {font-size: var(--font-size-sm);line-height: var(--line-height-p);margin: var(--margin-0);}
ul {margin: var(--margin-0);padding: var(--padding-0);list-style: var(--unlist);}
img {max-width: var(--max-width);height: var(--height-auto);}
a,
a:hover {text-decoration: var(--text-decoration-none);}
.btn-main {background: var(--main-color);color: var(--white-color);border-radius: var(--border-radius-8);text-transform: var(--text-transform-capitalize);font-size: var(--font-size-md);text-align: var(--text-center);
  padding: 12px 25px;border: var(--border-none);transition: var(--transition-04);cursor: var(--cursor-pointer);font-weight: var(--font-weight-bold);display: var(--display-inline);}
.btn-main:hover {background: var(--yellow-text);color: var(--main-color);}
.d-flex {display: var(--display-flex);}
.flex-row {flex-direction: var(--flex-row);}
.flex-column {flex-direction: var(--flex-column);}
.flex-wrap {flex-wrap: var(--flex-wrap);}
.flex-nowrap {flex-wrap: var(--flex-nowrap);}
.justify-content-start {justify-content: var(--justify-start);}
.justify-content-end {justify-content: var(--justify-end);}
.justify-content-center {justify-content: var(--justify-center);}
.justify-content-evenly {justify-content: var(--justify-evenly);}
.flex-row-reverse {flex-direction: var(--flex-row-reverse);}
.justify-content-between {justify-content: var(--justify-between);}
.align-items-start {align-items: var(--align-start);}
.align-items-end {align-items: var(--align-end);}
.align-items-center {align-items: var(--align-center);}
.flex-column-reverse {flex-direction: var(--flex-column-reverse);}
.un-listed {list-style: var(--unlist);}
.d-none {display: var(--d-none);}
.ms-auto {margin-left: var(--margin-auto) !important;}
.mr-auto { margin-right: var(--margin-auto) !important;}
.mx-auto {margin: 0 var(--margin-auto) !important;}
.mr-0 {margin-right: var(--margin-right-0);}
.text-center {text-align: var(--text-center);}
.mrt-50 {margin-top: var(--spacing-50);}
.mrb-50 {margin-bottom: var(--spacing-50);}
.pdt-50 {padding-top: var(--spacing-50);}
.pdb-50 {padding-bottom: var(--spacing-50) !important;}
.position-absolute {position: var(--position-absolute);}
.position-relative {position: var(--position-relative);}
.position-fixed {position: var(--position-fixed);}
.position-sticky {position: var(--position-sticky);}
.overflow-hidden {overflow: var(--overflow-hidden);}
.me-3 {margin-right: var(--margin-right-15);}
h1,h2, h3, h4, h5, h6 {text-transform: var(--text-transform-capitalize);}
h1, h2, h3, h4, h5, h5, p {font-family: var(--font-family-primary);margin: var(--margin-0);}
select:focus-visible,
input:focus-visible {outline: 0 var(--focus-visible);}
button {border: var(--border-none);}
.d-grid {display: var(--display-grid);}
.light-gray-bg {background: var(--bg-light-gray);}
.white_bg {background: var(--white-color);}
.m-0 {margin: var(--m-0) !important;}
.p-0 {margin: var(--p-0) !important;}
.text-uppercase {text-transform: var(--text-transform-uppercase);}
.text-capitalize {text-transform: var(--text-transform-capitalize);}
.full_height {height: var(--hight-full);}
.vh_height {height: var(--hight-vh);}
.bg_yellow {background: var(--bg-yellow);}
a:hover{transition: var(--transition-04);}
.main-bg {background-color: var(--main-color);}
.yellow-text{color: var(--yellow-text);}
.border-radius-8{border-radius: var(--border-radius-8);}
.gray-color{color: var(--gray-color);}
.mb-2{margin-bottom: 20px;}
.w-100{width: var(--max-width);}
.pt-1{padding-top: 10px;}
.mx-container{max-width: var(--mx-container);}
/*--------------------------*/
.gap-3{gap: 1rem;}
.gads{padding-bottom: 15px;padding-top: 138px;}
.p-3{padding: 15px;}
.lft_sidebar{width: 26%;top: 135px;transform: translateZ(0);}
.sidebar_head{padding-bottom: 20px;}
.sidebar_head h2{font-size: 20px;color: var(--main-color);line-height: 110%;}
.lt_news_head{padding-bottom: 10px;}
.lt_news_head a, .lt_news_ct a{color: var(--black-color);font-weight: var(--font-weight-600);font-size: 15px;line-height: 28px;transition: var(--transition-04);display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.lt_news_head a:hover, .lt_news_ct a:hover{color: var(--main-color);}
.lt_news_ct a{font-size: 12px;color: var(--gray-color);font-weight: var(--font-weight-600);}
.lt_news_ct{color: var(--gray-color);font-size: 12px;}
.lft_sidebar li{margin-bottom: 25px;}
.lft_sidebar li:last-child{margin-bottom: 0px;}
.mt-3{margin-top: 30px;}
.mt-2{margin-top: 20px;}
.shadow{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.download_app p:first-child{padding-bottom: 15px;}
.social_links{gap: 12px;}
.social_links a{background-color: #F7F6F6;height: 32px;width: 32px;border-radius: 50%;display: var(--display-flex);justify-content: var(--justify-center);align-items: var(--align-center);transition: var(--transition-04);}
.social_links a:hover{background-color: var(--main-color);}
.social_links a:hover img{filter: invert(1);}
.fl_google{gap: 15px;background: var(--bg-yellow);}
.fl_google p{font-size: 12px;font-weight: var(--font-weight-semi-bold);line-height: 18px;}
.f_size{width: var(--max-width);height: var(--hight-full);object-fit: cover;}
.vd_watch{height:580px;}
.vd_watch .fx_100{width: var(--max-width);height: var(--hight-full);display: var(--display-flex);}
.vd_head h2{font-size: 18px;line-height: 110%;color: var(--white-color);}
.vd_head span{font-size: 12px;color: var(--white-color);font-weight: var(--font-weight-600);}
.vd_head{left: 0;width: 100%;}
.vd_head{padding: 25px 15px;}
.vd_watch::after{background: linear-gradient(to bottom,rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.02)
);content: "";position: absolute;top: 0;left: 0;width: 100%;height: 35%;}
.z-1{z-index: 1;}
.pl_btn{top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;cursor: pointer;color: var(--white-color);background-color: rgba(0, 0, 0, 0.5);height: 40px;width: 40px;border-radius: 50%;
display: var(--display-flex);justify-content: var(--justify-center);align-items: var(--align-center);transition: var(--transition-04);border: 1px solid rgba(255, 255, 255, 0.5);}
.sidebar_head button, .horoscope_content a{color: var(--black-color);font-weight: var(--font-weight-600);font-size: 14px;line-height: 26px;transition: var(--transition-04);display: inline-table;cursor: pointer;background-color: var(--d-none);}
.sidebar_head button:hover{color: var(--main-color);}
.horoscope_content a{color: var(--main-color);}
.modalOverlay {position: fixed;top: 0;left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 10000;}
.modalBox {background: #fff;padding: 20px;width: 700px;border-radius: 10px;position: relative;}
.closeBtn {position: absolute;top: 10px;right: 10px;border: none;background: transparent;font-size: 22px;cursor: pointer;}
.modal_header h2{font-size: 18px;line-height: 110%;}
.hor_list{grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));gap: 20px;}
.hor_list a{text-align: var(--text-center);padding: 10px;background-color: transparent;transition: var(--transition-04);display: var(--display-flex);align-items: var(--align-center);flex-direction: var(--flex-column);border-radius: 4px;}
.hor_list a h5{color: var(--black-color);font-size: 13px;line-height: 20px;padding-top: 10px;}
.hor_list a span{font-size: 10px;font-weight: var(--font-weight-semi-bold);color: var(--black-color);    display: inline-table;
width: var(--max-width);}
.hor_list a:hover{background-color: rgb(195, 2, 6, 0.1)}
/*----------------Main-------------------*/
.main_head{background: var(--bg-yellow);border-radius: var(--border-radius-8);padding: 15px;}
.main_head h2{font-size: 22px;line-height: 110%;font-weight: var(--font-weight-semi-bold);color: #C30206;}
.main_wrapper{width: 48%;}
.main_inner{gap: 20px;padding-bottom: 50px;}
.election_reuslt_tabs{flex-wrap: var(--flex-wrap);justify-content: flex-start;gap: 15px;margin-bottom: 20px;}
.election_reuslt_tabs .btn{padding:10px 6px;width: 31.3%;cursor: pointer;
text-align: center;border-radius: var(--border-radius-5);font-weight: var(--font-weight-bold);font-size: var(--font-size-md);
text-overflow: ellipsis;white-space: nowrap;background: var(--bg-yellow);}
.election_reuslt_tabs .btn.btn-primary{background: var(--main-color);color: var(--white-color);}
.tb_wrapper table{width: 100%;border: 1px solid rgba(0, 0, 0, 0.2);}
.tb_wrapper table thead{background-color: var(--gray-bg);text-align: left;}
.tb_wrapper table thead th, .tb_wrapper table td{padding: 10px;}
.tb_wrapper table td{border-bottom: 1px solid rgba(0, 0, 0, 0.2);font-weight: var(--font-weight-semi-bold);}
.pr_dts{height: 8px;width: 8px;border-radius: 50%;background-color: var(--black-color);display: inline-table;}
.breaking_news p{font-size: 13px;font-weight: var(--font-weight-semi-bold);line-height: 18px;}
.tb_wrapper{margin-top: -180px;position: relative;}
.n_head{margin-bottom: 15px;}
.n_head h2{font-size: 20px;line-height: 32px;color: var(--black-color);}
.n_head h2 span{color: var(--main-color);}
.re_big{border-radius: var(--border-radius-5);height: 320px;}
.big_news .sm_news_tp{flex-direction: column;gap: 15px;}
.big_news .sm_news_tp .news_tit{width: 100%;margin-bottom: 0;}
.big_news .sm_news_tp .news_img{width: 100%;height: 320px;}
.reel_time{right: 15px;bottom: 15px;background-color: rgba(0, 0, 0, 0.6);border-radius: 2px;color: var(--white-color);font-size: 13px;font-weight: var(--font-weight-semi-bold);padding: 3px 6px;}
.bs_link{font-weight: var(--font-weight-semi-bold);color: var(--gray-color);transition: var(--transition-04);font-size: 13px;}
.bs_link:hover{color: var(--main-color);}
.news_tit{width: 70%;}
.sm_news_tp{gap: 20px;}
.news_tit a h2{color: var(--black-color);transition: var(--transition-04);font-size: 16px;line-height: 30px;}
.news_tit a h2:hover{color: var(--main-color);}
.news_img{width: 30%;height: 117px;overflow: hidden;border-radius: var(--border-radius-5);}
.news_img .pl_btn{height: 30px;width: 30px;font-size: 10px}
.news_img .reel_time{right: 5px;}
.news_head h2{font-size: 18px;}
.candidate_slider{position: var(--position-relative);}
.candidate_card{background: var(--gray-bg);border-radius: var(--border-radius-8);padding: 15px;border: 1px solid #eeeeee;}
.candidate_img{width: 90px;height: 90px;border-radius: 50%;object-fit: cover;}
.party_logo{ width: 24px;height: 24px;position: absolute;right: 0;bottom: 0;background-color: var(--white-color);border-radius: 50%;
display: var(--display-flex);justify-content: var(--justify-center);align-items: var(--align-center);}
.candidate_name{font-size: 16px;font-weight: var(--font-weight-bold);margin-bottom: 4px;color: var(--main-color);line-height: 30px;}
.candidate_place{font-size: 12px;margin-bottom: 4px;font-weight: var(--font-weight-semi-bold);line-height: 18px;}
.candidate_result{font-size: 16px;font-weight: var(--font-weight-bold);line-height: 30px;}
.inner_arrow{font-size: 14px;}
.slider_arrow{width: 32px;height: 32px;border-radius: 50%;border: none;background: var(--white-color);position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;box-shadow: 0 2px 10px rgba(0,0,0,0.15);cursor: pointer;}
.left_arrow{left: -18px;}
.right_arrow{right: -18px;}
.party_person{height: 90px;width: 90px;border-radius: 50%;}
.party_logo .f_size{height: auto;width: 20px;object-fit: contain;}
.slider_arrow:hover{background-color: var(--main-color);color: var(--white-color);}
.sm_news .news_card{margin-top: 20px;}
.wh_reels .candidate_card{border: none;border-radius: 0;background: none;padding: 0;}
.reel_card{height: 217px;border-radius: var(--border-radius-5);}
.news_card{transition: var(--transition-04);}
.news_card:hover{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);transform: scale(1.01);}
.election_head .main_head{margin-top: 0 !important;}
.main_head a.btn-main{font-size: 14px;line-height: 24px;line-height: 22px;padding: 10px 25px;}
@media only screen and (max-width: 768px) {
    .main_inner{flex-direction: column;}
    .lft_sidebar{display: var(--d-none);}
    .main_wrapper {width: 100%;}
    .main_head h2, .n_head h2 {font-size: 18px;}
    .table-responsive{overflow-x: auto;}
}
@media only screen and (max-width: 576px) {
    .main_head.d-flex{flex-direction: column;align-items: flex-start;gap: 10px;}
    .election_reuslt_tabs .btn{width: 47.3%;}
    .bid_seats{line-height: 110%;margin-top: 0 !important;font-size: 18px !important;}
    .sm_news_tp{flex-direction: column;}
    .re_big {height: 290px;}
    .news_tit {width: 100%;}
    .news_img {width: 100%;height: 190px;}
    .candidate_card_tsx{flex-direction: column;}
    .party_person {height: 70px;width: 70px;margin-bottom: 10px;}
    .party_info_n{text-align: center;}
}
/*------------News Details--------------*/
.ns_detials{padding-top: 20px;}
.ns_detials p{font-size: 16px;font-weight: var(--font-weight-medium);padding-bottom: 15px;}
.ns_detials h3, .ns_detials h2{font-size: 24px;line-height: 140%;padding: 10px 0;}
.ns_detials ul{padding-left: 15px;}
.ns_detials ul li{list-style-type: disc;line-height: 28px;font-size: 16px;font-weight: var(--font-weight-medium);padding-bottom: 15px;}
/*------------Videos---------------*/
.video_rw ul{grid-template-columns: repeat(5, 1fr);gap: 15px;}
.video_rw .re_big{height: 400px;}
.video_rw .re_big::after{bottom: 0;left: 0;width: var(--max-width);background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.85) 75%);height: 200px;content: '';position: absolute;}
.reel_cap{bottom: 0;left: 0;width: var(--max-width);padding: 15px;z-index: 1;}
.reel_cap p, .reel_pb{font-size: 13px;font-weight: var(--font-weight-semi-bold);line-height: 20px;color: var(--white-color);}
.reel_pb{font-size: 12px;padding-top: 10px;font-weight: var(--font-weight-normal);opacity: 0.8;}
.mb-50{margin-bottom: 50px;}
.search_frm input[type="text"], .search_frm input[type="search"]{border: 0;padding: 14px 15px;width: var(--max-width);background-color: var(--gray-bg);border-radius: var(--border-radius-5);
font-size: 16px;font-weight: var(--font-weight-bold);color: var(--black-color);padding-right: 50px;}
.search_frm button[type="submit"]{width: 36px;height: 36px;border-radius: var(--border-radius-5);background-color: var(--main-color);display: var(--display-flex);justify-content: var(--justify-center);align-items: var(--align-center);font-size: 18px;color: var(--white-color);
position: var(--position-absolute);right: 5px;top: 5px;}
.tranding_topics h3{font-size: 16px;padding-bottom: 15px;line-height: 28px;color: var(--main-color);font-weight: var(--font-weight-semi-bold);}
.tranding_topics ul{gap: 15px;}
.tranding_topics ul li a{border: 1px solid rgba(0, 0, 0, 0.3);background-color: var(--bg-light-gray);padding: 12px 15px;font-size: 12px;font-weight: var(--font-weight-bold);color: var(--black-color);
transition: var(--transition-04);border-radius: 37px;display: var(--display-flex);align-items: var(--align-center);gap: 6px;}
.tranding_topics ul li a:hover{background-color: var(--main-color);color: var(--white-color);border-color: var(--main-color);}
.pt-135{padding-top: 135px;}
/*-----------Lifestyle------------*/
.lifystyle_bg{height: 350px;}
.header_second{z-index: 1;}
.header_second .header_logo{padding: 15px 0;}
.header_second .header_logo a{background-color: var(--white-color);border-radius: var(--border-radius-5);padding: 5px;display: inline-table;}
.lifestyle_heading{bottom: 85px;}
.lifestyle_heading .header_logo{background-color: var(--white-color);border-radius: var(--border-radius-5);padding: 5px;display: var(--display-flex);
justify-content: var(--align-center);align-items: var(--align-center);height: 180px;width: 180px;border-radius: 100%;margin: 0 auto;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.lifestyle_head{padding-top: 15px;}
.lifestyle_head p{padding-top: 10px;font-size: 16px;}
.lifestyle_grid { display: var(--display-grid);grid-template-columns: repeat(5, 1fr);gap: 30px;}
.lifestyle_card {position: var(--position-relative);height: 360px;overflow: hidden;border-radius: var(--border-radius-8);cursor: pointer;}
.lifestyle_card img {width: var(--max-width); height: var(--height-full);object-fit: cover;transition: 0.4s;}
.lifestyle_card:hover img {transform: scale(1.05);}
.lifestyle_overlay {position: var(--position-absolute);inset: 0;display: var(--display-flex);align-items: var(--align-end);padding: 15px;
background: linear-gradient(to top,rgba(0, 0, 0, 0.9) 0%,rgba(0, 0, 0, 0.2) 60%, transparent 100%);}
.lifestyle_overlay h3 {color: var(--white-color);font-size: 16px;line-height: 26px;margin: 0;}
.lifestyle_card:hover::before{bottom: 0px;background-color: var(--main-color);height: 4px;width:100%;content: '';left:0;position: var(--position-absolute);z-index: 1;transition: var(--transition-04);}
@media (max-width: 992px) {
  .lifestyle_grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
  .lifestyle_grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 480px) {
.lifestyle_grid {grid-template-columns: repeat(1, 1fr);}
}
/*------------Videos-----------------*/
.video_lsf{overflow-y: hidden;height: 100vh;display: var(--display-flex);justify-content: var(--justify-center);align-items: var(--align-center);padding-top: 15px;background-color: rgba(0, 0, 0, 0.5);}
.video_lsf .reel_card{width: auto;margin: 0 auto;height: 90dvh;aspect-ratio: 9 / 16;}
.video_lsf .reel_card video{width: 100%;height: 100%;object-fit: cover;}
.reel_card{border-radius:var(--border-radius-10);overflow:var(--overflow-hidden);background:#000;position:relative;}
.reel_video{width:var(--max-width);height:500px;object-fit:cover;}
.custom_controls{position:var(--position-absolute);bottom:20px;left:0;width:var(--max-width);display:var(--display-flex);align-items:var(--align-center);justify-content:var(--justify-center);gap:18px;z-index:5;}
.control_btn{background:transparent;border:none;color:var(--white-color);font-size:14px;cursor:pointer;}
.play_btn{background-color:var(--white-color);font-size:16px;height: 26px;width: 26px;border-radius: 100%;cursor: pointer;display: var(--display-flex);align-items: var(--align-center);}
.play_btn svg{width: 16px;}
.speed_btn{font-size:14px; }
.video_title{position:var(--position-absolute);left:20px;bottom:100px;color:var(--white-color);z-index:5;font-size:14px;}
.video_slider {height: 100vh;width: 100%;}
.video_lsf .swiper-slide {height: 100vh !important;}
.video_lsf .reel_video {width: 100%;height: 100%;object-fit: cover;}
.video_lsf video::-webkit-media-controls-play-button {display: none !important;-webkit-appearance: none;}
.control_btn.speed_btn{display: var(--display-flex);align-items: var(--align-center);gap:5px;font-size: 13px;}
.video_lsf video::-webkit-media-controls-volume-slider,
.video_lsf video::-webkit-media-controls-volume-control-container,
.video_lsf video::-webkit-media-controls-fullscreen-button {display: none !important;}
.video_lsf video::-webkit-media-controls-timeline {display: block !important;}
.reel_card::after{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 75%);bottom: 0;left: 0;width: 100%;content: '';position: var(--position-absolute);height: 220px;}
.progress_wrapper {position: var(--position-absolute);bottom: 55px;left: 20px;width: calc(100% - 40px);z-index: 20;}
.video_time {display: var(--display-flex);justify-content: var(--justify-between);color: var(--white-color);font-size: 14px;margin-bottom: 8px;}
.progress_bar {width: 100%;height: 4px;cursor: pointer;}
.video_lsf .swiper-button-next, .video_lsf .swiper-button-prev{left: var(--swiper-navigation-top-offset, 97%) !important;height: 48px;width: 48px;border-radius: 50%;background-color: var(--white-color);
display: var(--display-flex);align-items: var(--align-center);justify-content: var(--justify-center);opacity: 1 !important;}
.video_lsf .swiper-navigation-icon{height: 15px !important;fill: var(--black-color);color: var(--black-color);}
.video_lsf .swiper-button-next{bottom: 42% !important;}
.video_lsf .swiper-button-prev{top: 42% !important;}
.video_lsf .swiper-button-next:hover, .video_lsf .swiper-button-prev:hover{background-color: var(--main-color);transition: var(--transition-04);}
.video_lsf .swiper-button-next:hover .swiper-navigation-icon, .video_lsf .swiper-button-prev:hover .swiper-navigation-icon{fill: var(--white-color);color: var(--white-color);}
.title_vd{font-size: 14px;line-height: 26px;padding-top: 15px;color: var(--white-color);}
.title_highlight{color: var(--main-color);}
.video_md{padding: 20px;left: 0;width: var(--max-width);}
.video_md .btn-main{font-size: 12px;padding: 6px 12px;}
.video_heads{top: 15px;left: 15px;z-index: 2;}
.video_heads_rt{left: inherit;right: 15px;}
.video_heads .bk_btn{height: 42px;width: 42px;border-radius: 50%;background-color: var(--white-color);color: var(--black-color);
display: var(--display-flex);align-items: var(--align-center);justify-content: var(--justify-center);transform: var(--transition-04);}
.video_heads .bk_btn:hover{background-color: var(--main-color);color: var(--white-color);}
.video_lsf .video_orientation_horizontal{aspect-ratio: 16 / 9;}
/*----------Web Status------------*/
.story-wrapper {width: var(--max-width);height: 100vh;overflow: var(--overflow-hidden);position: var(--position-relative);
display: var(--display-flex);justify-content: var(--justify-center);align-items: var(--align-center);background: var(--black-color);}
.story-bg {position: var(--position-absolute);inset: 0;background-size: cover;background-position: center;filter: blur(40px);transform: scale(1.2);opacity: 0.4;}
.story-card {width: 320px;height: 92vh;position: var(--position-relative);
overflow: var(--overflow-hidden);border-radius: 24px;z-index: 5;background: #111111;box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);}
.story-image {width: var(--max-width);height: 100%;object-fit: cover;transform: scale(1.15);animation: zoomOut 5s linear forwards;}
@keyframes zoomOut {
  from {transform: scale(1.15);}
  to {transform: scale(1);}
}
.top-section {position: var(--position-absolute);top: 0;left: 0;width: 100%;z-index: 20;padding: 15px;}
.progress-wrapper {display: var(--display-flex);gap: 6px;margin-bottom: 16px;}
.progress-bar { flex: 1;height: 4px;border-radius: 30px;overflow: var(--overflow-hidden);background: rgba(255, 255, 255, 0.3);}
.progress-bar span {display: block;height: 100%;background: var(--white-color);transition: width 0.1s linear;}
.story-actions {display: var(--display-flex);justify-content: flex-end;gap: 12px;}
.story-actions .icon-btn{font-size: 12px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.story-actions .icon-btn svg{width: 14px;}
.icon-btn {width: 42px;height: 42px;border: none;border-radius: 50%;background: rgba(255, 255, 255, 0.18);backdrop-filter: blur(10px);color: var(--white-color);
cursor: pointer;display:var(--display-flex);align-items: var(--align-center);justify-content: var(--justify-center);
font-size: 18px;transition: 0.3s;}
.icon-btn:hover {transform: scale(1.08);}
.story-overlay {position: var(--position-absolute);inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.1));display: var(--display-flex);align-items: flex-end;padding: 35px 25px;}
.story-content {width: var(--max-width);text-align: center;color: var(--white-color);}
.tag {display: inline-block;padding: 7px 18px;border-radius: 50px;background: rgba(255, 255, 255, 0.9);color: var(--black-color);font-size: 14px;font-weight: 600;margin-bottom: 16px;}
.story-content h2 {font-size: 16px;line-height: 32px;font-weight: 800; background:rgba(0,0,0,0.4); margin-bottom:10px;display: -webkit-box;
-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis; overflow : hidden;}
.nav-btn { width: 42px;height: 42px;border-radius: 50%;border: none;background: rgba(255, 255, 255, 0.9);position: var(--position-relative);z-index: 10;display: var(--display-flex);align-items: var(--align-center);justify-content: var(--justify-center);cursor: pointer;font-size: 20px;transition: 0.3s;}
.nav-btn:hover {transform: scale(1.08);}
.left {margin-right: 30px;}
.right {margin-left: 30px;}
@media (max-width: 768px) {
  .story-card {width: 100%;height: 100vh;border-radius: 0;}
  .nav-btn {display: var(--display-none);}
.story-content h2 {font-size: 30px;}
}
/*-----------About Us------------*/
.about_wrapper{margin-top: 125px;}
.about_text h1{text-transform: uppercase;font-size: 72px;line-height: 72px;padding-bottom: 20px;}
.about_text .container{max-width: 1000px;}
.about_text p{line-height: 30px;font-size: 16px;padding-bottom: 15px;text-align: justify;}
.about_text p:last-child{padding-bottom: 0;}
/*-----------Policy---------*/
.policies p{font-size: 15px;line-height: 26px;}
.policies{margin-top: 130px;}
.policies h2{font-size: 20px;line-height: 30px;padding-bottom: 10px;}
/*-----------Contact Us---------*/
.contact_rw .container{max-width: 1000px;}
.contact_rw .heading{margin-bottom: 30px;}
.ct_plinfo{gap: 30px;}
.ct_plinfo_in{background-color: var(--white-color);border-radius: var(--border-radius-10);width: 50%;}
.ct_plinfo_in h3{font-size: 20px;background-color: var(--main-color);color: var(--white-color);padding: 10px 15px;line-height: 30px;border-top-left-radius: var(--border-radius-10);border-top-right-radius: var(--border-radius-10);}
.ct_mps{padding: 15px;}
.ct_plinfo_in h4{padding-bottom: 8px;font-size: 18px;line-height: 30px;}
.ct_plinfo_in p{font-size: 16px;}
.ct_plinfo_in iframe{border-radius: var(--border-radius-10);margin-top: 15px;}
/*-----------Advertise With Us------------*/
.ct_mps ul li{padding-bottom: 20px;}
.ct_mps ul li:last-child{padding-bottom: 0px;}
.advertise_us{width: 100%;}
.advertise_us a{color: var(--black-color);transition: var(--transition-04);font-size: 15px;}
.advertise_us a:hover{color: var(--main-color);}
.adv_withus{margin-bottom: 50px;}
/*-------------RSS-------------*/
.rss_table table{border: 1px solid rgba(0, 0, 0, 0.2);width: 100%;}
.rss_wrapper{margin-top: 135px;}
.rss_wrapper .container{max-width: 1000px;}
.rss_table table th{background-color: var(--main-color);color: var(--white-color);padding: 10px;text-align: left;}
.rss_table table td{padding: 8px 10px;}
.rss_table table tr:nth-child(odd) td {background-color: var(--white-color);}
.rss_table table a{color: var(--main-color);}
.story-description {font-size: 15px;line-height: 32px;font-weight: 500;display: -webkit-box;
-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis; overflow : hidden;}
/*---------------RashiFal----------------*/
.rashi_head h2{font-size: 20px;line-height: 32px;}
.rashi_head button{background-color: var(--main-color);color: var(--white-color);border-radius: 15px;font-weight: var(--font-weight-semi-bold);padding: 5px 10px;cursor: var(--cursor-pointer);}
.rashi_bx_head{gap:10px;}
.rashi_name h4{color: var(--main-color);padding-bottom: 5px;}
.rashi_name p{font-weight: var(--font-weight-semi-bold);line-height: 26px;}
.br_btm::after{border-bottom: 1px solid rgba(0, 0, 0, 0.2);bottom: 3px;left: 0;width: 45%;height: 1px;content: '';position: var(--position-absolute);margin: 0 auto;right: 0;}
.rashi_detials h2{text-align: var(--text-center);font-size: 20px;padding-bottom: 15px;}
.rashi_detials p{padding-bottom: 10px;}
.rashi_detials p:last-child{padding-bottom: 0px;}
.rashi_num .tabs {display: var(--display-flex);justify-content: var(--justify-center);gap: 12px;margin: 25px 0;flex-wrap: wrap;}
.rashi_num .tab {width: 38px;height: 38px;border-radius: 50%; border: 1px solid var(--main-color);background: var(--white-color);color: var(--black-color);cursor: var(--cursor-pointer);font-size: 16px;}
.rashi_num .tab.active, .rashi_num .tab:hover {background: var(--main-color);color: var(--white-color);}
.rashi_num .tab-content {max-width: 900px;margin: auto;}
.rashi_num .tab-content h3 {margin-bottom: 10px;font-size: 18px;line-height: 30px;}
.rashi_num .tab-content h4 {color: var(--black-color);margin-bottom: 20px;font-size: 16px;line-height: 28px;}
.rashi_num .tab-content p {font-size: 15;line-height: 1.8;text-align: left;}
.f_semibold{font-weight: var(--font-weight-semi-bold);}
.rashi_num .f_semibold{color: var(--main-color);}
/*-----------------FAQs-------------*/
.faqs_wrapper {padding: 50px 0;}
.faq-container {max-width: 900px;margin: 0 auto;}
.faq-item {border: 1px solid #e5e5e5;border-radius: var(--border-radius-10);margin-bottom: 15px;overflow: var(--overflow-hidden);background: var(--white-color);}
.faq-question {width: var(--max-width);border: var(--border-none);background: transparent;padding: 18px 20px;display: var(--display-flex);align-items: var(--align-center);
  justify-content: var(--justify-between);font-size: 16px;font-weight: var(--font-weight-semi-bold);cursor: var(--cursor-pointer);text-align: left;}
.faq-icon {font-size: 18px;transition: transform 0.3s ease;}
.faq-icon.rotate {transform: rotate(180deg);}
.faq-answer {max-height: 0;overflow: var(--overflow-hidden);transition: all 0.3s ease;}
.faq-answer.show {max-height: 200px;}
.faq-answer p { padding: 0 20px 20px;margin: 0;color: var(--black-color);line-height: 1.8;font-weight: var(--font-weight-medium);}
.faq-item.active { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);}
.faqs_wrapper h1{text-align: center;font-size: 20px;line-height: 32px;padding-bottom: 15px;}
/*-----------Breaking News-------------*/
.breaking_news{margin-top: 15px;}
.breaking-news{color: var(--white-color);max-width: 900px;margin: 0 auto; padding: 8px 15px;background-color: var(--main-color);border-radius: var(--border-radius-5);margin-bottom: 15px;}
.breaking-news a{color: var(--white-color);font-weight: var(--font-weight-semi-bold);}
.breaking-news strong{margin-right: 30px;text-transform: var(--text-transform-uppercase);background-color: var(--yellow-text);padding: 5px 8px;border-radius: var(--border-radius-5);color: var(--main-color);}
.breaking_news_rw .main_wrapper{width: 74%;}
.breaking_news_head h2{font-size: 18px;line-height: 30px;padding-bottom: 5px;}
.breaking_news_head h1{font-size: 24px;line-height: 32px;padding-bottom: 5px;}
.breaking_news_list ul li{display: var(--display-flex);justify-content: var(--justify-between);align-items: var(--align-center);gap: 20px;line-height: 28px;border-top: 1px solid rgba(0, 0, 0, 0.2);padding: 10px 0;}
.brk_lft{width: 90%;}
.brk_lft{font-size: 16px;font-weight: var(--font-weight-semi-bold);}
.brk_lft span{color: var(--main-color);padding-right: 10px;}
/*------------Cartoon------------*/
.cartoon_img{border-radius: var(--border-radius-5);height: 450px;}
.cartoon_share{margin-top: 10px;}
.cartoon_bx{border: 1px solid rgba(0, 0, 0, 0.2);}
.cartoon_head{background-color: var(--main-color);color: var(--white-color);padding: 5px 8px;}
.cartoon_head h2{font-size: 16px;font-weight: var(--font-weight-semi-bold);color: var(--white-color);line-height: 28px;}
.cartoon_main_img{max-width: 400px;margin: 0 auto;}
/*-------------Live TV---------------*/
.tv-frame {width: 100%;max-width: 1100px;margin: 0 auto;background: linear-gradient(145deg, #222, #111);padding: 20px;border-radius: 30px;
  box-shadow:0 20px 50px rgba(0, 0, 0, 0.5),inset 0 0 15px rgba(255, 255, 255, 0.1);position: relative;}
.tv-frame::before {content: "";position: absolute;bottom: -35px;left: 20%;width: 60%;height: 20px;background: #111;border-radius: 10px;}
.tv-screen {position: relative;overflow: hidden;border-radius: 15px;background: #000;aspect-ratio: 16 / 9;}
.tv-screen iframe {width: 100%;height: 100%;border: none;}
.tv-frame::after {content: "";position: absolute;bottom: 10px;right: 20px;width: 12px;height: 12px;background: #00ff55;border-radius: 50%;box-shadow: 0 0 10px #00ff55;}