.banner-content{
	/* position: absolute; */
	margin-top: 98px;
   }
   .banner-content h1{
      font-size: 25px;
      line-height: 30px;
   }
   .red-header {
    color: #f02952;
   }

 .red-header,.key-frame>h1,.why h1{
  	font-size: 23px;
    line-height: 30px;
  }
  .sub-header {
    color: #933a96;
    font-size: 18px;
    line-height: 26px;
   }
  .why h1{
    margin-bottom: 20px;
  }
  .why {
    background: url(../img/why-bg.jpg) right no-repeat;
    background-size: cover;
    color: #fff;
  }
    .content,.arch,.why {
    padding: 2% 0px;
}
   .col-hide{
  display: none;
 }
 .key-frame1{
  background: url(../img/bg.jpg)top no-repeat;
  background-size: cover;
  /* height: 300px; */
  padding-top: 6% ;
  padding-bottom: 6% ;
  display: block;
}
.panel-heading{
  padding: 0px;
}
a,a:hover{
  text-decoration: none !important;
}
.panel-default{
  border: 0px;
}
.key-frame1 .panel-heading .panel-title{
  color: #f02952;
  background-color: #f5f5f5;
border-color: #ddd;
padding: 10px 15px;
text-decoration: none !important;
width: 100%;
}
.key-frame1 .panel-heading .panel-title:hover,.key-frame1 .panel-heading .panel-title:active,.key-frame1 .panel-heading .panel-title:focus,.key-frame1 .panel-heading .panel-title[aria-expanded="true"]{
  color: #fff;
   background-color: #f02952;
  text-decoration: none;
  cursor: pointer;
}