.accordionOut { margin-bottom: 30px; background-color: #dae6f2; }
.accordionOut.pink, .accordionOut.blue, .accordionOut.gray { background-color: transparent; margin-bottom: 10px; }
.accordionOut.pink > header, .accordionOut.blue > header, .accordionOut.gray > header { color: white; }
.accordionOut.pink > .accordion, .accordionOut.blue > .accordion, .accordionOut.gray > .accordion { padding-top: 70px; padding-bottom: 70px; }
.accordionOut.pink > header::before, .accordionOut.blue > header::before, .accordionOut.gray > header::before { width: 0; height: 0; border: none; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 13px solid #ffffff; left: initial; right: 20px; top: calc(50% - 13px); transform: none; }
.accordionOut.pink.accordionOpen > header::before, .accordionOut.blue.accordionOpen > header::before, .accordionOut.gray.accordionOpen > header::before { left: initial; transform: rotate(90deg); }
.accordionOut.pink > header { background-color: #e6007e; }
.accordionOut.blue > header { background-color: #009fe3; }
.accordionOut.gray > header { background-color: #d4d5d5; color: #002454; }
.accordionOut > header { position: relative; cursor: pointer; padding-left: 50px; padding-right: 20px; padding-top: 25px; padding-bottom: 25px; }
.accordionOut.pink > header, .accordionOut.blue > header, .accordionOut.gray > header { padding-top: 10px; padding-bottom: 10px; }
.accordionOut > header:before { content: ''; display: block; height: 8px; width: 8px; position: absolute; top: 50%; left: 20px; border: solid #002454; border-width: 2px 2px 0 0; transform: rotate(45deg); transform-origin: right top; }
.accordionOut.accordionOpen > header:before { transform: rotate(135deg); left: 15px; top: 58%; }
.accordionOut > header > h3 { text-transform: uppercase; font-weight: 700; margin-bottom: 0; }
.accordionOut.pink > header > h3, .accordionOut.blue > header > h3, .accordionOut.gray > header > h3 { font-size: 30px; line-height: 40px; text-transform: none; }
.accordionOut.accordionOpen > header > h3 { text-transform: none; }
.accordionOut.accordionOpen > header:after { transform: rotate(90deg);  }
.accordionOut > .accordion { padding-left: 50px; padding-right: 20px; }
.accordionOut > .accordion:after { clear: both; content: ''; display: table; }
.accordionOut > hr { border-color: #7a8ba8; margin-bottom: 0; width: calc(100% - 70px); margin-left: 50px; margin-right: 20px; background-color: #dae6f2; }
.accordion-first .accordionOut { padding-top: 25px; }
.accordion-last .accordionOut { padding-bottom: 25px; }
.accordion-last .accordionOut > hr { display: none; }