.grid-container>div img {padding:20px 0 20px 0;}
.grid-container, .row {padding-top:30px;}
h3 {padding-top:25px;}
.faq .panel h4 {padding-top:20px;}
.link--regular{font-size:16px !important;}
.faq ul {list-style-type: disc;}
.faq ol {list-style-type: decimal;}
.faq ul, .faq ol {list-style-position: inside; padding:10px 0 30px 0;}
.account-snapshot__steps{min-height:50px !important;}

/* Style the element that is used to open and close the accordion class */
p.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom:10px;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
  background-color: #ddd;
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
  content: '\2795';
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
  content: "\2796";
}

/* Style the element that is used for the panel class */

div.faq div.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease-in-out;
  opacity: 0;
  margin-bottom:10px;
}

div.faq div.panel.show {
  opacity: 1;
  max-height: 5000px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

.faq-heading-flex {
  display: flex;
  justify-content: space-between;
  margin-left: -15px;
}

.faq-view-all-btn {
  border-bottom: 1px solid #ffcc33;
}

.aem-faq-row {
  padding: 0 20px 10px 20px;
  display: grid;
  place-content: center;
}
.faq-container {
  width: 100%;
  max-width: 1360px;
}