@font-face {
font-family: Roboto; src: url(../css/fonts/gfonts/roboto-regular.woff2); font-weight: 400; font-style: normal; font-display: swap; }
@font-face {
font-family: Roboto; src: url(../css/fonts/gfonts/roboto-700.woff2); font-weight: 700; font-style: normal; font-display: swap; }
@font-face {
font-family: Roboto; src: url(../css/fonts/gfonts/roboto-500.woff2); font-weight: 500; font-style: normal; font-display: swap; }
body { font-family: Roboto; background: #fff; }
.election_tab_inner_container { display: flex; width: 100%; height: 76px; gap: 13px; align-items: center; ;}
.left_pane_state { width: 40%; }
.election_heading { font-family: 'Roboto'; font-weight: 900; font-size: 34px; line-height: 34px; display: flex; align-items: center; letter-spacing: -0.03em; color: #0a0a0a; }
.state_name { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 21.6456px; line-height: 28px; display: flex; align-items: center; letter-spacing: -0.03em; }
#circle { width: 10.3px; height: 10px; border-radius: 25px; background: #d10014; }
.red_dot { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; }
@keyframes blink-animation {
  to { visibility: hidden; }
}
@-webkit-keyframes blink-animation {
  to { visibility: hidden; }
}
.active_state { font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 21.6456px; line-height: 28px; color: #d10014; }
.active_result { font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 23px; color: #d10014; }
.arrow { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 21.6456px; line-height: 28px; display: flex; align-items: flex-start; letter-spacing: -0.03em; }
.state_wrapper { padding-top: 4px; padding-bottom: 5px; border-bottom: 0.564473px solid #000; }
.right_pane_state { width: 56%; }
.active_data_point_label { font-family: 'Roboto'; font-weight: 600; font-size: 20px; line-height: 23px; color: #d10014; }
.data_point_label { font-family: 'Roboto'; font-weight: 400; font-size: 20px; line-height: 23px; color: #7e7e7e; }
@media(max-width: 768px) {
  .left_pane_state { width: 37%; }
}
.view_more { font-family: 'Roboto'; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: #001db0; }
#intro { background-color: red; }

#lineChart { width: auto; height: 10px; background-color: #e9e9e9; display: flex; margin-left: 11px; margin-right: 11px; }
#bjpChartDiv {  background-color: #FF5C00; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

#incChartDiv { background-color: #0000ff; }

#aapChartDiv { background-color: #228b22; }
#othDivChart { background-color: #9A00B3; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#totalCount { color: #000; font-size: 16px; line-height: 19px; font-weight: 500; }
.graphCount { margin-left: 11px; margin-right: 11px; }
#chartOutlineBox { background-color: #f7f7f7; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); padding-top: 10px; margin-top: 14px; }

#secondMainDiv { background-color: #fff; margin-top: 18px; }
#secondInnerDiv { display: flex; }
#bjpCard {height: 45px; width: 14%; color: #fff; /* background-color: #FF5C00; */ text-align: center; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 15px; line-height: 18px; padding: 7px; }
#aapCard, #incCard, #othCard { height: 45px; width: 14%; margin-left: 12px; text-align: center; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 15px; line-height: 18px; padding: 7px; color: #fff; }
/* #incCard{
    background-color: #288D00;

}
#aapCard {
background-color: #008bc7;
}
#othCard {
background-color: #9a00b3;
}
#cardContentMain {
color: #fff;
font-size: 15px;
margin-bottom: 15px;
margin-top: 0;
font-weight: 700;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
gap: 6px;
}
#cardContentMainCount {
font-size: 25px;
padding-top: 10px;
margin-left: 7px;
}
.totalcount {
font-family: 'Roboto';
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #000;
}
#totalVotingsCountId {
color: #d10014;
font-weight: 700;
font-size: 24px;
margin-left: 3%;
margin-top: 5px;
}
#republic-dom {
min-height: 42vh;
}
@media(max-width:1200px) {
#republic-dom {
min-height: 54vh;
}
}
@media(max-width: 1100px) {
.left_pane_state {
width: 30%;
}
.right_pane_state {
width: 70%;
}
#cardContentMain,
#cardContentMainCountAAP,
#cardContentMainCountBJP,
#cardContentMainCountINC,
#cardContentMainCountOTH {
font-size: 14px!important;
}
#partyNameFour,
#partyNameOne,
#partyNameThree,
#partyNameTwo {
font-size: 12px!important;
}
#aapCard,
#bjpCard,
#incCard,
#othCard {
width: 22%;
}
}
@media(max-width: 768px) {
.left_pane_state {
width: 37%;
}
.right_pane_state {
width: 63%;
}
#cardContentMain,
#cardContentMainCountAAP,
#cardContentMainCountBJP,
#cardContentMainCountINC,
#cardContentMainCountOTH {
font-size: 12px!important;
}
#aapCard,
#bjpCard,
#incCard,
#othCard {
width: 22%;
}
}
#partyNameFour,
#partyNameOne,
#partyNameThree,
#partyNameTwo {
font-weight: 700;
font-size: 14.1149px;
line-height: 17px;
}