.theme-light {
    --bg-color-primary: #ffffff;
    --bg-color-secondary: #F2F5F5;
    --bg-color-tertiary: #141A20;
    --bg-color-fourth: #FAE63C;
    --bg-video-time:#00000033;
    --bg-lifestyle-widget:#EDEDED;
    --bg-gadgets-btn: #141A20;
    --bg-page-btn: #2c2c2c;
    --bg-box: #F6FDFF;
    --politic-primary-bg: #F2F5F5;
    --politic-arrow-bg: #28313A;
    --bg-view-btn: #0A0E12;
    
    /*====font color====*/
    --title-color: #013332;
    --font-color-viewbtn: #FFF;
    --font-color-heading: #0A0E12;
    --font-color-tertiary: #28313A;
    --font-color-fourth: #141A20;
    --font-color-light: #FFFFFF;
    --font-color-list: #EDEDED;
    --font-color-list-span: #8F99A3;
    
    /*====border====*/
    --primary-border: #0000001A;
    --border-color: #0A0E121A;
    --border-dropdown: #E6EBEA;
    --dropdown-active-border: #013332;
    --dropdown-shadow: #0000001A;
    --view-btn-border: #0A0E12;
    --list-border: #28313A;
    
    --ad-bg-color: #f2f5f5;
    --ad-text-color: #292929;
    --deeplinks-bg-color: #f2f5f5;
    --deeplinks-text-color: #141A20;

    --menu-color:#28313A;
    --font-color-primary:#141A20;
    --font-color-secondary:#013332;
    --title-font-color:#013332;
    --footer-list-color:#0A0E12;
    --all-border-color:#EDEDED;
    --vid-time-color:#ffffff;
    --font-primary:#000000;

    
    /*====icons====*/
    --dropdown-icon: url(https://imagesvs.oneindia.com/politician-profiles/image/parties/lightmode/filter-down.svg);
    --line: url(https://imagesvs.oneindia.com/politician-profiles/image/parties/lightmode/grey-line.svg);
    --bullet-arrow: url(https://imagesvs.oneindia.com/politician-profiles/image/parties/lightmode/bullet-arrow.svg);
    --result-search-icon: url(https://imagesvs.oneindia.com/politician-profiles/media/lightmode/search-icon.svg);
    
}
.theme-dark {
    --bg-color-primary: #0A0E12;
    --bg-color-secondary: #141A20;
    --bg-color-tertiary: #1A2127;
    --bg-color-fourth: #FAE63C;
    --bg-video-time:#FFFFFF;
    --bg-lifestyle-widget:#28313A;
    --bg-gadgets-btn: #28313A;
    --bg-page-btn: #ffffff;
    --bg-box: #141A20;
    --politic-primary-bg: #141A20;
    --politic-arrow-bg: #28313A;
    --bg-view-btn: #06ADB2;
    
    /*====font color====*/
    --title-color: #ffffff;
    --font-color-viewbtn: #FFF;
    --font-color-heading: #ffffff;
    --font-color-tertiary: #EDEDED;
    --font-color-fourth: #fff;
    --font-color-light: #FFFFFF;
    --font-color-list: #EDEDED;
    --font-color-list-span: #8F99A3;
    
    /*====border====*/
    --primary-border: #28313A;
    --border-color: #28313A;
    --border-dropdown: #28313A;
    --dropdown-active-border: #8F99A3;
    --dropdown-shadow: #00000026;
    --view-btn-border: #06ADB2;
    --list-border: #28313A;
    
    /*====font color====*/
    --title-color: #013332;
    --font-color-viewbtn: #FFF;
    --font-color-heading: #0A0E12;
    --font-color-tertiary: #28313A;
    --font-color-fourth: #141A20;
    --font-color-light: #FFFFFF;
    --font-color-list: #EDEDED;
    --font-color-list-span: #8F99A3;

    --ad-bg-color: #1A2127;
    --ad-text-color: #f7f7f7;
    --deeplinks-bg-color: #1A2127;
    --deeplinks-text-color: #fff;

    --menu-color:#EDEDED;
    --font-color-primary:#ffffff;
    --font-color-secondary:#ffffff;
    --title-font-color:#FFFFFF;
    --footer-list-color:#ffffff;
    --all-border-color:#28313A;
    --vid-time-color:#000000;
    --font-primary:#ffffff;

	/*====icons====*/
    --dropdown-icon: url(https://imagesvs.oneindia.com/politician-profiles/image/parties/darkmode/filter-down-white.svg);
    --line: url(https://imagesvs.oneindia.com/politician-profiles/image/parties/lightmode/grey-line.svg);
    --bullet-arrow: url(https://imagesvs.oneindia.com/politician-profiles/image/parties/darkmode/bullet-arrow.svg);
    --result-search-icon: url(https://imagesvs.oneindia.com/politician-profiles/media/darkmode/search-icon.svg);  

}

/*
 * Latest Themes Styles
 */


.theme-light {
    --bg-color-primary: #ffffff;
    --bg-color-secondary: #F2F5F5;
    --bg-color-tertiary: #0A25291A;
    --bg-color-fourth: #013332;
    --bg-more-nav: #0A0E12;
    --widget-bg-color: #1A2127;
    --widget-bg-color1: #fff;
    --menu-bg: #013332;
    --font-color-heading: #0A0E12;
    --font-color-primary: #28313A;
    --font-color-secondary: #013332;
    --font-color-tertiary: #28313A;
    --font-color-fourth: #141A20;
    --font-color-more-nav: #fff;
    --font-color-active: #08f4fb;
    
    --nav-color: #28313A;
    --nav-active-color: #0A0E12;
    --border-color-primary: #EDEDED;
    --cat-color-primary: #19C0C5;
    --dots-bg-color: #ECEAEB;
    --dots-bg-active-color: #28313A;
    --icon-bg: rgba(0,0,0,0.1);
    --searchbox-color: #8F99A3;
    --border-nav: rgba(0,0,0,0.1);
    
    --footer-color-primary: #8F99A3;
    --footer-color-secondary: #0A0E12;
    --footer-sticky-bg-color: #EDEDED;
    --footer-sticky-border: #EDEDED;
    --footer-sticky-color: #141A20;
    
    --ad-bg-color: #f2f5f5;
    --ad-text-color: #292929;
    --deeplinks-bg-color: #f2f5f5;
    --deeplinks-text-color: #0A0E12;
    
}
.theme-dark {
	--bg-color-primary: #0A0E12;
    --bg-color-secondary: #141A20;
    --bg-color-tertiary: #28313A;  
    --bg-color-fourth:  #28313A; 
    --bg-more-nav: #fff;
    --widget-bg-color: #1A2127;
    --widget-bg-color1: #1A2127;
    
    --menu-bg: #ffffff;
    --font-color-heading: #ffffff;
    --font-color-primary: #ffffff;
    --font-color-secondary: #C2C2C2;
    --font-color-tertiary: #EDEDED;
    --font-color-fourth: #fff;
    --font-color-more-nav: #0A0E12;
    --font-color-active: #08f4fb;
    
    --nav-color: #EDEDED;
    --nav-active-color: #ffffff;
    --border-color-primary: #28313a;
    --cat-color-primary: #19C0C5;
    --dots-bg-color: #8F99A3;
    --dots-bg-active-color: #EDEDED;    
    --icon-bg: rgba(238,238,238,0.1);
    --searchbox-color: #EDEDED;
    --border-nav: rgba(255,255,255,0.1);
    
    
    --footer-color-primary: #F2F5F5;
    --footer-color-secondary: #F2F5F5;
    --footer-sticky-bg-color: #1A2127;
    --footer-sticky-border: #28313A;
    --footer-sticky-color: #F2F5F5;
    
    
    --ad-bg-color: #1A2127;
    --ad-text-color: #f7f7f7;
    --deeplinks-bg-color: #1A2127;
    --deeplinks-text-color: #fff;
    
}

* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
body {font-family: Arial, Helvetica, sans-serif;background: var(--bg-color-primary);}
a {color: #000;text-decoration: none;outline: none;}
img {border: 0 none;max-width: 100%;}
ul, ol {list-style-type: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

.oi-wrapper {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

body.overflw, html.overflw{overflow: hidden;}

.maxwidth-header{
max-width: 1080px;
position: relative;
margin: 0 auto;
padding: 0 20px;
}

.political-table__heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--title-color);
    margin-bottom: 24px;
}
/*====================PARTY INFO CONTAINER==================*/

.party-info-container {
    background: var(--bg-color-secondary);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 40px;
}

.party-info {
    border-bottom: 1px solid var(--border-color);
    padding: 15px 0px;
}

.party-info:first-child {
    padding-top: 0px;
}

.party-info:last-child {
    border: none;
    padding-bottom: 0px;
}

.party-info .heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 15px;
}

.party-info .desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--font-color-tertiary);
}

.party-info .desc span {
    font-weight: 600;
    text-decoration: underline;
    font-size: 15px;
}

.heading1{
	font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--title-color);
    margin-bottom: 5px;
    margin-top: 5px;
}

.table-data{
	border:1px solid var(--border-color);
	font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1%;
    color: var(--font-color-tertiary);
    padding:5px;
}

.table-data tr{
	border-bottom:1px solid var(--border-color);
}

table, th, td {
  border: 1px solid var(--border-color);
  border-collapse: collapse;
  padding:5px;
}

/*====================PARTY STATUS CONTAINER - PROGRESS BAR==================*/

.progress-wrapper {
    width: 100%;
    position: relative;
    margin: 32px 0px 20px 0px;
}

.progress-bar {
    height: 16px;
    background-color: #e6e6e6;
    border-radius: 8px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    width: 50%;
    /* Change this as needed for dynamic progress */
    background-color: #ff6720;
}

.progress-indicator {
    position: absolute;
    top: -18px;
    left: 50%;
    /* Match the width of .progress-fill */
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 600;
    color: var(--font-color-tertiary);
}

.progress-indicator::after {
    content: "";
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: var(--font-color-tertiary);
}

.progress-indicator::before {
    content: "";
    position: absolute;
    top: 20px;
    /* adjust to place it right below the triangle */
    left: 6px;
    height: 30px;
    border-left: 1px dotted var(--font-color-tertiary);
}

.progress-labels {
    font-size: 12px;
    text-align: right;
    color: var(--font-color-tertiary);
}

/*================PARTY HISTORY CONTAINER==================*/

.party-history-container {
    padding: 20px;
    background: var(--bg-box);
    border-radius: 12px;
    margin-bottom: 32px;
}

.party-history-container .heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 15px;
}

/*================TIMELINE==================*/

.timeline {
    position: relative;
}

/*vertical ruler*/
.timeline::after {
    content: "";
    position: absolute;
    border: 1px solid var(--border-color);
    top: 0;
    bottom: 0;
    left: 0px;
}

/* Container around content */
.timeline .content {
    position: relative;
    margin: 0 20px 20px 20px;
}

.timeline .content:last-child {
    margin-bottom: 0px;
}

/* The circles on the timeline */
.timeline .content::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--title-color);
    top: 0px;
    left: -25px;
    border-radius: 50%;
    z-index: 1;
}

.timeline .content h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 16.1px;
    text-align: left;
    color: var(--font-color-tertiary);
    padding-bottom: 10px;
}

.timeline .content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0%;
    color: var(--font-color-tertiary);
}

/*===========Politicial Parties intro card=================*/

.political-parties-intro-card {
padding: 8px 28px; 
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
margin: 0px 0px;
}

.political-parties-intro-card__title {
font-size: 26px; 
font-weight: 700;
color: #111827;
margin-bottom: 12px;
}

.political-parties-intro-card__content {
font-size: 18px; 
color: #374151;
line-height: 1.7;
}


.political-parties-intro-card__text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}


.political-parties-intro-card__text.is-expanded {
-webkit-line-clamp: unset;
}

.political-parties-intro-card__toggle {
margin-top: 12px;
background: none;
border: none;
padding: 0;
font-size: 16px;
font-weight: 500;
color: #374151;
cursor: pointer;
transition: color 0.2s ease;
}

.political-parties-intro-card__toggle:hover {
color: #111827;
}


/*===========filter dropdown grid=================*/
.filter-dropdown-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin: 32px 0px;
}

.filter-dropdown {
position: relative;
}

.filter-dropdown__button {
width: 100%;
background-color: #ffffff;
border: 1px solid #d1d5db;
border-radius: 8px;
padding: 12px 16px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: border-color 0.2s ease;
}

.filter-dropdown__button:hover {
border-color: #9ca3af;
}

.filter-dropdown__label {
color: #6b7280;
font-size: 16px;
}

.filter-dropdown__icon {
width: 20px;
height: 20px;
color: #9ca3af;
transition: transform 0.2s ease;
}

.filter-dropdown.is-open .filter-dropdown__icon {
transform: rotate(180deg);
}

.filter-dropdown__wrapper{
position: absolute;
/* bottom: 0px; */
left: 0;
right: 0;
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
list-style: none;
display: none;
z-index: 10;
margin-top: 16px;
}

.filter-dropdown.is-open .filter-dropdown__wrapper {
display: block;
}

.search-input-wrapper {
position: relative;
width: 100%;
padding: 10px 16px;
box-sizing: border-box;
border-bottom: 1px solid #e5e7eb;

}

.search-input-icon {
position: absolute;
left: 26px;
top: 50%;
width: 16px;
height: 16px;
color: #9ca3af;
transform: translateY(-50%);
pointer-events: none;
}

.search-input {
width: 100%;
padding: 12px 16px 12px 35px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 14px;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}

.search-input::placeholder {
color: #9ca3af;
}

.search-input:focus {
border-color: transparent;
box-shadow: 0 0 0 2px #003332;
}


.filter-dropdown__menu{
overflow-y: scroll;
height: 240px;
scrollbar-width: none;
scroll-behavior: smooth;
}

.filter-dropdown__menu::-webkit-scrollbar{
  display: none;
}

.filter-dropdown__menu li {
padding: 10px 16px;
font-size: 15px;
color: #374151;
cursor: pointer;
}

.filter-dropdown__menu li:hover {
background-color: #f3f4f6;
}

/*=====================political parties lists container===================*/

.political-parties-lists-container{
	margin: 32px 0px;
}

.political-parties-subheading h2{
	font-size: 24px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 12px;
}

.political-parties-desc{
	font-size: 16px; 
	color: #374151;
	line-height: 1.5;
}

/*=====================party table===================*/

.party-table-wrapper {
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	border: 1px solid #e5e7eb;
	overflow: hidden;
	margin-top: 24px;
}

.party-table {
width: 100%;
border-collapse: collapse;
}

/* Header */
.party-table thead {
background-color: #f3f4f6;
border-bottom: 1px solid #e5e7eb;
}

.party-table th {
padding: 12px 16px;
text-align: left;
font-size: 14px;
font-weight: 600;
color: #111827;
}

/* Body rows */
.party-table tbody tr {
transition: background-color 0.2s ease;
border-bottom: 1px solid #e5e7eb;
}

.party-table tbody tr:hover {
background-color: #f9fafb;
}

.party-table tbody tr.alt-row {
background-color: #f9fafb;
}

/* Cells */
.party-table td {
padding: 16px;
font-size: 14px;
color: #374151;
}

.party-name a{
font-weight: 500;
color: #111827;
}

/* Flag image */
.party-flag {
width: 100px;
height: 70px;
border-radius: 0px;
border: 1px solid #e5e7eb;
overflow: hidden;
}

.party-flag img {
width: 100%;
height: 100%;
object-fit: cover;
}

/*=====================State Wise Party List===================*/

.state-party-card {
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin: 32px 0;
}

.state-party-card__header {
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}

.state-party-card__title {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

.state-party-card__subtitle {
  font-size: 16px;
  color: #4b5563;
  margin-top: 4px;
}

.state-party-card__body {
  padding: 24px;
}

.state-party-list {
  display: grid;
 grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.state-party-link {
  font-size: 14px;
  font-weight: 400;
  color: #111827;
  text-decoration: none;
  transition: color 0.2s ease;
}

.state-party-link:hover {
  color: #0000ff;
}


/*====================political common right list=============*/

.political-common-rg-card {
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin: 32px 0;
}


.political-common-rg-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  margin: 0;
}


.political-common-rg-list {
  display: flex;
  flex-direction: column;
}

.political-common-rg-item a{
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid #e5e7eb;
    display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.political-common-rg-item:last-child {
  border-bottom: none;
}

.political-common-rg-item:hover {
  background-color: #f9fafb;
}

.political-common-rg-item__left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.political-common-rg-item__content{
    display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-width: 0;
}

.political-common-rg-item__image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e5e7eb;
  flex-shrink: 0;
}

.political-common-rg-item__text {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

 .party-result-block{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

 .party-result-block .party-name{
   font-size: 12px;
  font-weight: 700;
  color: #111827;
}

 .party-result-block .result-year{
    font-size: 12px;
  font-weight: 400;
  color: #4b5563; 
}

.political-party-result-item .political-common-rg-item__arrow{
 align-self: flex-start;
}

.political-common-rg-item__arrow {
  color: #9ca3af;
  transition: color 0.2s ease;
}

.political-common-rg-item:hover .political-common-rg-item__arrow {
  color: #4b5563;
}

/*=========OI-BREADCRUMB==========*/

.oi-breadcrumb {
    font-size: 16px;
    color: #8F99A3;
    line-height: 24px;
    font-weight: normal;
    margin-top:15px;
    margin-bottom: 12px;
}

.oi-breadcrumb a {
    color: #8F99A3;
}

.oi-breadcrumb span {
    font-weight: 600;
    /*color: #FF4BB3;*/
    font-size: 16px;
    line-height: 21px;
}

/*=========AD============*/
.oi-adblock {
    background: none;
}

.oi-adimg {
    padding-bottom: 0;
}

/*=========POLITICAL NEWS CONTAINER==========*/

.political-news-container {
    margin-bottom: 32px;
}

.political-news-container .oi-main-heading {
    margin-bottom: 10px;
    color: var(--title-color) !important
}

.political-party-info {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--primary-border);
    border-radius: 12px;
    padding: 24px;
}

.political-party-info__image {
    width: 120px;
    height: 125px;
    flex-shrink: 0;
}

.political-party-info__image img {
    width: 100%;
    height: 100%;
}

.political-party-info__desc {
    /* width: 508px;
  height: 100%; */
    flex: 1;
    height: 100%;
    min-width: 0;
}

.political-party-info__desc p {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 1%;
    color: var(--font-color-tertiary);
}

.political-party-info__desc p .read {
    font-size: 15px;
    font-weight: 600;
    line-height: 22.5px;
    letter-spacing: 0.01em;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
    color: var(--font-color-fourth);
}

.political-party-intro {
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--primary-border);
    border-radius: 12px;
    padding: 24px;
}

.political-party-intro__desc {
    /* width: 508px;
  height: 100%; */
    flex: 1;
    height: 100%;
    min-width: 0;
}

.political-party-intro__desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1%;
    color: var(--font-color-tertiary);
}

.hide {
    display: none;
}

.political-news-createdby {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: var(--font-color-tertiary);
    padding-top: 10px;
}

.political-news-createdby .author {
    position: relative;
    padding-right: 15px;
}

.political-news-createdby .author::after {
    position: absolute;
    content: '';
    width: 1.5px;
    height: 100%;
    background: #8F99A3;
    right: 0;
    top: 0;
}

.political-news-createdby .post-timeline {
    display: flex;
    gap: 8px;
    align-items: center;
}

/*=====================QUICK LINKS==================*/
.oi-pp-sectionwrap {
    background: var(--politic-primary-bg);
    border-radius: 12px;
    padding: 20px 15px 20px 15px;
    margin-bottom: 32px;
}


.oi-politician-heading-star {
    padding: 8px 8px 12px 8px;
    font-size: 24px;
    font-weight: 600;
    color: #013332;
    line-height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

.oi-ele-polit-Quicklists ul {
    padding-left: 20px;
}

.oi-ele-polit-Quicklists ul li {
    padding: 6px;
    position: relative;
}

.oi-ele-polit-Quicklists ul li a {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: var(--politic-arrow-bg);
    display: block;
    padding: 6px;
}

.oi-ele-polit-Quicklists ul li a::after {
    content: '';
    width: 8px;
    height: 10px;
    position: absolute;
    left: -8px;
    top: 18px;
    display: inline-block;
    background: var(--bullet-arrow) no-repeat 0 0;
}
/*==============POLITICAL TABLE============*/

.political-table {
    margin-bottom: 40px;
}

.political-table .political-table__heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--title-color);
    margin-bottom: 24px;
}

/*================POLITICAL TABLE DETAILS and SPECIFIC PARTY DETAILS===========*/
.political-table__details,
.political-table__specific-details {
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.political-table__details table,
.political-table__specific-details table {
    width: 100%;
    border-collapse: collapse;
}

.political-table__details table tr,
.political-table__specific-details table tr {
    border-bottom: 1px solid var(--border-color);
    vertical-align: top;
}

.political-table__details table tr:last-child,
.political-table__specific-details table tr:last-child {
    border: none;
}

.political-table__details table tr td,
.political-table__specific-details table tr td {
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 1%;
    color: var(--font-color-tertiary);
}

.political-table__details table tr td:first-child,
.political-table__specific-details table tr td:first-child {
    color: var(--font-color-heading);
    font-weight: 600;
}

.political-table__details table tr td a {
    color: #2F87DE;
}

.political-table__details table tr td .table-icon-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.political-table__details table tr td .table-icon-block .icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    box-shadow: 0px 1px 4px 0px #00000024;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.political-table__details table td img {
  border: 1px solid var(--border-color);
}
.political-table__specific-details table td img {
  border: 1px solid var(--border-color);
}

/*================VIEW MORE BUTTON===========*/
.oi-view-moreouter {
    text-align: center;
    margin: 10px 0px;
}

.oi-view-more {
    border: 1px solid var(--view-btn-border);
    background: var(--bg-view-btn);
    transition: all 0.3s ease;
    text-align: center;
    font-size: 14px;
    z-index: 2;
    border-radius: 12px;
    font-weight: 600;
    color: var(--font-color-viewbtn);
    line-height: 18px;
    padding: 10px 16px;
    width: 180px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.oi-view-more::before {
    content: '';
    left: -4px;
    top: -4px;
    right: -2px;
    bottom: -4px;
    border: 1px solid var(--view-btn-border);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 12px;
    position: absolute;
    z-index: -1;
    border-right: none;
}

.oi-view-more-outerborder {
    position: relative;
}

.oi-view-more-outerborder::before {
    position: absolute;
    content: '';
    right: -24px;
    top: -14px;
    border-top: 1px solid var(--view-btn-border);
    border-right: 1px solid var(--view-btn-border);
    height: 45px;
    width: 20px;
    border-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.oi-view-more-outerborder::after {
    position: absolute;
    content: '';
    height: 15px;
    right: -20px;
    width: 20px;
    top: 15px;
    border-right: 1px solid var(--view-btn-border);
    border-bottom-right-radius: 12px;
}

/*================POLITICAL TABLE DATA and RECOGNISED PARTIES===========*/
.political-table__data,
.political-table__recognised-parties {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
}

.political-table__data table,
.political-table__recognised-parties table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.political-table__data table thead,
.political-table__recognised-parties table thead {
    background: var(--bg-color-secondary);
}

.political-table__data table thead th,
.political-table__recognised-parties table thead th {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 1%;
    color: var(--font-color-heading);
    padding: 15px;
}

.political-table__data table tr,
.political-table__recognised-parties table tr {
    border-bottom: 1px solid var(--border-color);
    vertical-align: top;
}

.political-table__data table tr:last-child,
.political-table__recognised-parties table tr:last-child {
    border: none;
}

.political-table__data table tr td,
.political-table__recognised-parties table tr td {
    padding: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 1%;
    color: var(--font-color-tertiary);
}

/*================Description content Read more=============*/
.hideContent {
	overflow: hidden;
	line-height: 1em;
	height: 160px;
}
.showContent {
	line-height: 1em;
	height: auto;
}
.showContent {
	height: auto;
}
.show-more span {
	font-size: 15px;
	font-weight: 600;
	line-height: 22.5px;
	letter-spacing: 0.01em;
	text-align: left;
	text-decoration: underline;
	cursor: pointer;
	color: var(--font-color-fourth);
}

/*================Top Leaders==================*/
.oi-ele-keyleaders{background: var(--ele-upcoming-content-bg);margin-bottom: 32px;position: relative;padding: 22px 21px 22px 21px;}
.ele-keyleaders-title{color: var(--ele-primary-color);font-size: 16px;font-weight: 600;line-height: 18.75px;padding-bottom: 17px;}
.oi-ele-keyleaders-list{}
.oi-ele-keyleaders-list ul{list-style-type: none;overflow-x: auto;white-space: nowrap;scrollbar-width: none;-ms-overflow-style: none;}
.oi-ele-keyleaders-list ul li{display: inline-block;width: 100px;margin: 0px 6px;white-space: initial;position: relative;margin-top: 6px;}
.oi-ele-keyleaders-list ul li:first-child{margin-left: 0px;}
.keyleaders-thumb{text-align: center;padding-bottom: 0px !important;border-bottom: 0px !important;}
.keyleaders-thumb::after{position: absolute;content: ''; width: 82px;height: 81px;border: 2px solid var(--keyleaders-thumb-outer-border-color);left: 7px;top: -5px;border-radius: 50%;background: var(--keyleaders-thumb-border-color);}
.keyleaders-thumb img{width: 75px;height: 75px;position: relative;z-index: 999;border-radius: 50%;}
.keyleaders-name{font-size: 14px;font-weight: 400;line-height: 20px;margin-top: 6px;color: var(--keyleaders-name-color);}
.oi-ele-keyleaders-list ul li .keyleaders-name{text-align: center;}
.oi-keyleader-more-link {position: absolute;text-align: right;right: 19px;top: 9px;}
.keyleader-more-btn {display: inline-block;vertical-align: middle;width: 20px;height: 20px;border-radius: 20px;background: var(--prevnext-arrow-bg);cursor: pointer;position: relative;}
.keyleader-more-btn i {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 5px;height: 9px;background: url(https://imagesvs.oneindia.com/politician-profiles/media/right-arrow.svg) no-repeat 0 0;}
.ele-keyleaders-all{position: absolute;right: 21px;top: 24px;}
.ele-keyleaders-all a{color: #0066CC;font-size: 15px;}

/*================Search box===========*/
.oi-polit-select-state, .oi-polit-select-gods{background: var(--temples-selbox-bg);padding: 23px 24px;box-shadow: 0px 4px 20px 0px #0000001A;position: absolute;z-index: 999;width: -webkit-fill-available;border-radius: 12px;max-height: 350px;top: 50px;overflow-y: auto;}
.oi-polit-search-box input{width: 100%;box-sizing: border-box;border: 1px solid #ECEAEB;color: #9E9E9E;outline: none; background: none; font-size: 16px;font-weight: 400;border-radius: 10px;padding: 10px;padding-left: 30px;}
.oi-polit-search-box input::placeholder{color: #9e9e9e;font-size: 14px;}
.oi-polit-search-icon {background: var(--result-search-icon) no-repeat 0 0;width: 14px;height: 14px;background-size: cover;position: absolute;left: 10px;top: 13px;}
.oi-polit-search-box{position: relative;}
.oi-polit-selHead{font-size: 16px;font-weight: 700;line-height: 21.8px;color: var(--font-color-primary);padding-top: 20px;padding-bottom: 24px;background: var(--bottom-border) no-repeat left bottom;}

.party-list-container .list {
    padding: 12px 0px;
    cursor: pointer;
    position: relative;
}
.party-list-container .list p a {
    font-weight: 400;
    font-size: 16px;
    color: var(--font-color-fourth);
    /*padding-left: 15px;*/
}

/*================PARTY HISTORY CONTAINER==================*/

.party-history-container {
    padding: 20px;
    background: var(--bg-box);
    border-radius: 12px;
    margin-bottom: 32px;
}

.party-history-container .heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 15px;
}

/*Party News*/

.oi-ele-common-div{border: 1px solid var(--ele-intro-readmore-border);border-radius: 20px;overflow: hidden;margin-bottom: 32px;}
.oi-ele-common-head{padding: 12px 24px;background: var(--ele-intro-head-bg);color: var(--ele-intro-head-color);font-size: 16px;font-weight: 600;line-height: 24px;}
.oi-ele-news-list{background: var(--ele-upcoming-content-bg);/*padding: 11px 21px 27px;*/position: relative;}
.oi-ele-news-list ul{list-style-type: none;overflow-x: auto;white-space: nowrap;scrollbar-width: none;-ms-overflow-style: none;}
.oi-ele-news-list ul li{width: 300px; border: 1px solid var(--ele-upcoming-content-border);border-radius: 12px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 20px;}
.oi-ele-news-list ul li:last-child{margin-right: 0px;}
.oi-ele-news-list ul li
.ele-news-thumb{width: 100%;}
.ele-news-thumb img{width: 100%;display: block;}
.ele-news-thumbnail{padding: 15px 18px 10px;color: var(--news-thumbnail-color);font-size: 15px;white-space: initial;    height: 80px;font-weight: 500;line-height: 24px;background: var(--news-thumbnail-bg);}

.oi-ele-news-arrowswrapper{height: 32px;position: absolute;text-align: right;right: 21px;top: 0px;width: 100%;}
.prev-nav {border-radius: 50%;position: absolute;left: 10px;top: 160px;background: var(--vid-time-color);width: 32px;height: 32px;cursor: pointer;margin: auto;text-indent: -9999px;}
.next-nav {border-radius: 50%;position: absolute;right: 10px;top: 160px;background: var(--vid-time-color);width: 32px;height: 32px;cursor: pointer;margin: auto;text-indent: -9999px;}
.prev-nav::before {content: "";position: absolute;top: -1px;bottom: 0;left: -5px;right: 0;margin: auto;background: var(--next-bg) no-repeat 0 0;width: 11px;height: 14px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.next-nav::before {content: "";position: absolute;top: 2px;bottom: 0;left: 5px;right: 0;margin: auto;background: var(--next-bg) no-repeat 0 0;width: 11px;height: 14px;}
.disabled {display: none;}
.e-news-prevarrow {left: 33px;}
.e-news-nextarrow {right: -13px;}


:root {
	--instagram1-share-icon: url(../images/darkmode/notf-instagram-icon.svg);
	--share1-icon: url(../images/darkmode/share-icon.svg);
	--facebook1-share-icon: url(../images/darkmode/notf-facebook-icon.svg);
	--x1-share-icon: url(../images/darkmode/notf-x-icon.svg);
	--whatsapp1-share-icon: url(../images/darkmode/notf-whatsapp-icon.svg);
}	

/*================VIEW MORE BUTTON===========*/
.oi-view-moreouter {
    text-align: center;
    margin: 10px 0px;
}

.oi-view-more {
    border: 1px solid var(--view-btn-border);
    background: var(--bg-view-btn);
    transition: all 0.3s ease;
    text-align: center;
    font-size: 14px;
    z-index: 2;
    border-radius: 12px;
    font-weight: 600;
    color: var(--font-color-viewbtn);
    line-height: 18px;
    padding: 10px 16px;
    width: 180px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.oi-view-more::before {
    content: '';
    left: -4px;
    top: -4px;
    right: -2px;
    bottom: -4px;
    border: 1px solid var(--view-btn-border);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 12px;
    position: absolute;
    z-index: -1;
    border-right: none;
}

.oi-view-more-outerborder {
    position: relative;
}

.oi-view-more-outerborder::before {
    position: absolute;
    content: '';
    right: -24px;
    top: -14px;
    border-top: 1px solid var(--view-btn-border);
    border-right: 1px solid var(--view-btn-border);
    height: 45px;
    width: 20px;
    border-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.oi-view-more-outerborder::after {
    position: absolute;
    content: '';
    height: 15px;
    right: -20px;
    width: 20px;
    top: 15px;
    border-right: 1px solid var(--view-btn-border);
    border-bottom-right-radius: 12px;
}

/*================DISCLAIMER BLOCK==================*/

.disclaimer-block {
    background: var(--bg-disclaimer);
    padding: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--font-color-tertiary);
    margin-bottom: 32px;
}

.disclaimer-block p span {
    font-weight: 600;
    color: var(--font-color-fourth);
}

.disclaimer-block p a {
    color: #1177DD;
}

@keyframes spin {
  from {transform: rotate3d(0, 0, 1, 0deg);}
  to {transform: rotate3d(0, 0, 1, 180deg);}
}
@keyframes spin2 {
  from {background: #08f4fb;transform: rotate3d(0, 0, 1, 180deg);}
  to {background: #08f4fb;transform: rotate3d(0, 0, 1, 360deg);}
}

/* Fading animation */
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}