section.expandableBoxes {
  padding: 10px;
}
section.expandableBoxes article.expandableBox header {
  padding: 10px 10px 10px 13px;
  background-color: #BCF0ED;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
section.expandableBoxes article.expandableBox header h2.title {
  font-size: clamp(1.438rem, 0.745rem + 2.31vw, 2.5rem);
  font-weight: 500;
  line-height: 1.13;
}
section.expandableBoxes article.expandableBox .whitebox {
  margin-bottom: 10px;
  padding: 22px 10px 18px 8px;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
section.expandableBoxes article.expandableBox .whitebox h3.title {
  margin: 0 0 5px;
  color: #000;
  font-size: clamp(1.25rem, 1.087rem + 0.543vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}
section.expandableBoxes article.expandableBox .whitebox p.desc {
  margin: 0 0 16px;
  font-size: clamp(0.875rem, 0.712rem + 0.543vw, 1.125rem);
  line-height: 1.45;
}
section.expandableBoxes article.expandableBox .whitebox p.desc:last-child {
  margin-bottom: 0;
}
section.expandableBoxes article.expandableBox .whitebox:not(:first-child) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
section.expandableBoxes article.expandableBox .whitebox:last-child {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  section.expandableBoxes {
    padding: 24px 0;
  }
  section.expandableBoxes article.expandableBox header {
    padding: 14px 14px 15px 32px;
  }
  section.expandableBoxes article.expandableBox .whitebox {
    padding: 28px 14px 32px 32px;
  }
  section.expandableBoxes article.expandableBox .whitebox h3.title {
    margin-bottom: 0;
  }
}