

.collapse-boxy {
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-radius: 10px;
  background-color:#fff;
  box-shadow: 0 10px 29px 0 rgb(68 88 144 / 10%);
 }

.collapse-header {
  position: relative;
  /*margin-bottom: 10px;*/
  padding: 15px 20px 15px 20px;
  display: block;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width:991px ){
  .collapse-header {
  padding: 10px 20px 15px 20px;
  
}
}
.collapse-header h4 {
  position: relative;
  z-index: 2;
  margin: 0;
  font-weight: bold;
  text-decoration: none;
}
.collapse-header::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: #fff;*/
  transition: 0.3s;
}
.collapse-header::after {
  content: "T";
  font-family: "dripicons-v2";
  position: absolute;
  z-index: 3;
  /*right: 20px;*/
  /*right:48%;*/
  align-items: center;
  top: 85%;
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1em;
  transition: 0.2s;
}
.collapse-header.collapsed {
  background-color: #fff;
}
.collapse-header.collapsed::after {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.collapse-header:hover::before {
  transform: translateX(0);
}
.collapse.in {
    display: block;
}
.collapse {
    display: none;
}
.content-b {
background-color: #fff;
border-radius: 10px; 
}

.intro-section:after {
  
    height: 100px;
   background: #f5f8fd;
}


