/* Colors */
/* Gradients */
/*Fonts*/
/*Font sizes*/
/*Max container width*/
/*Border*/
/*Margins*/
/*Images*/
@media (max-width: 420px) {
  .grid-containerA {
    padding-left: 8px;
    padding-right: 18px; } }

.grid-containerA .title-box {
  margin-bottom: 2rem; }
  .grid-containerA .title-box .grid-title {
    font-family: "archiaregular";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    text-align: center;
    color: #154EA5; }
    @media (max-width: 768px) {
      .grid-containerA .title-box .grid-title {
        font-size: 20px;
        line-height: 24px;
        font-family: "archiasemibold";
        font-weight: 500; } }

.grid-containerA .grid-A-box {
  margin-bottom: 12px; }

.grid-containerA .region {
  margin-bottom: 1.2rem; }

@media (max-width: 768px) {
  .grid-A-box-Mob {
    margin-bottom: 1rem;
    display: -ms-flexbox;
    display: flex; }
    .grid-A-box-Mob .row {
      -ms-flex-flow: row;
          flex-flow: row;
      overflow-x: auto;
      margin-bottom: 0.75rem; }
      .grid-A-box-Mob .row .column1 {
        margin-left: 0px; }
      .grid-A-box-Mob .row .column4 {
        margin-right: 0px; } }

@media (max-width: 420px) {
  .grid-A-box-Mob .row .column1 {
    margin-left: 7px; }
  .grid-A-box-Mob .promos-grid-A .row {
    margin-bottom: .5rem; } }