<section class="accordion_two_section ptb-100">
<div class="container">
<div class="row">
<div class="col-sm-6 accordionTwo">
<div class="panel-group" id="accordionTwoLeft">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordionTwoLeft" href="#collapseTwoLeftone" aria-expanded="false" class="collapsed"> For what reason would it be advisable </a> </h4>
</div>
<div id="collapseTwoLeftone" class="panel-collapse collapse" aria-expanded="false" role="tablist" style="height: 0px;">
<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit risus nisl, nec facilisis ante iaculis fringilla. Integer mattis risus vel dapibus rhoncus. Duis ut nulla et metus vehicula facilisis non eu quam. </div>
</div>
</div> <!-- /.panel-default -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionTwoLeft" href="#collapseTwoLeftTwo" aria-expanded="false"> for me to think about business content? </a> </h4>
</div>
<div id="collapseTwoLeftTwo" class="panel-collapse collapse" aria-expanded="false" role="tablist">
<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit risus nisl, nec facilisis ante iaculis fringilla. Integer mattis risus vel dapibus rhoncus. Duis ut nulla et metus vehicula facilisis non eu quam. </div>
</div>
</div> <!-- /.panel-default -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionTwoLeft" href="#collapseTwoLeftThree" aria-expanded="false"> it be advisable </a> </h4>
</div>
<div id="collapseTwoLeftThree" class="panel-collapse collapse" aria-expanded="false" role="tablist">
<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit risus nisl, nec facilisis ante iaculis fringilla. Integer mattis risus vel dapibus rhoncus. Duis ut nulla et metus vehicula facilisis non eu quam. </div>
</div>
</div> <!-- /.panel-default -->
</div>
<!--end of /.panel-group-->
</div>
<!--end of /.col-sm-6-->
<div class="col-sm-6 accordionTwo">
<div class="panel-group" id="accordionTwoRight">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionTwoRight" href="#collapseTwoRightone" aria-expanded="false"> For what reason would it be advisable </a> </h4>
</div>
<div id="collapseTwoRightone" class="panel-collapse collapse" aria-expanded="false" role="tablist">
<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit risus nisl, nec facilisis ante iaculis fringilla. Integer mattis risus vel dapibus rhoncus. Duis ut nulla et metus vehicula facilisis non eu quam. </div>
</div>
</div> <!-- /.panel-default -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordionTwoRight" href="#collapseTwoRightTwo" aria-expanded="false"> for me to think about business content? </a> </h4>
</div>
<div id="collapseTwoRightTwo" class="panel-collapse collapse" aria-expanded="false" role="tablist">
<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit risus nisl, nec facilisis ante iaculis fringilla. Integer mattis risus vel dapibus rhoncus. Duis ut nulla et metus vehicula facilisis non eu quam. </div>
</div>
</div> <!-- /.panel-default -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordionTwoRight" href="#collapseTwoRightThree" aria-expanded="false"> it be advisable </a> </h4>
</div>
<div id="collapseTwoRightThree" class="panel-collapse collapse in" aria-expanded="false" role="tablist">
<div class="panel-body"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus hendrerit risus nisl, nec facilisis ante iaculis fringilla. Integer mattis risus vel dapibus rhoncus. Duis ut nulla et metus vehicula facilisis non eu quam. </div>
</div>
</div> <!-- /.panel-default -->
</div>
<!--end of /.panel-group-->
</div>
<!--end of /.col-sm-6-->
</div>
</div>
<!--end of /.container-->
</section>
.accordion_two_section {
background: #f7f7f7
}
.ptb-100 {
padding-top: 100px;
padding-bottom: 100px
}
.accordionTwo .panel-group {
margin-bottom: 0
}
.accordionTwo .panel {
background-color: transparent;
box-shadow: none;
border-bottom: 10px solid transparent;
border-radius: 0;
margin: 0
}
.accordionTwo .panel-default {
border: 0
}
.accordionTwo .panel-default>.panel-heading {
background: #4385f5;
border-radius: 0px;
border-color: #4385f5
}
.accordion-wrap .panel-heading {
padding: 0px;
border-radius: 0px
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.accordionTwo .panel .panel-heading a.collapsed {
color: #999999;
background-color: #fff;
display: block;
padding: 12px 20px
}
.accordionTwo .panel .panel-heading a {
display: block;
padding: 12px 20px;
color: #fff
}
.accordion-wrap .panel .panel-heading a {
font-size: 14px
}
.accordionTwo .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
padding-top: 0;
padding: 20px 20px 20px 30px;
background: #4385f5;
color: #fff;
font-size: 14px;
line-height: 24px
}
.accordionTwo .panel .panel-heading a:after {
content: "\2212";
color: #4285f4;
background: #fff
}
.accordionTwo .panel .panel-heading a:after,
.accordionTwo .panel .panel-heading a.collapsed:after {
font-family: 'FontAwesome';
font-size: 14px;
float: right;
width: 21px;
display: block;
height: 21px;
line-height: 21px;
text-align: center;
border-radius: 50%;
color: #FFF
}
.accordionTwo .panel .panel-heading a.collapsed:after {
content: "\2b";
color: #fff;
background-color: #DADADA
}
.accordionTwo .panel .panel-heading a:after {
content: "\2212";
color: #4285f4;
background: #dadada
}
a:link {
text-decoration: none
}