.collapsible-container {
  margin-bottom: 20px;
}
.collapsible-container h3 {
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  letter-spacing: 0.2px;
  font-size: 20px;
  padding: 0 30px;
}
.collapsible-container h3 .collapse-icn {
  font-size: 20px;
  color: #D2232A;
}
.collapsible-container .show > .row {
  padding: 30px 12px;
}
@media (min-width: 1024px) {
  .collapsible-container .show > .row {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.collapsible-container .collapse-content ul {
  margin: 0;
  padding: 0;
}
.collapsible-container .collapse-content ul > li {
  font: italic normal 700 20px/1.5 Roboto;
  letter-spacing: 0px;
  color: #0D0D0D;
}
.collapsible-container .collapse-content h2 {
  color: #D2232A;
  font-size: 28px;
}
.collapsible-container .collapse-content-img {
  position: relative;
  width: 320px;
  height: 320px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .collapsible-container .collapse-content-img {
    margin-bottom: 0;
    border-radius: 15px;
  }
}
.collapsible-container .collapse-content-img > img {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.collapsible-container.expanded {
  box-shadow: 0px 5px 30px rgba(73, 120, 242, 0.2);
  border-radius: 10px;
}
.collapsible-container.expanded h3 {
  color: #D2232A;
  background-color: transparent;
}
