.faq {
  max-width: 940px;
  margin: 0 auto; }
  .faq h2 {
    font-size: 46px;
    margin-bottom: 40px;
    color: #28328C; }
  .faq .item {
    position: relative;
    max-width: 900px;
    border: 2px solid #28328C;
    margin-bottom: 40px;
    padding: 0 36px; }
    .faq .item .expand_icon {
      position: absolute;
      right: 0;
      bottom: 22px;
      transition: all 0.4s ease;
      transform: rotate(0deg);
      cursor: pointer; }
    .faq .item h3 {
      color: #28328C;
      font-size: 24px;
      line-height: 1.4em;
      position: relative;
      font-weight: 200;
      margin-bottom: 0;
      padding: 26px 0 32px;
      padding-right: 65px;
      cursor: pointer; }
    .faq .item p {
      padding-right: 65px; }
    .faq .item p, .faq .item ul, .faq .item ol {
      padding-right: 65px; }
    .faq .item li {
      margin-left: 0px;
      padding-bottom: 10px; }
    .faq .item ul, .faq .item ol {
      padding-bottom: 20px;
      padding-left: 20px; }
  .faq .icon {
    display: block;
    position: absolute;
    right: 36px;
    top: 37px;
    transition: all 0.4s ease;
    width: 23px;
    height: 14px; }
    .faq .icon svg g {
      stroke: #28328C !important; }
  .faq .content {
    display: none;
    padding-bottom: 8px;
    max-width: 720px; }
  .faq .item.active .icon {
    transform: rotate(180deg); }
  .faq.wide {
    max-width: 1084px; }
    .faq.wide .item {
      max-width: 100%; }
    .faq.wide .content {
      max-width: 800px; }

@media only screen and (max-width: 540px) {
  .faq h2 {
    font-size: 38px; }
  .faq .item h3 {
    font-size: 24px;
    padding-right: 40px; }
  .faq .item p {
    padding-right: 40px; } }