/* File Created: July 16, 2019 */
@charset "utf-8";
/*@Website : NirmalBang, @Author :Accord Fintech Pvt.Ltd.*/

.pageContentwrapper { margin-top: 150px; padding: 30px 0; }
.fix .pageContentwrapper { margin-top: 75px; }

/**********Knowledge Center***********/
.Knowledge-Banner{margin-bottom:20px;border-radius:20px;}
.knowcentswrapper{background:#fff;min-height:500px;padding-bottom: 20px;padding-top: 60px;}
.knowcentcontent{margin: 0;min-height: 100px;}
.knowcentcontent h1,.knowcentcontent  h2,.knowcentcontent h3{display: block;margin: 0;padding: 0;font-size: 21px;line-height: 30px;color: #0c1a4b;font-family: 'Roboto Slab', serif; font-weight:700;margin-bottom: 5px;margin-top: 25px;}
.knowcentcontent p{font-size: 17px;line-height: 30px;color: #4a4a4a;margin: 0px 10px 10px 30px;font-family: 'Roboto' , sans-serif; font-weight: 300;}
.knowcentcontent p > a, .knowcentcontent p > b > a{color:#000;font-weight: 900;border-bottom: 1px solid;}
.knowcentcontent p > b, #accordion .panel-body > p > b{font-weight: 300;}
.knowcentcontent p > a:hover{    color: #9db739;}
.knwcentindex { border: 1px solid #f2f2f2; padding: 0px 10px; margin-bottom: 20px;position:relative;border-radius: 20px;box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.knwcentindex > span {display:block; padding: 20px 55px 10px 40px; margin: 0 0 0 20px; color: #0f194c; font-family: 'Roboto' , sans-serif; font-weight: 400; font-weight:600;font-size: 21px;border-bottom:5px solid #f2f2f2;}
.knwcentindex > span:before {position: absolute; left: 30px; top: 20px; content: "\f0ca ";font-family: FontAwesome;color:#4352af;}
.knwcentndexcont ul { display: block; margin: 0; padding: 10px 20px 35px 20px; line-height: 30px;}
.knwcentndexcont ul > li { margin:0;position:relative;font-family: 'Roboto' , sans-serif; font-weight: 300;padding-left: 40px; }
.knwcentndexcont ul > li > a { display: block; font-size: 17px; padding: 5px 0px; transition: all .4s ease; color: #000; font-family: 'Roboto' , sans-serif; font-weight: 300; }
.knwcentndexcont ul > li > a:before { position:absolute;content:"\f111";color:#b2cf41;font-family: fontAwesome;left:15px;top:5px;font-size: 10px;}

#accordion h1 > a{display: block;margin: 0;padding: 0;font-size: 18px;line-height: 35px;color: #303b78;font-family: 'bitterregular';}
#accordion .panel-body{padding:0 10px 20px 0;border-bottom:1px solid #cdcdcd;}
#accordion .panel-body-paragraph{color:#5561b3;font-size:16px;font-weight:600;}
#accordion .panel-heading{padding: 5px 15px;} 
.panel-title > a{position:relative;padding-left: 15px;display:block;}
.panel-title > a:before { position:absolute; background-color: #b2cf40 ; content:""; padding-right: 5px; font-size: 15px;width:5px;bottom:0;left:0;top:0;}
.panel-title > a.collapsed:before {content:"";}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  { text-decoration:none;}

ul.panel-body-ul{margin:0 ; padding-left: 20px ;position:relative;font-family: 'Roboto' , sans-serif; font-weight: 300;margin-left: 30px;}
ul.panel-body-ul >li:before{position:absolute;content:"\f111";color:#b2cf41;font-family: fontAwesome;left:0;top:0;font-size: 10px;}
ul.panel-body-ul >li{list-style:none ;font-size:16px;line-height:25px;margin-bottom: 20px;}
.knowcentheading > h1{ display: block; position: relative; margin: 0; color: #0f1b4c; font-family: 'Roboto Slab', serif; font-weight:700; font-size: 30px; line-height: 30px; }
.Demat-Main-Heading >h1{font-family: 'Roboto Slab', serif; font-weight:700; font-size: 27px;color:#4250b3;margin:0;padding:25px 0;}
.DematHeading{padding:0 15px;}
.DematHeading > h2{font-family: 'Roboto Slab', serif; font-weight:700; font-size: 25px;color:#0e1a4a;margin-bottom: 20px; margin-top:30px;}
.DematHeading > p{margin:0 0 10px 0;text-align:left;font-size:17px;font-family: 'Roboto' , sans-serif; font-weight: 300;line-height:30px;}
ul.panel-body-li{margin:0;padding:0;font-family: 'Roboto' , sans-serif; font-weight: 300; margin-bottom: 20px; margin-left: 30px;}
ul.panel-body-li > li{margin:0 ;padding-left: 20px ;position:relative;line-height: 30px;font-size:17px;}
ul.panel-body-li > li > em{width: 7px;height: 7px;position:absolute;content:"\f111";background :#b2cf41;left:0;top:10px;font-size: 14px;border-radius:5px;}
ul.panel-body-li  a{ color:#000;font-weight: 900;border-bottom: 1px solid;}
ul.panel-body-li  a:hover{ color: #9db739;}

/*KC- nse-share-market*/
ul.panel-body-li.nseshare{margin:0}

/****** things-you-should-know-before-investing-in-ipo*****/
#investipotb > table, #investipotb1 > table{ border: 1px solid #ddd;font-family: 'Roboto' , sans-serif; font-weight: 300;font-size: 15px;}
#investipotb > table>thead>tr>th, #investipotb1 > table>thead>tr>th {vertical-align: bottom;border-bottom: none;border-right: 1px solid #dddddd;text-align:center}
#investipotb > table td, #investipotb1 > table td{border-right: 1px solid #dddddd;padding: 8px;}
#investipotb > table>tbody>tr>td>ul, #investipotb1 > table>tbody>tr>td>ul{margin:0;padding:0;}
#investipotb > table>tbody>tr>td>ul>li, #investipotb1 > table>tbody>tr>td>ul>li{margin:0 ;padding-left: 35px ;position:relative;line-height: 30px;font-size:17px;}
#investipotb > table>tbody>tr>td>ul>li>em, #investipotb1 > table>tbody>tr>td>ul>li>em{width: 7px;height: 7px;position:absolute;content:"\f111";background :#b2cf41;left:20px;top:10px;font-size: 14px;border-radius:5px;}
.static-table{margin:10px 10px 0px 20px;}

.knwcentotherarticle {  padding: 25px 20px;  margin: 20px auto; background: #ebebeb; border-radius: 15px; max-width:300px;}
.knwcentotherarticle > h2{ display: block; margin: 0 0 10px 0; font-size: 18px; font-family: 'Roboto' , sans-serif; font-weight: 700; text-transform: uppercase;color: #4350b0;}
.knwcentndexcontothart{ max-height: 400px;overflow: auto;padding-right:10px;}
.knwcentndexcontothart > ul{ display: block; margin: 0; padding: 0;}
.knwcentndexcontothart > ul > li{ display: block;}
.knwcentndexcontothart > ul > li > a{ position: relative; padding: 4px 0 4px 18px; color: #333; font-size: 14px; font-family: 'Roboto' , sans-serif; font-weight: 400; display: inline-block;transition:all 0.4s ease;}
.knwcentndexcontothart > ul > li > a:before{content:"\f111";font-family:fontAwesome;font-size:8px;color:#b1cf3d;position:absolute;left:0;top:8px;}
.knwcentndexcontothart > ul > li > a:hover:before{color:#000;}

.Demat-Main-Heading > h1 > span, .DematHeading > h2 > span{display:block;}
.Demat-Main-Heading > h1 > span > a, .DematHeading > h2 > span > a{ display: inline-block; position: relative; padding-right: 25px; font-size: 14px; font-family: 'Roboto' , sans-serif; font-weight: 400; color: #000;}
.Demat-Main-Heading > h1 > span > a:hover, .DematHeading > h2 > span > a:hover{color:#4350b0;}
.Demat-Main-Heading > h1 > span > a:after, .DematHeading > h2 > span > a:after{content:"\f105"; position:absolute;top:0;right:10px;font-family:fontAwesome;font-size:16px;color:#000;}
.Demat-Main-Heading > h1 > span > a:last-child:after, .DematHeading > h2 > span > a:last-child:after{display:none;}
.Demat-Main-Heading > h1 > span > a:last-child, .DematHeading > h2 > span > a:last-child{color:#4350b0;cursor:text;}

.respoTable{margin:10px 10px 0px 20px;}
.respoTable > table{ width: 100%;}
.respoTable > table > thead >tr >th{ padding: 10px 0; border-bottom: 1px solid #ddd !important;}
.respoTable > table > tbody > tr > td{border-bottom: 1px solid #ddd !important;}

/*mutual fund right ctrl*/
.support-mfinquiry{box-shadow: 0 0 15px rgba(0,0,0,.2);border-radius: 10px;}
.support-mfinquiry .banner{min-height: 152px;  display: table; width:100%;margin-bottom:15px;background: url("../images/mf-inquiry.jpg")no-repeat center bottom; background-size: cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.support-mfinquiry .content{  padding:0 20px 20px; position:relative; min-height:400px}
.support-mfinquiry .banner > h3{ display: table-cell; vertical-align: middle ;margin:0; padding:0 0 0 50%; color:#4350b0; font-size:23px; line-height:27px ;font-family: 'Roboto' , sans-serif; font-weight: 400; }
.support-mfinquiry .checkgroups label{ color:#4350b0;font-size: 13px;}
.rght_onlineinvest { padding: 30px; }
.formsection_onlineinvest { padding-bottom: 30px; }
.formsection_onlineinvest.contact{ padding-bottom:15px; text-align:center }
.formsection_onlineinvest > h3 { display: block; margin: 0 0 20px; padding: 0; text-transform: capitalize; font-family: 'Roboto Slab', serif; font-weight:400; color: #4350b0; font-size: 26px; }
.formsection_onlineinvest > ul { display: inline-block; position: relative; margin: 0; padding: 0; background-color: #efefef; text-align: center; overflow: hidden; border-radius: 30px; }
.formsection_onlineinvest > ul > li { display: inline-block; margin: 0; padding: 0; }
.formsection_onlineinvest > ul > li > a { display: inline-block; color: #0f1b4c; font-size: 16px; font-weight: 400; padding: 6px 20px; transition: all .4s ease; border-radius: 30px; }
.formsection_onlineinvest > ul > li.active > a { background: #b2cf41; }
.txtbox_onlineinvest { margin: 0 0 20px; position: relative; }
.txtbox_onlineinvest > input, .txtbox_onlineinvest > textarea { display: block; width: 100%; padding: 10px; margin: 0; background: #f0f0f0; border-radius: 3px; border: none; font-family: 'Roboto' , sans-serif; font-weight: 400;font-size: 15px; height: 40px; }
.txtbox_onlineinvest > textarea { height: 100px; resize: none; }
.txtbox_onlineinvest > label { display: block; position: relative; margin: 0; font-weight: normal; z-index: 1; padding: 10px; margin: 0; background: #f0f0f0; border-radius: 3px; height: 40px; }
.txtbox_onlineinvest > label > select { display: block; position: absolute; top: 0; left: 0; -webkit-appearance: none; width: 100%; padding: 10px; background-color: transparent; border: none; font-family: 'Roboto' , sans-serif; font-weight: 400; font-size: 15px; height: 40px; }
.txtbox_onlineinvest > label > em { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #0f1b4c; position: absolute; top: 18px; right: 15px; z-index: -1; }
.txtbox_onlineinvest > em { display: inline-block; font-style: normal; position: absolute; right: 10px; top: 10px; }
.txtbox_onlineinvest > em > a { display: inline-block; color: #4350b0; font-weight: 400; font-size: 13px; }
.checkgroups label { position: relative; padding: 0 0 0 30px; display: inline-block; margin: 0 0 10px 0; cursor: pointer; color: #000; font-weight: normal; font-family: 'Roboto' , sans-serif; font-weight: 400; }
.checkgroups input[type="checkbox"] { display: none; }
.checkgroups input[type="checkbox"] + label:before { content: ""; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; width: 20px; height: 20px; font-size: 13px; line-height: 17px; text-align: center; border: 2px solid #b2cf41; transition: all 0.4s ease; }
.checkgroups input[type="checkbox"]:checked + label:before { content: "\f00c"; color: #084130; }
.btn_onlineinvest { text-align:center;margin-top:10px; }
.btn_onlineinvest > .btn-submit_onlineinvest { display: block; background-color: #b2cf41; color: #0f1b4c; padding: 10px 25px; margin: 0; font-size: 16px;  font-family: 'Roboto Slab', serif; font-weight:700; border-radius: 20px; border: none; transition: all .4s ease; }
.btn_onlineinvest > .btn-submit_onlineinvest:hover { background-color: #d0f34a; }
#KCMFpageFormWrapper .ajaxloaderhmediv{ background: rgba(255, 255, 255, 0.57);  z-index: 2;}

@media only screen and (min-width: 1200px) {
    .support-mfinquiry .banner{min-height:152px;}
    .support-mfinquiry .banner>h3{ font-size: 23px;line-height: 27px;}
}
@media only screen and (max-width: 1024px) {
    .pageContentwrapper{ margin-top: 75px;}
}
@media only screen and (max-width: 767px) {
    .Knowledge-Banner{margin-bottom:0;}
    .Demat-Main-Heading >h1{ padding: 20px 0;font-size:25px;}
    .knwcentindex{padding:0;}
    .knwcentindex > span{ padding: 12px 15px 12px 50px; font-size: 18px;margin:0;}
    .knwcentindex > span:before{left: 20px;top: 12px;}
    .knwcentndexcont ul{ padding: 15px;}
    .knwcentndexcont ul > li{ padding-left: 25px;}
    .knwcentndexcont ul > li > a{  font-size: 15px;padding: 7px 0; line-height: 20px;}
    .knwcentndexcont ul > li > a:before{ left: 0;top: 7px;}
    .knowcentcontent h1, .knowcentcontent h2, .knowcentcontent h3{ font-size: 20px; line-height: 24px;}
    #accordion .panel-body-paragraph{  margin: 0px 10px 10px 30px; line-height: 22px;}
     
    .respoTable > table > thead{ display: none;}
    .respoTable > table, .respoTable > table > tbody, .respoTable > table > tbody > tr, .respoTable > table > tbody > tr > td{display: block;}
    .respoTable > table > tbody > tr{ border-bottom: 1px solid #ddd;padding: 10px;}
    .respoTable > table > tbody > tr > td{ position: relative;line-height: 20px;border: none !important;padding-left: 0 !important; padding-top: 25px !important;white-space: normal;text-align: left; min-height: 36px; border-bottom: none !important;}
    .respoTable > table > tbody > tr > td:before{position: absolute; top: 6px;left: 6px;width: 30%; padding-right: 10px; white-space: nowrap;text-align: left; color: #333; font-weight: 400; content: attr(data-title);}
}

@media only screen and (max-width: 479px) {
    .Demat-Main-Heading >h1{ padding: 15px 0;    font-size: 23px;}
    .knwcentndexcont ul > li{ padding-left: 18px;}
    .DematHeading{padding:0;}
    .DematHeading > p{font-size: 15px;line-height: 24px;}
    #accordion .panel-heading{ padding: 0; margin: 0 0 10px 0;}
    .knowcentcontent p{ font-size: 15px; line-height: 24px;margin: 0 0 10px 15px;}
    .knowcentcontent img{ width:100%;}
    .knowcentcontent p > img {width:auto; }
    #accordion .panel-body-paragraph{ margin: 10px 0 10px 15px; font-size: 15px;line-height:21px;}
    ul.panel-body-ul{margin-left: 15px;}
    ul.panel-body-ul >li{ font-size: 15px; line-height: 22px; margin-bottom: 10px;}
    ul.panel-body-li{ margin: 10px 0 10px 15px;}
    ul.panel-body-li > li{ line-height: 24px; font-size: 15px; padding-left: 15px;}
    ul.panel-body-li > li > em{ top: 8px;}
    .knowcentcontent h1, .knowcentcontent h2, .knowcentcontent h3{ font-size: 19px; line-height: 24px;}
    .DematHeading > h2{margin:15px 0 15px 15px;}
    
    .respoTable{margin:0;}
    .respoTable > table > tbody > tr > td{padding: 25px 0 0 !important;}
    .respoTable > table > tbody > tr > td > ul > li{ padding: 0 0 0 20px !important;line-height: 30px !important; font-size: 15px !important;}
    .respoTable > table > tbody > tr > td > ul > li > em{left: 10px !important;}
    
    .support-mfinquiry .banner{ min-height:100px}
    .support-mfinquiry .banner>h3{font-size: 20px;line-height: 20px;}
    .support-mfinquiry .content{ height: auto; min-height:auto;}
    .support-mfinquiry .banner>h3{background:rgba(0, 0, 0, 0.57); padding:0;text-align: center; color:#fff;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 20px;}
    .support-mfinquiry .content { padding:0 10px } 
}