#agile_thankyou_page .shadow_1 {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


#agile_thankyou_page .check-icon {
  font-size: 2em;
  color: green;
}



#agile_thankyou_page .info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 20px;
}

#agile_thankyou_page .info-grid .account-info { grid-area: 1 / 1 / 2 / 2; }
#agile_thankyou_page .info-grid .invoice-info  { grid-area: 1 / 2 / 2 / 3; }
#agile_thankyou_page .info-grid .products-info { grid-area: 2 / 1 / 3 / 2; }
#agile_thankyou_page .info-grid .notes { grid-area: 2 / 2 / 3 / 3; }

@media screen and (max-width: 899px) {

  #agile_thankyou_page .check-icon {
    font-size: 1em;
  }

  #agile_thankyou_page .info-grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 20px;
  }

  #agile_thankyou_page .info-grid .account-info { grid-area: 1 / 1 / 2 / 2; }
  #agile_thankyou_page .info-grid .invoice-info { grid-area: 2 / 1 / 3 / 2; }
  #agile_thankyou_page .info-grid .products-info { grid-area: 3 / 1 / 4 / 2; }
  #agile_thankyou_page .info-grid .notes { grid-area: 4 / 1 / 5 / 2; }
}