.catalog-section {
  background-color: #f5f7ff;
} 
.catalog-section .row {
  margin-right: 0px;
}
.catalog-list {
  width: 100%;
  background-color: white;
  box-shadow: 0 6px 30px rgba(22, 26, 44, 0.1); 
}
.catalog-list ul {
  margin-top: -60px; 
}
.catalog-list li {
  border-bottom: 1px solid #f5f7ff; 
}
.catalog-list .btn-active {
  background-color: #d9dbe2; 
  font-weight: bold;
}
.catalog-list .btn-active:hover {
  background-color: #d9dbe2; 
  font-weight: bold;
}
.catalog-list li.title {
  height: 60px;
  border-bottom: none;
  background-color: #4a72f5; 
}
.catalog-list li.title button {
  padding: 20px 30px;
  color: white;
  font: 700 14px/20px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; 
      border: 0px;
    width: 100%;
    text-align: left;
  }
.catalog-list li.title button:hover {
    background-color: #4a72f5; 
    border: 0px;
    width: 100%;
    text-align: left;
}
.catalog-list li button {
  display: block;
  padding: 14px 30px 15px;
  color: black;
  text-decoration: none;
  font: 400 14px/20px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  transition: background 0.2s ease; 
  border: 0px;
  background: transparent;
  width: 100%;
  text-align: left;
}
.catalog-list li button:hover {
  background-color: #f5f7ff; 
}
.description {
  margin-top: 30px;
  color: #4a4a4a;
  font: 400 18px/28px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.catalog-section .no-left-padding {
  padding-left: 0px;
}
@media (max-width: 767px) {
  .catalog-list li button {
    text-align: center; 
  } 
}