@import url("https://fonts.googleapis.com/css2?family=Rozha+One&display=swap"); 
main a, main a:active, main a:focus, main a:hover { outline: 0 !important; text-decoration: none !important; color: #252525; } html { height: 100%; } * { margin: 0; padding: 0; text-decoration: none; box-sizing: border-box; list-style: none; border: none; } body, li, ol, p, ul, h1, h2, h3, h4 { margin: 0; padding: 0; list-style: none; } body { overflow-x: hidden; }
 
main { position: relative; font: 400 18px/22px "Lato", sans-serif; color: #252525; background-color: #fff !important; margin: 0; padding: 0; }

.mcFluidContainer { margin-right: auto; margin-left: auto; }
.mcContainer { width: 1245px; margin-right: auto; margin-left: auto; position: relative; } 
.flex { display: flex; }

img { max-width: 100%; } a { font-family: inherit; } .mobView { display: none; }
 
/* === Start : adv sec === */
.advbannerSec{margin-bottom:50px;}
.advbannerWrap { margin: 0px auto 50px auto; text-align: center; } 
/* === end : adv sec === */


/* == Presented by == */
.BudgetPresentedby{position:relative;top:-15px;}
.budgetsecTitleHolder{align-items:flex-start !important;display:flex;position:relative;}
.topBudgetWrap{position:relative;}
.budgetsecTitleHolder:before{position:absolute;content: "";display:block;width:100%;height:1px;background:#707070;right:0;top:38px;z-index:0;}
.topBudgetWrap .secTitle{background:#fff;z-index:1;padding-right:10px;position:relative;margin-bottom:4px;}
.BudgetPresentedby .titleP{font:700 10px/20px "Lato", sans-serif;color:#5A5A5A;text-transform:uppercase;margin:0;padding:0;}
.BudgetPresentedby .presentedWrap{display:flex;grid-gap:5px;}
.presentedbox img{width:80px;height:30px;opacity:0.77;}
.howtoplayWrap{width: 100%;position: relative;top: -63px;display: flex;justify-content: flex-end;margin-bottom:-20px;}

.hindi .topBudgetWrap .secTitle{max-width:90%;}

/* == Presented by end == */

 
.banner728x90 .advertisement_box{max-width: 728px;margin: 0 auto;}

/* breadcrum_sec */ 
.breadcrumSec { clear: both; display: block; overflow: hidden; background-color: #fff; border-bottom: 1px solid #e5e5e5;} 
.breadcrumSec .heading_txt { display: inline-block; font-size: 12px; } 
.brad_crum { border-bottom: 0 dotted #a9a9a9; color: #282828; margin: 0 auto; padding: 6px 0; text-transform: uppercase; font: 400 16px "Fira Sans", sans-serif; display: block; clear: both; overflow: hidden; } .bread-title { color: #000; font: 500 12px "Fira Sans", sans-serif; } .brad_crum a { font: 400 12px "Fira Sans", sans-serif; text-transform: capitalize; color: #337ab7 !important; } .brad_crum a:last-of-type { color: #333 !important; } .brad_crum .bread-arrow { display: inline-block; height: 11px; padding-left: 5px; width: 11px; position: relative; top: 2px; background: unset; } .brad_crum .bread-arrow:before { content: "/"; position: absolute; top: 0; left: 3px; width: 11px; height: 11px; font-size: 11px; line-height: 11px; font-weight: 400; color: #ccc; } .breadcrumSec .mcContainer { padding-left: 0; padding-right: 0; }

 
.budgetBannerSec{margin-bottom: 20px;}


.budgetSimulatorSection{margin-bottom: 15px;}
.budgetSimulatorSection .mcContainer{display: flex;flex-wrap: wrap; justify-content: space-between;}
.budgetSimulatorSection .lhsWrap{width: calc(100% - 325px);}
.budgetSimulatorSection .rhsWrap{width: 300px;position: relative;}




/* === Start : Budget Simulator sec === */
.budgetSimulatorMainSec{margin-bottom: 30px;}
.budgetSimulatorMainSec .secTitleWrap{margin-bottom: 30px;position: relative;}
.secTitle {font: 400 50px/50px "Rozha One", serif; letter-spacing: -2.25px; color: #2F2F2F; text-transform: capitalize;} 
.budgetSimulatorMainSec .subTitle{font: 900 18px/18px "Lato", serif; color: #678EE8; margin-bottom: 0;letter-spacing: 2.7px;margin-bottom: 5px; position: relative; left: 83px; top: -5px;}
.hindi .budgetSimulatorMainSec .subTitle{left: 50px; width: 180px;}
 
.budgetSimulatorMainSec p{color: #343434;font-size: 22px;line-height: 31px; margin-bottom: 20px;letter-spacing: -0.44px; font-weight: 700;font-style: italic;} 
.factorSliderBox{margin-bottom: 25px;background-color: #F6F5EE;padding: 22px 15px;}
.factorSliderBox .factorNameStrip{position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.factorSliderBox .factorNameStrip:before{content:""; position: absolute; bottom: 17px; left: 15px;right:0px;border-bottom: 1px solid #ED5047; height: 0px; width: calc(100% - 15px);z-index: 0;}
.factorSliderBox .factorName{color: #343434; background: #F6F5EE;font: 400 32px/32px "Rozha One", serif;letter-spacing: -0.64px;margin-bottom: 5px;position: relative;z-index: 1;padding-right: 10px;}
.factorSliderBox .factorName .subTitleLbl{position: absolute;left: 0;bottom: -20px; display: flex; min-width: 186px; height: 20px; color: #fff; /*background: #60BA48;*/ letter-spacing: 0.55px; font: 700 11px/11px "Lato", serif; align-items: center; justify-content: center; padding: 0 7px;white-space: nowrap;}
.factorSliderBox .factorName .subTitleLbl.positive {background: #61BB49;}
.factorSliderBox .factorName .subTitleLbl.neutral {background: #F4DA2D; color: #000;}
.factorSliderBox .factorName .subTitleLbl.negative {background: #F04728;}
.factorSliderBox .factorName .subTitleLbl.hide-all {display: none;}
.factorSliderBox .spendingAmt{display: flex; align-items: center; justify-content: center; padding: 11px 20px; border: 1px solid #ED5047; border-radius: 21px; font-size: 18px; line-height: 18px; font-weight: 700; white-space: nowrap; letter-spacing: -0.34px; color: #ED5047; background: #fff; min-width: 115px; text-align: center; position: relative; z-index: 1;}
.factorSliderBox .yourSpendLbl{font-size: 19px; line-height: 19px; font-weight: 700; white-space: nowrap; letter-spacing: -0.34px; color: #343434;margin-bottom: 20px;text-align: center;} 
.factorSliderBox .affGrpLbl{font-size: 14px; line-height: 14px; font-weight: 900; white-space: nowrap; color: #5A5A5A;margin-bottom: 40px;text-align: center;letter-spacing: 3.9px;}

.yourSpendValueWrap{ display: flex; align-items: center; justify-content: space-around;margin-bottom: 15px;}
.yourSpendValueWrap .spendValue{font-size: 13px; line-height: 13px; white-space: nowrap; color: #888; text-align: center;position: relative; margin: 0 -2px; width: 9.09%;}
.yourSpendValueWrap .spendValue:before{content: ""; position: absolute; top: 19px; right: 0; width: 0px; height: 30px; border-right: 1px solid #fff; box-shadow: 0 0 3px 0px #fff;}
.yourSpendValueWrap .spendValue:last-of-type:before{display: none;}
.rangeSliderContainer.active .yourSpendValueWrap .spendValue:before{display: none;}

.factorSliderBox .rangeSliderContainer{ margin-bottom: 40px;} 
.rangeSliderContainer .slider { -webkit-appearance: none; width: 100%; height: 10px; background-color: #bcbec0 !important; /*background-attachment: fixed;*/ outline: none;-webkit-transition: .2s; transition: opacity .2s; border-radius: 10px;box-shadow: 0 4px 20px 10px #e3e3e3;}  
.rangeSliderContainer.active .slider{
  
  background-image: linear-gradient(90deg,
  #F04728 0% 9.09%,
  #F26225 9.09% 18.18%,
  #F5812C 18.18% 27.27%,
  #FA952B 27.27% 36.36%,
  #FBA22A 36.36% 45.45%,
  #F4DA2D 45.45% 54.54%,
  #DFDF31 54.54% 63.63%,
  #BBD53E 63.63% 72.72%,
  #9CCB41 72.72% 81.81%,
  #89C443 81.81% 90.9%,
  #61BB49 90.9% 100%);}

.rangeSliderContainer .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 28px; height: 28px; background: #808080; cursor: pointer; border-radius: 50%;border: 3px solid #FFFFFF;} 
.rangeSliderContainer .slider::-moz-range-thumb { width: 28px; height: 28px; background: #808080; cursor: pointer;border: 3px solid #FFFFFF;}  

.rangeSliderContainer.active .button_range_1::-webkit-slider-thumb{background: #61BB49;}
.rangeSliderContainer.active .button_range_1::-moz-range-thumb{background: #61BB49;}
.rangeSliderContainer.active .button_range_2::-webkit-slider-thumb{background: #89C443;}
.rangeSliderContainer.active .button_range_2::-moz-range-thumb{background: #89C443;}
.rangeSliderContainer.active .button_range_3::-webkit-slider-thumb{background: #9CCB41;}
.rangeSliderContainer.active .button_range_3::-moz-range-thumb{background: #9CCB41;}
.rangeSliderContainer.active .button_range_4::-webkit-slider-thumb{background: #BBD53E;}
.rangeSliderContainer.active .button_range_4::-moz-range-thumb{background: #BBD53E;}
.rangeSliderContainer.active .button_range_5::-webkit-slider-thumb{background: #DFDF31;}
.rangeSliderContainer.active .button_range_5::-moz-range-thumb{background: #DFDF31;}
.rangeSliderContainer.active .button_range_6::-webkit-slider-thumb{background: #F4DA2D;}
.rangeSliderContainer.active .button_range_6::-moz-range-thumb{background: #F4DA2D;}
.rangeSliderContainer.active .button_range_7::-webkit-slider-thumb{background: #FBA22A;}
.rangeSliderContainer.active .button_range_7::-moz-range-thumb{background: #FBA22A;}
.rangeSliderContainer.active .button_range_8::-webkit-slider-thumb{background: #FA952B;}
.rangeSliderContainer.active .button_range_8::-moz-range-thumb{background: #FA952B;}
.rangeSliderContainer.active .button_range_9::-webkit-slider-thumb{background: #F5812C;}
.rangeSliderContainer.active .button_range_9::-moz-range-thumb{background: #F5812C;}
.rangeSliderContainer.active .button_range_10::-webkit-slider-thumb{background: #F26225;}
.rangeSliderContainer.active .button_range_10::-moz-range-thumb{background: #F26225;}
.rangeSliderContainer.active .button_range_11::-webkit-slider-thumb{background: #F04728;}
.rangeSliderContainer.active .button_range_11::-moz-range-thumb{background: #F04728;}

.budgetSimulatorMainSec .voteOptionsWrap{ display: flex; align-items: center; justify-content: center;column-gap: 18px;}
.budgetSimulatorMainSec .voteOptionsWrap .voteOption{display: flex; align-items: center; justify-content: center; padding: 7px 15px; border: 1px solid #C9C9C9;
  border-radius: 21px; font-size: 15px; line-height: 15px; font-weight: 900; white-space: nowrap; letter-spacing: -0.3px; color: #5A5A5A;background: #fff;min-width: 180px; text-align: center;position: relative;z-index: 1;cursor: pointer;}
  .budgetSimulatorMainSec .voteOptionsWrap .voteOption:before{content: "";position: absolute;top: -31px;left: 0;right: 0;width: 36px;height: 36px;margin: 0 auto;background-size: contain;background-repeat: no-repeat;}
  .budgetSimulatorMainSec .voteOptionsWrap .voteOption.upThumb:before{background-image: url(https://images.moneycontrol.com/mcnews/images/budget-2024/upThumb.png);}
  .budgetSimulatorMainSec .voteOptionsWrap .voteOption.downThumb:before{background-image: url(https://images.moneycontrol.com/mcnews/images/budget-2024/downThumb.png);}
  .budgetSimulatorMainSec .voteOptionsWrap .voteOption.midThumb:before{background-image: url(https://images.moneycontrol.com/mcnews/images/budget-2024/midThumb.png);} 

/* === End : Budget Simulator sec === */



/* === Start : Your Budget Spending table Section === */
.yourSpendingTableSection{margin-bottom: 30px;}
.yourSpendingTableSection .secTitleWrap{margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.yourSpendingTableSection .starNote{font-size: 13px; line-height: 13px; color: #5A5A5A; margin-bottom: 5px;} 
 
.ysTableHolder{margin-bottom: 30px; }
.ysTableHolder table { border-collapse: collapse; width: 100%;} 
.ysTableHolder th { background: #F6F5EE; color: #5A5A5A; font-size: 15px; line-height: 15px;font-weight: 700; padding: 13px 14px;text-align: center;}
.ysTableHolder th:first-child{text-align: left;}
.ysTableHolder td { padding: 10px 15px 10px 15px; color: #000; font-size: 16px; line-height: 16px;font-weight: 400;letter-spacing: -0.32px;text-align: center;border-top: 1px solid #eee;}
.ysTableHolder  tr td:first-child{text-align: left;}
.ysTableHolder tr:first-child td{border-top: 0;}
.ysTableHolder a { color: #333333; font-size: 12px; line-height: 12px;font-weight: 400;}
.ysTableHolder a:active, .ysTableHolder a:focus, .ysTableHolder a:hover{color: #333333;} 


.impactArrow { position: relative; display: block; width: 20px; height: 20px; margin: 0 auto; }
.impactArrow:before {width: 0; height: 0; content: ""; position: absolute; left: 4px; top: 1px;  border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.impactArrow.top:before{border-right: 12px solid #60BA48;transform: rotate(90deg);}
.impactArrow.mid:before{left: 0px; top: 1px;  border-top: 8px solid transparent; border-bottom: 8px solid transparent;border-right: 10px solid #F4DA2C;transform: rotate(177deg);}
.impactArrow.mid:after{ content: "";width: 0; height: 0;  position: absolute; left: 10px; top: 1px; border-top: 8px solid transparent; border-bottom: 8px solid transparent;border-right: 10px solid #F4DA2C;transform: rotate(0deg);}
.impactArrow.btm:before{border-right: 12px solid #EF4628; transform: rotate(270deg);}


.ysTableHolder .urSpendAmt{color: #fff; font-size: 16px; line-height: 16px;font-weight: 400;letter-spacing: -0.32px; padding: 5px 15px 5px 15px;}
.ysTableHolder .urSpendAmt.red{background-color:#EF4628;}
.ysTableHolder .urSpendAmt.green{background-color:#60BA48;}
.ysTableHolder .urSpendAmt.yallow{background-color:#F4DA2C;}

/* === End : Your Budget Spending table Section === */



/* === Start : impact result Section === */
.impactResultSection{margin-bottom: 30px;}
.impactResultSection .affGrpLbl{font-size: 15px; line-height: 18px; font-weight: 900; white-space: nowrap;color: #5A5A5A;margin-bottom: 20px;text-align: center;letter-spacing: 4.5px;}
.impactResultSection .affGrpLbl.bottom50{ margin-bottom: 55px;} 
.impactResultSection .voteOptionsWrap{ display: flex; align-items: center; justify-content: center;column-gap: 18px; margin-bottom: 40px;}
.impactResultSection .voteOptionsWrap .voteOption{display: flex; align-items: center; justify-content: center; padding: 7px 15px; border: 1px solid #707070;
  font-size: 11px; line-height: 11px; font-weight: 900; white-space: nowrap; color: #5A5A5A;background: #fff;min-width: 180px; text-align: center;position: relative;z-index: 1;cursor: pointer;letter-spacing: 0.55px; text-transform: uppercase;}
.impactResultSection .voteOptionsWrap .voteOption:before{content: "";position: absolute;top: -40px;left: 0;right: 0;width: 36px;height: 36px;margin: 0 auto;background-size: contain;background-repeat: no-repeat;} 
.impactResultSection .voteOptionsWrap .voteOption.upThumb:before{background-image: url(https://images.moneycontrol.com/mcnews/images/budget-2024/upThumb.png);}
.impactResultSection .voteOptionsWrap .voteOption.downThumb:before{background-image: url(https://images.moneycontrol.com/mcnews/images/budget-2024/downThumb.png);}
.impactResultSection .voteOptionsWrap .voteOption.midThumb:before{background-image: url(https://images.moneycontrol.com/mcnews/images/budget-2024/midThumb.png);}   
.fdImpactWrap{ display: flex; align-items: center; justify-content: center;column-gap: 18px;margin-bottom: 40px;}
.fdImpactWrap .fdImpactOption{display: flex; align-items: center; justify-content: center; padding: 7px 15px; 
 font-size: 11px; line-height: 18px; font-weight: 700; white-space: nowrap; color: #797979; text-align: center;position: relative;z-index: 1;cursor: pointer;letter-spacing: 0.55px; text-transform: uppercase;}

.fdImpactWrap .fdImpactOption:before{width: 0; height: 0; content: ""; position: absolute; left: -5px; top: 8px;  border-top: 8px solid transparent; border-bottom: 8px solid transparent;} 
.fdImpactWrap .fdImpactOption.negative:before{border-right: 12px solid #EF4628; transform: rotate(270deg);} 
.fdImpactWrap .fdImpactOption.positive:before{border-right: 12px solid #60BA48;transform: rotate(90deg);}  
.fdImpactWrap .fdImpactOption.natural:before{ left: -9px; top: 7px; border-top: 8px solid transparent; border-bottom: 8px solid transparent;border-right: 10px solid #F4DA2C;transform: rotate(177deg);}
.fdImpactWrap .fdImpactOption.natural:after{ content: "";width: 0; height: 0;  position: absolute; left: 0px; top: 7px; border-top: 8px solid transparent; border-bottom: 8px solid transparent;border-right: 10px solid #F4DA2C;transform: rotate(0deg);} 
/* === End : impact result Section === */





/* === Start : Trending Topic === */
.trneding_topicbx {margin-bottom: 30px; padding-top: 10px;}
.rhs_title{ color: #2F2F2F;font: 400 32px/32px "Rozha One", serif; padding-bottom: 10px; border-bottom: 1px solid #2F2F2F;}
.trneding_topicbx  .topics_tags{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 15px;}
.trneding_topicbx  .topics_tags a{ flex: 0 0 138px; background-color: #F6F5EE; color: #1D1D1D; font: 600 20px "Lato", serif; text-align: center; border-radius: 19px; display: flex; align-items: center; justify-content: center; height: 38px; text-decoration: none !important; letter-spacing: -0.4px;}
.trneding_topicbx  .topics_tags a.flx_100{ flex: 0 0 100%;}
/* === End : Trending Topic === */




/* === Start : latest on budget === */
.brdb_trend{ border-bottom: 0.5px dashed #ccc; padding-bottom: 10px;}
.rht_link{display: flex; color: #000000; font-size: 18px; line-height: 22px; text-decoration: none !important;}
.thumb_right{ flex:0 0 74px; margin-right: 18px;}
.trend_list li{padding: 10px 0px 5px;}
.trend_list li:last-child .brdb_trend{ border-bottom: 0px;}
/* === End : latest on budget === */



/*-- view more button start--*/
.view_More { position: relative; text-align: center; }
.view_More:before { position: absolute; content: ""; height:0px;border-bottom: 1px solid #707070;width: 100%; left: 0px; right: 0px;top: 50%;}
.view_More a { letter-spacing:2.4px;display: inline-block; padding:0 20px; background:#fff; border-radius:25px; border: 1px solid #707070; position: relative; z-index: 1;height: 22px; color:#4B071E; text-transform: uppercase; font:900  12px/22px 'Lato', sans-serif; text-align: center; min-width:150px;}
.view_More a:hover, .view_More a:focus {text-decoration:none; outline: 0px; color: #4B071E;} 
/*-- view more button --*/


/* === Start : howToPlayGameInfoSec === */
.secTitleHolder{display: flex; align-items: center; justify-content: space-between;}
.howToPlayGameInfoSec{display: block;margin-bottom: 30px;}
.howToPlayGameInfoSec .howToPlayGameLbl{font: 700 30px/30px "Lato", serif; color: #2F2F2F;margin-bottom: 15px; display: block; text-align: center; }
.howToPlayGameInfoSec p{margin-bottom: 15px;}

/* .howToPlayGameBtn{display: flex; align-items: center; justify-content: center; padding: 11px 20px; border: 1px solid #ED5047; border-radius: 5px; font-size: 16px; line-height: 16px; font-weight: 700; white-space: nowrap; letter-spacing: -0.34px; color: #ED5047; background: #fff; min-width: 115px; height: 30px; text-align: center; position: relative;} 
.howToPlayGameBtn:hover,
.howToPlayGameBtn:focus{color: #ED5047;}
.goToGamePointBtn{display: flex; align-items: center; justify-content: center; padding: 11px 20px; border: 1px solid #ED5047; border-radius: 5px; font-size: 16px; line-height: 16px; font-weight: 700; white-space: nowrap; letter-spacing: -0.34px; color: #ED5047; background: #fff; min-width: 115px;max-width: 250px; height: 35px; text-align: center; position: relative;margin: 0 auto;}
.goToGamePointBtn:hover,
.goToGamePointBtn:focus{color: #ED5047;} */

.howToPlayGameBtn {width: 158px; height: 40px;background-image: linear-gradient(to bottom, #00d8ff  0%, #122b00  100%);padding: 11px 15px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px #eee; border-radius: 50px; display: block; font-size: 16px; line-height: 16px; font-weight: 700; white-space: nowrap;text-transform: uppercase;}  
.howToPlayGameBtn:hover,.howToPlayGameBtn:focus{color: #fff;text-decoration: none;}
 
.goToGamePointBtn {width: 158px; height: 40px;background-image: linear-gradient(to bottom, #e01d1d 0%, #031c6f  100%);padding: 11px 15px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: 0 0 20px #eee; border-radius: 50px; display: block; font-size: 16px; line-height: 16px; font-weight: 700; white-space: nowrap;text-decoration: none; margin: 0 auto;}  
.goToGamePointBtn:hover,.goToGamePointBtn:focus{color: #fff;text-decoration: none;}


.ulist{ margin-bottom: 20px; padding-left: 20px;}
.ulist li{ margin-bottom: 10px; list-style: disc;}




@media all and (max-width: 980px) {
	
.budgetsecTitleHolder{margin-top:20px;padding-right:10px;}
.BudgetPresentedby {top:-23px;}
.BudgetPresentedby .titleP {font:700 8px/14px "Lato", sans-serif;}
	 .secTitleHolder{flex-wrap: wrap;}
  .howToPlayGameInfoSec{ padding: 0 15px;}
  .topBudgetWrap .secTitle {margin-bottom:2px;padding-right:5px;margin-left: -15px;padding-left: 15px;max-width:90%;}
  .budgetsecTitleHolder:before {left:0;top:21px;}
  .presentedbox img{width:73px ;height:27px;}
 /* .budgetSimulatorMainSec .secTitleWrap{width: 100%;}*/
  .budgetSimulatorMainSec .howToPlayGameBtn{width: 100%; max-width: 150px; margin: 0 auto 15px auto; }
  .howToPlayGameInfoSec p{font-size: 16px;line-height: 22px;}
  .howtoplayWrap{top:-5px;justify-content:center;margin-bottom:0;}
  
  /*-- hindi --*/
  .hindi .topBudgetWrap .secTitle {max-width: 61%;}
  
  
}
/* === End : howToPlayGameInfoSec === */

@media all and (max-width: 1316px) {
  .mcContainer { width: 100%; padding-left: 15px; padding-right: 15px; }  
}  
@media all and (min-width: 980px) { header .bottom_nav.posnav_fix { position: static !important; } }

@media all and (max-width: 980px) {  
      .advbannerSec{margin-bottom:30px;} 
      .advbannerWrap{ margin-bottom: 20px;}
      .breadcrumSec {padding-left: 15px;}
      .secTitle {font-size: 28px; line-height: 28px;letter-spacing:-0.56px;text-align:left;}  
      .deskView{display:none;}
      .mobView{display:block;} 

      .budgetBannerSec{margin-bottom: 15px;}
      .budgetBannerSec .mcContainer { padding: 0;} 
      .budgetBannerSec img{margin: 0 auto; text-align: center; display: block;max-width: 450px;width: 100%;}
            
      #mc_headband .mcContainer{padding-left: 0;padding-right: 0;}

      .budgetSimulatorSection .mcContainer{flex-direction: column;padding-left: 0;padding-right: 0;}
      .budgetSimulatorSection .lhsWrap, .budgetSimulatorSection .rhsWrap{width: 100%;}
      .budgetSimulatorSection .rhsWrap{padding-left: 15px; padding-right: 15px;}

      /* === Start : Budget Simulator sec - Mobile === */
      .budgetSimulatorMainSec .mcContainer { padding-left: 0; padding-right: 0; }  
      .budgetSimulatorMainSec .secTitleWrap{margin-bottom:15px;padding-left: 15px; padding-right: 15px;} 
      .budgetSimulatorMainSec p { font-size: 18px; line-height: 24px;letter-spacing: -0.36px;padding-left: 15px; padding-right: 15px;}
      .factorSliderBox { margin-bottom: 20px; padding: 15px 15px 0px 15px; }
      .factorSliderBox .factorNameStrip { justify-content: center; flex-wrap: wrap;margin-bottom: 10px;flex-direction: column;}
      .factorSliderBox .factorNameStrip:before{display: none;}

      .yourSpendValueWrap{ column-gap: 1%;}
      .yourSpendValueWrap .spendValue{font-size: 0px; line-height: 11px;}
      .yourSpendValueWrap .spendValue:before { top: 23px; height: 20px;} 
      .yourSpendValueWrap .spendValue:after { content: ""; position: absolute; top: 5px; left: 0;right: 0; width: 30px; height: 11px;margin: 0 auto; font-size: 11px; line-height: 11px;color: #888;} 
      .yourSpendValueWrap .spendValue:nth-child(1):after{content: "-20%";}
      .yourSpendValueWrap .spendValue:nth-child(2):after{content: "-15%"; top: 50px;}
      .yourSpendValueWrap .spendValue:nth-child(3):after{content: "-10%";}
      .yourSpendValueWrap .spendValue:nth-child(4):after{content: "-5%";top: 50px;}
      .yourSpendValueWrap .spendValue:nth-child(5):after{content: "-2.5%";}
      .yourSpendValueWrap .spendValue:nth-child(6):after{content: "SAME";top: 50px;}
      .yourSpendValueWrap .spendValue:nth-child(7):after{content: "+2.5%";}
      .yourSpendValueWrap .spendValue:nth-child(8):after{content: "+5%";top: 50px;}
      .yourSpendValueWrap .spendValue:nth-child(9):after{content: "+10%";}
      .yourSpendValueWrap .spendValue:nth-child(10):after{content: "+15%";top: 50px;}
      .yourSpendValueWrap .spendValue:nth-child(11):after{content: "+20%";} 

      .factorSliderBox .factorName{font-size: 24px; line-height: 28px;padding-right: 0; display: block; text-align: center;margin-bottom: 15px;} 
      .factorSliderBox .factorName .subTitleLbl { position: static; min-width: 150px; height: 16px; letter-spacing: 0.45px; font: 700 10px/11px "Lato", serif; padding: 0 5px; }
      .factorSliderBox .spendingAmt { padding: 9px 20px 10px 20px; font-size: 15px; line-height: 15px; letter-spacing: -0.30px; min-width: 93px; }
      .factorSliderBox .yourSpendLbl { font-size: 16px; line-height: 16px; margin-bottom: 15px;}
      .factorSliderBox .rangeSliderContainer { margin-bottom: 45px; }
      .factorSliderBox .affGrpLbl { font-size: 13px; line-height: 13px; margin-bottom: 30px;}
      .budgetSimulatorMainSec .voteOptionsWrap{padding-left: 15px; padding-right: 15px;column-gap: 10px;flex-wrap: wrap;} 
      .budgetSimulatorMainSec .voteOptionsWrap .voteOption { padding: 6px 15px 5px 15px; font-size: 14px; line-height: 14px; min-width: calc(50% - 5px); margin-bottom: 24px; }
      .budgetSimulatorMainSec .voteOptionsWrap .voteOption:before{ top: -20px; width: 24px; height: 24px;}
      /* === End : Budget Simulator sec - Mobile === */

      /* === Start : Your Budget Spending table Section === */ 
      .yourSpendingTableSection .secTitleWrap{flex-wrap: wrap;padding-left: 15px; padding-right: 15px;}
      .ysTableHolder { margin-bottom: 30px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
      .ysTableHolder th{ white-space: pre-wrap; min-width: 150px;}
      .ysTableHolder td{ min-width: 150px;}
      /* === End : Your Budget Spending table Section === */




      /* === Start : impact result Section === */ 
      .impactResultSection .affGrpLbl{font-size: 13px; line-height: 18px; letter-spacing: 3.5px;}
      .impactResultSection .affGrpLbl.bottom50{ margin-bottom: 35px;}  
      .impactResultSection .voteOptionsWrap{padding-left: 15px; padding-right: 15px;column-gap: 10px;flex-wrap: wrap;} 
      .impactResultSection .voteOptionsWrap .voteOption { padding: 6px 15px 5px 15px; font-size: 14px; line-height: 14px; min-width: calc(50% - 5px); margin-bottom: 24px; }
      .impactResultSection .voteOptionsWrap .voteOption:before{ width: 24px; height: 24px; top: -21px;} 
      .fdImpactWrap{column-gap: 10px;flex-wrap: wrap;}
      .fdImpactWrap .fdImpactOption{width: 206px;} 



      /* === End : impact result Section === */












}