@import url("https://fonts.googleapis.com/css2?family=Rozha+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;800;900&display=swap");

.advSlotsWithoutGrayBox {
    background-color: transparent;
    display: flex;
    flex-direction: column;
}

.advSlotsWithoutGrayBox.ads-padding-margin {
    padding: 27px 0 10px 0;
}

.advSlotsWithoutGrayBox .lbl {
    color: #666666;
    margin-bottom: 7px;
    font: 400 10px/10px 'Lato', sans-serif;
    width: 100%;
    text-align: center;
    display: block;
}

.advSlotsWithoutGrayBox .advHolder {
    position: relative;
}

.advSlotsWithoutGrayBox .lhs {
    color: #666666;
    position: absolute;
    left: 0;
    top: -15px;
    font: 400 10px/10px 'Lato', sans-serif;
}

.advSlotsWithoutGrayBox .rhs {
    color: #222222;
    position: absolute;
    right: 0;
    top: -20px;
    font: 400 10px/13px 'Lato', sans-serif;
}

.advSlotsWithoutGrayBox .removeadtext {
    position: absolute;
    top: 1px;
    left: 13px;
    padding-top: 2px;
}

@media screen and (max-width: 980px) {
    .advSlotsWithoutGrayBox {
        background-color: #EFF1FA;
    }
}
.faq_section, .faq_section *{box-sizing: border-box;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{max-width: 100%; height: auto;}

.faq_wrapper{max-width: 1260px; margin: 0 auto; font-family: 'Lato', sans-serif;}

.main_faqsec{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px;margin-bottom: 30px;}
.lhs_sect{ width: calc(100% - 325px);background-color: #F6F5EE;}
.rhs_sect{width: 300px; padding-top: 10px; position: relative;}

.grybox{background-color: #F6F5EE; padding: 50px 30px; border-top: 1px solid #707070;}

.main_heading {display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; background-color: #fff;}
.main_heading .head_title{ color: #2F2F2F;font: 400 44px/44px "Rozha One", serif; flex: 0 0 70%;}
.spon_section{color: #8D8D8D; font-size: 10px;}
.spon_section > p{padding-bottom: 5px;}
.disin_txt{display: inline-block; margin-right: 2px;}
.faq_banner_desktop{position: relative;}
.faq_banner_mobile{ display: none;position: relative;}
.hindi_btn{display: block; position: absolute; right: 90px; bottom: -22px; background: rgb(245,33,33); background: linear-gradient(180deg, rgba(245,33,33,1) 0%, rgba(128,128,128,1) 100%); font-size: 11px; font-weight: 900; color: #fff !important; width: 117px; height: 27px; text-align: center; line-height: 27px; border-radius: 25px; text-decoration: none !important;}
.mobile_300banner{display: none;}
.breadcrum_container{margin-bottom: 0px;}

/* RHS START */
.mrgbtm20{margin-bottom: 20px; position: relative;}
.mrgbtm20.last{margin-bottom: 0px;}
/* === START FAQ === */
#budget_faq .secTitleWrap{ padding-top: 10px;}
#budget_faq .secTitleWrap img.main_faq_logo{margin-right:10px;}
#budget_faq .bottom_devider{background-color: #707070;height: 1px;width: 100%;position: absolute;bottom: 32px;left:0;z-index: 0;}
#budget_faq .secTitleWrap a{ padding-right:1px;background-color:#F6F5EE;display: block;position: relative;z-index: 1;}
#budget_faq	.sponsBox{bottom:17px;}
#budget_faq .bud23_faq { position: relative; width: 100%; margin-left: auto; padding:15px 30px 30px; background: #F6F5EE;}
#budget_faq .faq_logo_placeholder{position:relative;}
#budget_faq .faq_logo_placeholder:after{position:absolute;content:"";display:block;right:119px;bottom:-5px;background:url('https://images.moneycontrol.com/images/2024/budget_seo/year.svg') no-repeat;width:41px;height:15px;}
#budget_faq .bud23_faq .acc{padding-top:15px;}
#budget_faq .acc_card { margin-bottom:20px; padding-right:30px;}
#budget_faq .acc_title { position: relative;cursor: pointer; padding-bottom:10px;letter-spacing: -0.56px; color: #1D1D1D; border-bottom: 1px solid #707070; font:700 24px/28px 'Lato', serif;} 
#budget_faq .acc_title:after { 
    position: absolute; 
    content:"+"; 
    width:27px; 
    height: 27px; 
    right:-27px; 
    bottom:-13px; 
    background:#fff;border: 1px solid #707070; 
    border-radius:50%; 
    color: #707070;  
    font:300 22px/24px 'Lato', sans-serif; 
    text-align: center;
    box-sizing: border-box;
    padding-left: 0px;}
#budget_faq .acc_title.active::after { content:"-"; font-size: 30px;}
#budget_faq .acc_panel {  
    background: #FFFFFF; 
    padding-right:  20px !important;
    display:none;
    font:400 18px/22px 'Lato', sans-serif;
    max-height: unset !important;    
}
#budget_faq .acc_panel .scroll_content{max-height: 300px;  overflow-y:auto; scrollbar-color: transparent; scrollbar-width: thin;padding-right: 10px; font:400 18px/22px 'Lato', sans-serif;}
#budget_faq .bud23_faq .scroll_content::-webkit-scrollbar {height:4px; width:10px; background-color: transparent; background: url(https://images.moneycontrol.com/mcnews/images/budgetfaq/scrollbg.png) top center repeat-y;}
#budget_faq .bud23_faq .scroll_content::-webkit-scrollbar-thumb {background-color:#C9C9C9; border-radius:7px;} 
#budget_faq .acc_panel ul { padding-left: 15px;}
#budget_faq .acc_panel ul li{list-style:disc; padding-bottom: 5px;}
#budget_faq .acc_panel p { color: #1D1D1D;  font:400 18px/22px 'Lato', sans-serif;letter-spacing: 0px; margin-bottom: 15px;
padding-right: 0px !important;
}
#budget_faq .acc_panel p:last-child{margin-bottom: 0px;}
#budget_faq .bud23_faq .acc { max-height: 1925px;  overflow-y:auto; scrollbar-color: #666666; scrollbar-width: thin;padding-right: 10px; padding-top: 0px; margin-top: 30px;}
#budget_faq .bud23_faq .acc::-webkit-scrollbar {height:4px; width:18px; background-color: #FFFFFF; border-radius:17px;}
#budget_faq .bud23_faq .acc::-webkit-scrollbar-thumb {background-color:#F6F5EE; border:4px solid #fff; border-radius:16px;}
/* === END FAQ === */ 

/* === Trending Topic start === */
.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%;}
/* === Trending Topic end === */


/* === latest on budget start === */
.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;}
/* === latest on budget end === */

.spons_pf_tax{position: absolute; top: 98px; left: 15px; color: #fff; font-size: 7px;}
.spons_fantasy{position: absolute; bottom: 20px; left: 20px; color:rgba(255, 255, 255, 0.73); font-size: 7px;}
.spons_fantasy > div{padding-top: 2px;}
.spons_budget_simu { position: absolute; top: 161px; left: 65px; color: #fff; font-size: 7px;}

/*-- 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 --*/
/* RHS END */

@media all and (max-width: 1279px) {
    .faq_wrapper,
    .breadcrum_container{max-width: 1000px;}
}

@media all and (max-width: 980px) {
.breadcrum_container {width: 100%;box-sizing: border-box;}
.faq_wrapper{max-width: 100%; margin: 0 auto; width: 100%;}
.main_faqsec{flex-direction: column; padding-top: 10px;}
.lhs_sect{width: 100%; background-color: transparent;}
.main_heading{flex-direction: column; padding: 0px 20px 15px; border-bottom: 1px solid #707070;}
.main_heading .head_title{font-size: 36px; line-height: 28px; margin-right: auto; flex: 0 0 100%;}
.spon_section{display: flex; gap: 5px; padding-top: 10px; margin-left: auto;}
.rhs_sect{width: 100%; padding: 30px;padding-top: 0px;margin-top: -30px;}
.mrgbtm20{width: 300px; margin: 0 auto 20px;}
.hindi_btn{bottom: -30px; display: none;}
.mobile_300banner{display: block; margin: 10px auto;text-align: center;}

 /*-- faq --*/	
 #budget_faq{padding-bottom:20px;padding-top: 0;} 
 #budget_faq .bud23_faq {padding:15px 25px 30px; border-top: 0px;margin-bottom: 12px;}
 #budget_faq .secTitleWrap .secTitle:after {width:128px;left:13px;}
 #budget_faq .secTitleWrap img.main_faq_logo{width:119px;height:100%;margin-right:2px;margin-top:-15px;}
 #budget_faq .presented_by_logo img{width:60px;height:18px;}
 #budget_faq .sponsBox{font-size:8px;letter-spacing:0;grid-row-gap: 0px;bottom:15px;}
 #budget_faq .bottom_devider{bottom:20px;}
 #budget_faq .faq_logo_placeholder:after{background:url('https://images.moneycontrol.com/images/2024/budget_seo/year_mobile.png')no-repeat;width:29px;height:10px;    right: 80px; bottom: -17px;}
 #budget_faq .bud23_faq .acc {padding-top: 10px;padding-right: 0px; max-height: inherit; margin-top: 0px; overflow-y: unset;}
 #budget_faq .acc_card {padding-right:0;margin-bottom:30px;}
 #budget_faq .acc_title{font-size:18px;line-height:22px;letter-spacing:0px; padding-right: 25px;padding-top: 30px !important;}
 #budget_faq .acc_title:after{right:0;padding-left:0; width: 20px; height: 20px; line-height: 15px !important; bottom: -11px;}
 #budget_faq .acc_panel p{font-size:14px;line-height:20px;letter-spacing:0px; padding: 15px 0px 15px 15px !important}
 .faqtitleNew,
 #budget_faq .faq_logo_placeholder:after{display: none;}
 #budget_faq .acc_panel{padding: 15px;}
}

@media all and (max-width: 767px) {
    
.faq_banner_desktop{ display: none;}
.faq_banner_mobile{ display: block; text-align: center;}
}