/* CSS styles for rbi-bonds.php */
.banner-title.ipo{position:absolute;left:2%;bottom:4%;visibility:hidden;overflow:hidden}
.banner-title.ipo .upper-text{font-family:Roboto,sans-serif;font-size:45px;font-weight:600;color:#0064b4;visibility:visible;animation-duration:2s;animation-name:slideInLeft}
.banner-title.ipo .lower-text{font-family:Roboto,sans-serif;font-size:30px;font-weight:300;color:#0064b4;margin-top:-5px;visibility:visible;animation-duration:2s;animation-name:slideInLeft}
.btn-row{gap:20px}
.ongoing-ipo-content .table-responsive{width:100%}
.ongoing-ipo-content .table-responsive th{border-bottom:1px solid #dee2e6}
.tbl-head{height:60px}
.head-content{font-size:18px;color:#0064b4;margin-bottom:10px}
.square-list{list-style-image:url(../images/grn-square.gif)}
.accordion-content .accord-list-data{margin:5px 0;padding-left:5px}
.square-list p{margin:10px 0}
.blue-btn{color:#fff;background:url(../images/bg2.gif) center center repeat-x;border-color:#a7c9e3;padding:5px 42px;height:35px;margin:0}
.no-bg-btn{padding:5px 42px;text-decoration:underline;color:#0064b4}
.heading-green{font-size:20px;color:#65a14c;margin-bottom:10px}
.blue-txt{font-size:18px;color:#0064b4;margin:0}
.benifits .square-list li{margin:10px 0}
.benifits .square-list li p{margin:5px 0}
@media screen and (max-width:1280px){
.form-cont{padding:10px 16px}
}
@media screen and (max-width:1023px){
.banner-title.ipo .upper-text{font-size:34px}
.banner-title.ipo .lower-text{font-size:24px}
}
@media screen and (max-width:991px){
.tab-sub-list{padding-left:0;list-style-type:none}
.ongoing-ipo-content .table-responsive{font-size:14px}
}
@media screen and (max-width:768px){
.btn-row{gap:5px}
.btn-row .online-btn{margin:5px 0}
.blue-txt,.head-content,.mf-accordion-button{font-size:16px}
.benifits{padding:0 15px}
.benifits .square-list{padding-left:0}
.benifits .square-list li p{font-size:14px}
.banner-title.ipo .upper-text{font-size:28px}
.banner-title.ipo .lower-text{font-size:20px}
.ongoing-ipo-content{overflow:scroll}
.ongoing-ipo-content .table-responsive{width:700px}
.ongoing-ipo-content table,.ongoing-ipo-content table td,.ongoing-ipo-content table th{width:max-content}
}
@media screen and (max-width:540px){
.btn-row{flex-direction:column}
}