/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells */
/* default breakpoint */
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.69230769%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 15.38461538%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 23.07692308%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 30.76923077%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 38.46153846%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 46.15384615%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 53.84615385%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 61.53846154%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 69.23076923%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 76.92307692%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 84.61538462%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 92.30769231%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.69230769%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 15.38461538%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 23.07692308%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 30.76923077%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 38.46153846%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 46.15384615%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 53.84615385%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 61.53846154%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 69.23076923%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 76.92307692%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 84.61538462%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 92.30769231%;
}
.aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 21.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 35.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 64.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 78.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 92.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 21.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 35.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 64.28571429%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 78.57142857%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 92.85714286%;
}
.aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 13.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 26.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 46.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 53.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 73.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 86.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 93.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 13.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 26.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 46.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 53.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 73.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 86.66666667%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 93.33333333%;
}
.aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 18.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 31.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 43.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 56.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 68.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 81.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 93.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 18.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 31.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 43.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 56.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 68.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 81.25%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 93.75%;
}
.aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5.88235294%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 11.76470588%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 17.64705882%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 23.52941176%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 29.41176471%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 35.29411765%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 41.17647059%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 47.05882353%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 52.94117647%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 58.82352941%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 64.70588235%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 70.58823529%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 76.47058824%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 82.35294118%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 88.23529412%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 94.11764706%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5.88235294%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 11.76470588%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 17.64705882%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 23.52941176%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 29.41176471%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 35.29411765%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 41.17647059%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 47.05882353%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 52.94117647%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 58.82352941%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 64.70588235%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 70.58823529%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 76.47058824%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 82.35294118%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 88.23529412%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 94.11764706%;
}
.aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5.55555556%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 27.77777778%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 38.88888889%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 61.11111111%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 72.22222222%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 94.44444444%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5.55555556%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 27.77777778%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 38.88888889%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 61.11111111%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 72.22222222%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 94.44444444%;
}
.aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5.26315789%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 10.52631579%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 15.78947368%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 21.05263158%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 26.31578947%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 31.57894737%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 36.84210526%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 42.10526316%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 47.36842105%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 52.63157895%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 57.89473684%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 63.15789474%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 68.42105263%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 73.68421053%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 78.94736842%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 84.21052632%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 89.47368421%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 94.73684211%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5.26315789%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 10.52631579%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 15.78947368%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 21.05263158%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 26.31578947%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 31.57894737%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 36.84210526%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 42.10526316%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 47.36842105%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 52.63157895%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 57.89473684%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 63.15789474%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 68.42105263%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 73.68421053%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 78.94736842%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 84.21052632%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 89.47368421%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 94.73684211%;
}
.aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 15%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 35%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 45%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 55%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 65%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 85%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 95%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 15%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 35%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 45%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 55%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 65%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 85%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 95%;
}
.aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.76190476%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 9.52380952%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 19.04761905%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 23.80952381%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 38.0952381%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 47.61904762%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 52.38095238%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 61.9047619%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 76.19047619%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 80.95238095%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 90.47619048%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 95.23809524%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.76190476%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 9.52380952%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 19.04761905%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 23.80952381%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 38.0952381%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 47.61904762%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 52.38095238%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 61.9047619%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 76.19047619%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 80.95238095%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 90.47619048%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 95.23809524%;
}
.aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.54545455%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 13.63636364%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 22.72727273%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 31.81818182%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 40.90909091%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 59.09090909%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 68.18181818%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 77.27272727%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 86.36363636%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 95.45454545%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--default--22 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.54545455%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 13.63636364%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 22.72727273%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 31.81818182%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 40.90909091%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 59.09090909%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 68.18181818%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 77.27272727%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 86.36363636%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 95.45454545%;
}
.aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--default--22 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.34782609%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 8.69565217%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 13.04347826%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 17.39130435%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 21.73913043%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 26.08695652%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 30.43478261%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 34.7826087%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 39.13043478%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 43.47826087%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 47.82608696%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 52.17391304%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 56.52173913%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 60.86956522%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 65.2173913%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 69.56521739%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 73.91304348%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 78.26086957%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 82.60869565%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 86.95652174%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 91.30434783%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--22 {
  float: left;
  clear: none;
  width: 95.65217391%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--default--23 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.34782609%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 8.69565217%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 13.04347826%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 17.39130435%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 21.73913043%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 26.08695652%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 30.43478261%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 34.7826087%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 39.13043478%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 43.47826087%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 47.82608696%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 52.17391304%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 56.52173913%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 60.86956522%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 65.2173913%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 69.56521739%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 73.91304348%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 78.26086957%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 82.60869565%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 86.95652174%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 91.30434783%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--22 {
  margin-left: 95.65217391%;
}
.aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--default--23 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 20.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 29.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 45.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 54.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 70.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 79.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--22 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--23 {
  float: left;
  clear: none;
  width: 95.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--default--24 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 20.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 29.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 45.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 54.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 70.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 79.16666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--22 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--23 {
  margin-left: 95.83333333%;
}
.aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--default--24 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.69230769%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 15.38461538%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 23.07692308%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 30.76923077%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 38.46153846%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 46.15384615%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 53.84615385%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 61.53846154%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 69.23076923%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 76.92307692%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 84.61538462%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 92.30769231%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.69230769%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 15.38461538%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 23.07692308%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 30.76923077%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 38.46153846%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 46.15384615%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 53.84615385%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 61.53846154%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 69.23076923%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 76.92307692%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 84.61538462%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 92.30769231%;
}
.aem-Grid.aem-Grid--default--13 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 7.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 21.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 35.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 64.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 78.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 92.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 7.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 21.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 35.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 64.28571429%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 78.57142857%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 92.85714286%;
}
.aem-Grid.aem-Grid--default--14 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 13.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 26.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 46.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 53.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 73.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 86.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 93.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 13.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 26.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 46.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 53.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 73.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 86.66666667%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 93.33333333%;
}
.aem-Grid.aem-Grid--default--15 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 6.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 18.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 31.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 43.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 56.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 68.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 81.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 93.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 6.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 18.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 31.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 43.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 56.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 68.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 81.25%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 93.75%;
}
.aem-Grid.aem-Grid--default--16 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5.88235294%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 11.76470588%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 17.64705882%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 23.52941176%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 29.41176471%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 35.29411765%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 41.17647059%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 47.05882353%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 52.94117647%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 58.82352941%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 64.70588235%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 70.58823529%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 76.47058824%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 82.35294118%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 88.23529412%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 94.11764706%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5.88235294%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 11.76470588%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 17.64705882%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 23.52941176%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 29.41176471%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 35.29411765%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 41.17647059%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 47.05882353%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 52.94117647%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 58.82352941%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 64.70588235%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 70.58823529%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 76.47058824%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 82.35294118%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 88.23529412%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 94.11764706%;
}
.aem-Grid.aem-Grid--default--17 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5.55555556%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 27.77777778%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 38.88888889%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 61.11111111%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 72.22222222%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 94.44444444%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5.55555556%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 27.77777778%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 38.88888889%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 61.11111111%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 72.22222222%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 94.44444444%;
}
.aem-Grid.aem-Grid--default--18 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5.26315789%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 10.52631579%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 15.78947368%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 21.05263158%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 26.31578947%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 31.57894737%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 36.84210526%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 42.10526316%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 47.36842105%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 52.63157895%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 57.89473684%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 63.15789474%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 68.42105263%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 73.68421053%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 78.94736842%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 84.21052632%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 89.47368421%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 94.73684211%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5.26315789%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 10.52631579%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 15.78947368%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 21.05263158%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 26.31578947%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 31.57894737%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 36.84210526%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 42.10526316%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 47.36842105%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 52.63157895%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 57.89473684%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 63.15789474%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 68.42105263%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 73.68421053%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 78.94736842%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 84.21052632%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 89.47368421%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 94.73684211%;
}
.aem-Grid.aem-Grid--default--19 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 5%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 15%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 35%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 45%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 55%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 65%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 85%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 95%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 5%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 15%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 35%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 45%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 55%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 65%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 85%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 95%;
}
.aem-Grid.aem-Grid--default--20 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.76190476%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 9.52380952%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 19.04761905%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 23.80952381%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 38.0952381%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 47.61904762%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 52.38095238%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 61.9047619%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 76.19047619%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 80.95238095%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 90.47619048%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 95.23809524%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.76190476%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 9.52380952%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 19.04761905%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 23.80952381%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 38.0952381%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 47.61904762%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 52.38095238%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 61.9047619%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 76.19047619%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 80.95238095%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 90.47619048%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 95.23809524%;
}
.aem-Grid.aem-Grid--default--21 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.54545455%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 13.63636364%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 22.72727273%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 31.81818182%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 40.90909091%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 59.09090909%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 68.18181818%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 77.27272727%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 86.36363636%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 95.45454545%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--default--22 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.54545455%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 13.63636364%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 22.72727273%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 31.81818182%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 40.90909091%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 59.09090909%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 68.18181818%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 77.27272727%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 86.36363636%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 95.45454545%;
}
.aem-Grid.aem-Grid--default--22 > .aem-GridColumn.aem-GridColumn--offset--default--22 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.34782609%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 8.69565217%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 13.04347826%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 17.39130435%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 21.73913043%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 26.08695652%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 30.43478261%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 34.7826087%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 39.13043478%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 43.47826087%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 47.82608696%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 52.17391304%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 56.52173913%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 60.86956522%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 65.2173913%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 69.56521739%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 73.91304348%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 78.26086957%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 82.60869565%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 86.95652174%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 91.30434783%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--22 {
  float: left;
  clear: none;
  width: 95.65217391%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--default--23 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.34782609%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 8.69565217%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 13.04347826%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 17.39130435%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 21.73913043%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 26.08695652%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 30.43478261%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 34.7826087%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 39.13043478%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 43.47826087%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 47.82608696%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 52.17391304%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 56.52173913%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 60.86956522%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 65.2173913%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 69.56521739%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 73.91304348%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 78.26086957%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 82.60869565%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 86.95652174%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 91.30434783%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--22 {
  margin-left: 95.65217391%;
}
.aem-Grid.aem-Grid--default--23 > .aem-GridColumn.aem-GridColumn--offset--default--23 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 4.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 20.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 29.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 45.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--13 {
  float: left;
  clear: none;
  width: 54.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--14 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--15 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--16 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--17 {
  float: left;
  clear: none;
  width: 70.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--18 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--19 {
  float: left;
  clear: none;
  width: 79.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--20 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--21 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--22 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--23 {
  float: left;
  clear: none;
  width: 95.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--default--24 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 4.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 20.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 29.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 45.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--13 {
  margin-left: 54.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--14 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--15 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--16 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--17 {
  margin-left: 70.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--18 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--19 {
  margin-left: 79.16666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--20 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--21 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--22 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--23 {
  margin-left: 95.83333333%;
}
.aem-Grid.aem-Grid--default--24 > .aem-GridColumn.aem-GridColumn--offset--default--24 {
  margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 768px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5.88235294%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 11.76470588%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 17.64705882%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 23.52941176%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 29.41176471%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 35.29411765%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 41.17647059%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 47.05882353%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 52.94117647%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 58.82352941%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 64.70588235%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 70.58823529%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 76.47058824%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 82.35294118%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 88.23529412%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 94.11764706%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5.88235294%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 11.76470588%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 17.64705882%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 23.52941176%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 29.41176471%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 35.29411765%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 41.17647059%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 47.05882353%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 52.94117647%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 58.82352941%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 64.70588235%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 70.58823529%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 76.47058824%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 82.35294118%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 88.23529412%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 94.11764706%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 27.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 38.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 61.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 72.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 94.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 27.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 38.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 61.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 72.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 94.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5.26315789%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 10.52631579%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 15.78947368%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 21.05263158%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 26.31578947%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 31.57894737%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 36.84210526%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 42.10526316%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 47.36842105%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 52.63157895%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 57.89473684%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 63.15789474%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 68.42105263%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 73.68421053%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 78.94736842%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 84.21052632%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 89.47368421%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 94.73684211%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5.26315789%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 10.52631579%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 15.78947368%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 21.05263158%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 26.31578947%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 31.57894737%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 36.84210526%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 42.10526316%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 47.36842105%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 52.63157895%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 57.89473684%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 63.15789474%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 68.42105263%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 73.68421053%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 78.94736842%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 84.21052632%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 89.47368421%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 94.73684211%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 15%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 35%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 45%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 55%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 65%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 85%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 95%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 15%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 35%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 45%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 55%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 65%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 85%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 95%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.76190476%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 9.52380952%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 19.04761905%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 23.80952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 38.0952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 47.61904762%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 52.38095238%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 61.9047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 76.19047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 80.95238095%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 90.47619048%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 95.23809524%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.76190476%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 9.52380952%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 19.04761905%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 23.80952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 38.0952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 47.61904762%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 52.38095238%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 61.9047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 76.19047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 80.95238095%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 90.47619048%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 95.23809524%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 13.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 22.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 31.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 40.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 59.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 68.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 77.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 86.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 95.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--phone--22 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 13.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 22.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 31.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 40.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 59.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 68.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 77.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 86.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 95.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--phone--22 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.34782609%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 8.69565217%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 13.04347826%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 17.39130435%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 21.73913043%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 26.08695652%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 30.43478261%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 34.7826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 39.13043478%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 43.47826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 47.82608696%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 52.17391304%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 56.52173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 60.86956522%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 65.2173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 69.56521739%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 73.91304348%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 78.26086957%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 82.60869565%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 86.95652174%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 91.30434783%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--22 {
    float: left;
    clear: none;
    width: 95.65217391%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--phone--23 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.34782609%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 8.69565217%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 13.04347826%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 17.39130435%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 21.73913043%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 26.08695652%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 30.43478261%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 34.7826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 39.13043478%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 43.47826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 47.82608696%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 52.17391304%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 56.52173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 60.86956522%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 65.2173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 69.56521739%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 73.91304348%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 78.26086957%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 82.60869565%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 86.95652174%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 91.30434783%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--22 {
    margin-left: 95.65217391%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--phone--23 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 20.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 29.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 45.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 54.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 70.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 79.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--22 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--23 {
    float: left;
    clear: none;
    width: 95.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--phone--24 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 20.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 29.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 45.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 54.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 70.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 79.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--22 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--23 {
    margin-left: 95.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--phone--24 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--phone--13 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--phone--14 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--phone--15 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--phone--16 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5.88235294%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 11.76470588%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 17.64705882%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 23.52941176%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 29.41176471%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 35.29411765%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 41.17647059%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 47.05882353%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 52.94117647%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 58.82352941%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 64.70588235%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 70.58823529%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 76.47058824%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 82.35294118%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 88.23529412%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 94.11764706%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5.88235294%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 11.76470588%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 17.64705882%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 23.52941176%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 29.41176471%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 35.29411765%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 41.17647059%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 47.05882353%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 52.94117647%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 58.82352941%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 64.70588235%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 70.58823529%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 76.47058824%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 82.35294118%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 88.23529412%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 94.11764706%;
  }
  .aem-Grid.aem-Grid--phone--17 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5.55555556%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 27.77777778%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 38.88888889%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 61.11111111%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 72.22222222%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 94.44444444%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5.55555556%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 27.77777778%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 38.88888889%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 61.11111111%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 72.22222222%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 94.44444444%;
  }
  .aem-Grid.aem-Grid--phone--18 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5.26315789%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 10.52631579%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 15.78947368%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 21.05263158%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 26.31578947%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 31.57894737%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 36.84210526%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 42.10526316%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 47.36842105%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 52.63157895%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 57.89473684%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 63.15789474%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 68.42105263%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 73.68421053%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 78.94736842%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 84.21052632%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 89.47368421%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 94.73684211%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5.26315789%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 10.52631579%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 15.78947368%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 21.05263158%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 26.31578947%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 31.57894737%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 36.84210526%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 42.10526316%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 47.36842105%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 52.63157895%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 57.89473684%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 63.15789474%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 68.42105263%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 73.68421053%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 78.94736842%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 84.21052632%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 89.47368421%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 94.73684211%;
  }
  .aem-Grid.aem-Grid--phone--19 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 5%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 15%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 35%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 45%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 55%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 65%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 85%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 95%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 5%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 15%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 35%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 45%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 55%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 65%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 85%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 95%;
  }
  .aem-Grid.aem-Grid--phone--20 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.76190476%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 9.52380952%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 19.04761905%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 23.80952381%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 38.0952381%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 47.61904762%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 52.38095238%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 61.9047619%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 76.19047619%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 80.95238095%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 90.47619048%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 95.23809524%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.76190476%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 9.52380952%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 19.04761905%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 23.80952381%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 38.0952381%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 47.61904762%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 52.38095238%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 61.9047619%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 76.19047619%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 80.95238095%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 90.47619048%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 95.23809524%;
  }
  .aem-Grid.aem-Grid--phone--21 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.54545455%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 13.63636364%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 22.72727273%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 31.81818182%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 40.90909091%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 59.09090909%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 68.18181818%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 77.27272727%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 86.36363636%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 95.45454545%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--phone--22 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.54545455%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 13.63636364%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 22.72727273%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 31.81818182%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 40.90909091%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 59.09090909%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 68.18181818%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 77.27272727%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 86.36363636%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 95.45454545%;
  }
  .aem-Grid.aem-Grid--phone--22 > .aem-GridColumn.aem-GridColumn--offset--phone--22 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.34782609%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 8.69565217%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 13.04347826%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 17.39130435%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 21.73913043%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 26.08695652%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 30.43478261%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 34.7826087%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 39.13043478%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 43.47826087%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 47.82608696%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 52.17391304%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 56.52173913%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 60.86956522%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 65.2173913%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 69.56521739%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 73.91304348%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 78.26086957%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 82.60869565%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 86.95652174%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 91.30434783%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--22 {
    float: left;
    clear: none;
    width: 95.65217391%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--phone--23 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.34782609%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 8.69565217%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 13.04347826%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 17.39130435%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 21.73913043%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 26.08695652%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 30.43478261%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 34.7826087%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 39.13043478%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 43.47826087%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 47.82608696%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 52.17391304%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 56.52173913%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 60.86956522%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 65.2173913%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 69.56521739%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 73.91304348%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 78.26086957%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 82.60869565%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 86.95652174%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 91.30434783%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--22 {
    margin-left: 95.65217391%;
  }
  .aem-Grid.aem-Grid--phone--23 > .aem-GridColumn.aem-GridColumn--offset--phone--23 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 4.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 20.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 29.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 45.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--13 {
    float: left;
    clear: none;
    width: 54.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--14 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--15 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--16 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--17 {
    float: left;
    clear: none;
    width: 70.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--18 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--19 {
    float: left;
    clear: none;
    width: 79.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--20 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--21 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--22 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--23 {
    float: left;
    clear: none;
    width: 95.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--phone--24 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 4.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 20.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 29.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 45.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--13 {
    margin-left: 54.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--14 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--15 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--16 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--17 {
    margin-left: 70.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--18 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--19 {
    margin-left: 79.16666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--20 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--21 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--22 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--23 {
    margin-left: 95.83333333%;
  }
  .aem-Grid.aem-Grid--phone--24 > .aem-GridColumn.aem-GridColumn--offset--phone--24 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 769px) and (max-width: 1200px) {
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5.88235294%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 11.76470588%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 17.64705882%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 23.52941176%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 29.41176471%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 35.29411765%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 41.17647059%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 47.05882353%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 52.94117647%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 58.82352941%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 64.70588235%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 70.58823529%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 76.47058824%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 82.35294118%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 88.23529412%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 94.11764706%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5.88235294%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 11.76470588%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 17.64705882%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 23.52941176%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 29.41176471%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 35.29411765%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 41.17647059%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 47.05882353%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 52.94117647%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 58.82352941%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 64.70588235%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 70.58823529%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 76.47058824%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 82.35294118%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 88.23529412%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 94.11764706%;
  }
  .aem-Grid.aem-Grid--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 27.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 38.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 61.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 72.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 94.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 27.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 38.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 61.11111111%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 72.22222222%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 94.44444444%;
  }
  .aem-Grid.aem-Grid--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5.26315789%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 10.52631579%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 15.78947368%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 21.05263158%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 26.31578947%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 31.57894737%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 36.84210526%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 42.10526316%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 47.36842105%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 52.63157895%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 57.89473684%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 63.15789474%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 68.42105263%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 73.68421053%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 78.94736842%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 84.21052632%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 89.47368421%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 94.73684211%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5.26315789%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 10.52631579%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 15.78947368%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 21.05263158%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 26.31578947%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 31.57894737%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 36.84210526%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 42.10526316%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 47.36842105%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 52.63157895%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 57.89473684%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 63.15789474%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 68.42105263%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 73.68421053%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 78.94736842%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 84.21052632%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 89.47368421%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 94.73684211%;
  }
  .aem-Grid.aem-Grid--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 15%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 35%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 45%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 55%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 65%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 85%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 95%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 15%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 35%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 45%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 55%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 65%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 85%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 95%;
  }
  .aem-Grid.aem-Grid--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.76190476%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 9.52380952%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 19.04761905%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 23.80952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 38.0952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 47.61904762%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 52.38095238%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 61.9047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 76.19047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 80.95238095%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 90.47619048%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 95.23809524%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.76190476%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 9.52380952%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 19.04761905%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 23.80952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 38.0952381%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 47.61904762%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 52.38095238%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 61.9047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 76.19047619%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 80.95238095%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 90.47619048%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 95.23809524%;
  }
  .aem-Grid.aem-Grid--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 13.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 22.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 31.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 40.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 59.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 68.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 77.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 86.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 95.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--tablet--22 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 13.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 22.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 31.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 40.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 59.09090909%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 68.18181818%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 77.27272727%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 86.36363636%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 95.45454545%;
  }
  .aem-Grid.aem-Grid--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--22 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.34782609%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 8.69565217%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 13.04347826%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 17.39130435%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 21.73913043%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 26.08695652%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 30.43478261%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 34.7826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 39.13043478%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 43.47826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 47.82608696%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 52.17391304%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 56.52173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 60.86956522%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 65.2173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 69.56521739%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 73.91304348%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 78.26086957%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 82.60869565%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 86.95652174%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 91.30434783%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--22 {
    float: left;
    clear: none;
    width: 95.65217391%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--tablet--23 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.34782609%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 8.69565217%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 13.04347826%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 17.39130435%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 21.73913043%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 26.08695652%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 30.43478261%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 34.7826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 39.13043478%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 43.47826087%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 47.82608696%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 52.17391304%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 56.52173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 60.86956522%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 65.2173913%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 69.56521739%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 73.91304348%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 78.26086957%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 82.60869565%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 86.95652174%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 91.30434783%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--22 {
    margin-left: 95.65217391%;
  }
  .aem-Grid.aem-Grid--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--23 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 20.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 29.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 45.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 54.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 70.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 79.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--22 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--23 {
    float: left;
    clear: none;
    width: 95.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--tablet--24 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 20.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 29.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 45.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 54.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 70.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 79.16666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--22 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--23 {
    margin-left: 95.83333333%;
  }
  .aem-Grid.aem-Grid--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--24 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.69230769%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 15.38461538%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 23.07692308%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 30.76923077%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 38.46153846%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 46.15384615%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 53.84615385%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 61.53846154%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 69.23076923%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 76.92307692%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 84.61538462%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 92.30769231%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.69230769%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 15.38461538%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 23.07692308%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 30.76923077%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 38.46153846%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 46.15384615%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 53.84615385%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 61.53846154%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 69.23076923%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 76.92307692%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 84.61538462%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 92.30769231%;
  }
  .aem-Grid.aem-Grid--tablet--13 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 7.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 21.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 35.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 64.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 78.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 92.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 7.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 21.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 35.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 64.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 78.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 92.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--14 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 13.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 26.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 46.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 53.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 73.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 86.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 93.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 13.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 26.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 46.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 53.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 73.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 86.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 93.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--15 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 6.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 18.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 31.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 43.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 56.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 68.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 81.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 93.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 6.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 18.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 31.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 43.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 56.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 68.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 81.25%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 93.75%;
  }
  .aem-Grid.aem-Grid--tablet--16 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5.88235294%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 11.76470588%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 17.64705882%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 23.52941176%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 29.41176471%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 35.29411765%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 41.17647059%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 47.05882353%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 52.94117647%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 58.82352941%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 64.70588235%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 70.58823529%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 76.47058824%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 82.35294118%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 88.23529412%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 94.11764706%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5.88235294%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 11.76470588%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 17.64705882%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 23.52941176%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 29.41176471%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 35.29411765%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 41.17647059%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 47.05882353%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 52.94117647%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 58.82352941%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 64.70588235%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 70.58823529%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 76.47058824%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 82.35294118%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 88.23529412%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 94.11764706%;
  }
  .aem-Grid.aem-Grid--tablet--17 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 27.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 38.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 61.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 72.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 94.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 27.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 38.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 61.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 72.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 94.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--18 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5.26315789%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 10.52631579%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 15.78947368%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 21.05263158%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 26.31578947%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 31.57894737%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 36.84210526%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 42.10526316%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 47.36842105%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 52.63157895%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 57.89473684%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 63.15789474%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 68.42105263%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 73.68421053%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 78.94736842%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 84.21052632%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 89.47368421%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 94.73684211%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5.26315789%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 10.52631579%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 15.78947368%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 21.05263158%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 26.31578947%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 31.57894737%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 36.84210526%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 42.10526316%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 47.36842105%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 52.63157895%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 57.89473684%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 63.15789474%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 68.42105263%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 73.68421053%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 78.94736842%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 84.21052632%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 89.47368421%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 94.73684211%;
  }
  .aem-Grid.aem-Grid--tablet--19 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 5%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 15%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 35%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 45%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 55%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 65%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 85%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 95%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 5%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 15%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 35%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 45%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 55%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 65%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 85%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 95%;
  }
  .aem-Grid.aem-Grid--tablet--20 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.76190476%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 9.52380952%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 19.04761905%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 23.80952381%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 38.0952381%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 47.61904762%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 52.38095238%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 61.9047619%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 76.19047619%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 80.95238095%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 90.47619048%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 95.23809524%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.76190476%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 9.52380952%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 19.04761905%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 23.80952381%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 38.0952381%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 47.61904762%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 52.38095238%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 61.9047619%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 76.19047619%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 80.95238095%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 90.47619048%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 95.23809524%;
  }
  .aem-Grid.aem-Grid--tablet--21 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 13.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 22.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 31.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 40.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 59.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 68.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 77.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 86.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 95.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--tablet--22 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 13.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 22.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 31.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 40.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 59.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 68.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 77.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 86.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 95.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--22 > .aem-GridColumn.aem-GridColumn--offset--tablet--22 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.34782609%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 8.69565217%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 13.04347826%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 17.39130435%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 21.73913043%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 26.08695652%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 30.43478261%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 34.7826087%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 39.13043478%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 43.47826087%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 47.82608696%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 52.17391304%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 56.52173913%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 60.86956522%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 65.2173913%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 69.56521739%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 73.91304348%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 78.26086957%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 82.60869565%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 86.95652174%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 91.30434783%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--22 {
    float: left;
    clear: none;
    width: 95.65217391%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--tablet--23 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.34782609%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 8.69565217%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 13.04347826%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 17.39130435%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 21.73913043%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 26.08695652%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 30.43478261%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 34.7826087%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 39.13043478%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 43.47826087%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 47.82608696%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 52.17391304%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 56.52173913%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 60.86956522%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 65.2173913%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 69.56521739%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 73.91304348%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 78.26086957%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 82.60869565%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 86.95652174%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 91.30434783%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--22 {
    margin-left: 95.65217391%;
  }
  .aem-Grid.aem-Grid--tablet--23 > .aem-GridColumn.aem-GridColumn--offset--tablet--23 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 4.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 20.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 29.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 45.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--13 {
    float: left;
    clear: none;
    width: 54.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--14 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--15 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--16 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--17 {
    float: left;
    clear: none;
    width: 70.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--18 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--19 {
    float: left;
    clear: none;
    width: 79.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--20 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--21 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--22 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--23 {
    float: left;
    clear: none;
    width: 95.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--tablet--24 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 4.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 20.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 29.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 45.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--13 {
    margin-left: 54.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--14 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--15 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--16 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--17 {
    margin-left: 70.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--18 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--19 {
    margin-left: 79.16666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--20 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--21 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--22 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--23 {
    margin-left: 95.83333333%;
  }
  .aem-Grid.aem-Grid--tablet--24 > .aem-GridColumn.aem-GridColumn--offset--tablet--24 {
    margin-left: 100%;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 1;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/* basic scrollbar styling */

/* vertical scrollbar */
.mCSB_container { width: auto; margin-right: 15px; overflow: hidden; }
.mCSB_container.mCS_no_scrollbar { margin-right: 0; }
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar { margin-right: 30px; }
.mCustomScrollBox>.mCSB_scrollTools { width: 10px; height: 100%; top: 0; right: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; }
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-bottom: 0; }
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; }
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0 20px; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; }
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }
.mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }
.mCustomScrollBox:hover>.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; /* old ie */ }
.mCSB_scrollTools .mCSB_draggerRail { background: #4d97c8; /* rgba fallback */ background: rgba(77, 151, 200, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #5a6714; /* rgba fallback */ background: rgba(17, 62, 103, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(17, 62, 103, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; /* old ie */ }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(17, 62, 103, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(clientlib-dependencies/css/mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0;	/* 
		sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
		*/ }
	.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px;	/* 
			sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
			*/ }
		.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px;	/* 
				sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
				*/ }
			.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px;	/* 
					sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
					*/ }
				.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }
				.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }

				/*scrollbar themes*/

				/*dark (dark colored scrollbar)*/
				.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); }
				.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); }
				.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); }
				.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }
				.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }
				.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }
				.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }
				.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

				/*light-2*/
				.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
				.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
				.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
				.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }
				.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); }
				.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); }
				.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }
				.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }
				.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }
				.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

				/*dark-2*/
				.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
				.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
				.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }
				.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

				/*light-thick*/
				.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
				.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
				.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.85); }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }
				.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

				/*dark-thick*/
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
				.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
				.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }
				.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

				/*light-thin*/
				.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); }
				.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }
				.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; }
				.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

				/*dark-thin*/
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); }
				.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; }
				.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.85); }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }
				.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }
/**GRID LAYOUT**/
/*type*/
.grid__type--section {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.grid__type--section.aem-GridColumn.aem-GridColumn--default--none {
    clear: both !important;
}

/*background colors*/
.grid__bg-color--none {
    background-color: transparent;
}

.grid__bg-color--white {
    background-color: #fff;
}

.grid__bg-color--midnight-purple {
    background-color: #2e1a47;
}

.grid__bg-color--midnight-purple-alternative {
    background-color: #2e1a47;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
}

.grid__bg-color--light-gray {
    background-color: #f7f7f7;
}

.grid__bg-color--dawn-lighter {
    background-color: #F6F3F9;
}

.grid__bg-color--white-purple {
    background: linear-gradient(#fff 60%, #2e1a47 40%);
}

.grid__bg-color--white-lightgray {
    background: linear-gradient(#fff 60%, #f7f7f7 40%);
}

/*border radius*/
.grid__border-radius-top-left {
    border-top-left-radius: 2rem;
}

.grid__border-radius-top-right {
    border-top-right-radius: 2rem;
}

.grid__border-radius-bottom-right {
    border-bottom-right-radius: 2rem;
}

.grid__border-radius-bottom-left {
    border-bottom-left-radius: 2rem;
}

/**content position**/
.grid__children--order--reverse--column>div>.aem-Grid {
    display: flex;
    flex-direction: column-reverse;
}

.container-right-margin {
    margin-right: 10px
}

/*****************************************/
/********** GLOBAL CSS *************/
/*********************************/
/*heading*/
h1, .h1 {
    font-size: 4.8rem;
    line-height: 4.8rem;
}

h2, .h2 {
    font-size: 3.6rem;
    line-height: 4.2rem;
}

h3, .h3 {
    font-size: 2.8rem;
    line-height: 3.4rem;
}

h4, .h4 {
    font-size: 2.4rem;
    line-height: 3rem;
}

h5, .h5 {
    font-size: 2rem;
    line-height: 2.6rem;
}

h6, .h6 {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #2E1A47;
    margin: 0 auto 3rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-weight: 300;
}

h5, .h5, h6, .h6 {
    font-weight: 600;
}

/*header sup*/
h1 sup, .h1 sup, h2 sup, .h2 sup, h3 sup, .h3 sup {
    top: -.75em;
    font-size: 50%;
}

/*paragraph*/
p {
    margin-top: 0;
    margin-bottom: 2rem;
}

/*lists*/
ol, ul, dl {
    padding: 0 0 0 2rem;
    margin: 0 auto 2rem;
}

/*blockquote*/
blockquote {
    border-left: 8px solid #7C6992;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-weight: 300;
    color: #2E1A47;
    font-style: italic;
    margin-bottom: 0;
}

/*anchors*/
a {
    color: #2E1A47;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    color: #2E1A47;
    text-decoration: none;
}

*:not('div'):focus {
    outline:solid 2px #666;
}

/*scrollbar*/
main ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

main ::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #c9c9c9;
}

main ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: var(--truNeutral500) !important;
}

/***FOOTER***/
/*page disclaimer*/
.disc-selected {
    background: none;
}

.disc-selected sup:nth-of-type(1) {
    border: 1px dotted;
}

.disc-back-to-content {
    display: inline-block;
    padding-left: .5rem;
}

.disc-back-to-content a {
    color: #2E1A47!important;
}

.disc-back-to-content a::after {
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=) 0 0 no-repeat;
    padding: 7px 8px;
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: .5rem;
}

/*global Footer*/
footer {
    background-color: transparent;
    color: #fff;
}

/*disclosure*/
footer #footer-section-disclosure {
    position: relative;
    background: #fff;
    margin-top: 15rem;
}

footer #footer-section-disclosure #footer-section-disclosure-container {
    border-top: 1px solid #cfcfcf;
    color: var(--truNeutral500) !important;
    padding-top: 4rem;
}

footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid {
    width: auto;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid>div {
    padding: 0 8.333%;
}

footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid::before {
    content: "";
    display: block;
    height: .1rem;
    width: 20rem;
    background: #fff;
    position: absolute;
    top: -4.1rem;
    left: 8.333%;
}

footer #footer-section-disclosure #footer-section-disclosure-container a {
    color: #2E1A47;
    text-decoration: underline;
}

footer #footer-section-disclosure #footer-section-disclosure-container a:hover, footer #footer-section-disclosure #footer-section-disclosure-container a:focus {
    text-decoration: none;
}

footer #footer-section-disclosure .accordion .border-container {
    border: none;
}

footer #footer-section-disclosure .accordion .border-container>div {
    transition: all 0.3s linear 0s;
}

footer #footer-section-disclosure .accordion .accordion-card-header {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

footer #footer-section-disclosure .accordion .btn {
    color: #2E1A47;
    font-size: 2rem;
    line-height: 1em;
    text-decoration: none;
    padding: 1.3rem 2.8rem;
    box-shadow: none;
    border: 1px solid #c9c9c9;
    border-radius: 4px 4px 0 0;
    border-bottom: #fff;
    background: #fff;
    position: absolute;
    top: -5rem;
    left: 8.333%;
    height: 5rem;
    width: 20rem;
}

footer #footer-section-disclosure .accordion .btn:focus::after {
    content: "";
    position: absolute;
    bottom: 1rem;
    left: 3.2rem;
    height: 2px;
    background: #2E1A47;
    width: calc(100% - 8.9rem);
}

/*disclosure - card body*/
footer #footer-section-disclosure .accordion .card-body {
    padding: 0;
}

/*WISTIA VIDEO*/
.w-chrome {border-radius: 2rem;}

/*responsive*/

.single-result-container .result-description span,
.single-result-container .result-description p,
.single-result-container .result-description div
{
	font-size: 1.8rem !important;
}

@media (min-width: 769px) {
    /*type*/
    .grid__type--section {
        width: calc(100% - 3rem) !important;
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    /**content position**/
    .grid__children--order--reverse--column--desktop>div>.aem-Grid {
        display: flex;
        flex-direction: column-reverse;
    }
    .grid__children--vertical-align--center>div>.aem-Grid {
        display: flex;
        align-items: center;
    }
    .grid__children--horizontal-align--center>div>.aem-Grid {
        display: flex;
        justify-content: center;
    }
    .grid__self--vertical-align--top {
        align-self: flex-start;
    }
    .grid__self--vertical-align--bottom {
        align-self: flex-end;
    }
    /**background colors**/
    .grid__bg-color--white-purple {
        background: linear-gradient(#fff 80%, #2e1a47 20%);
    }
    .grid__bg-color--white-lightgray {
        background: linear-gradient(#fff 80%, #f7f7f7 20%);
    }
}

@media (max-width: 768px) {
    /**content position**/
    .grid__children--order--reverse--column--mobile>div>.aem-Grid {
        display: flex;
        flex-direction: column-reverse;
    }
    /*hide*/
    .grid__hide--mobile {
        display: none !important;
    }
    /*border radius*/
    .grid__border-radius-none--mobile {
        border-radius: 0;
    }
    /*margin*/
    .grid__margin-top-none-mobile {
        margin-top: 0 !important;
    }
    .grid__margin-bottom-none-mobile {
        margin-bottom: 0!important;
    }
    /*margin none - last section*/
    main .grid__margin-bottom-none-mobile:last-child {
        margin-bottom: -11rem!important;
        padding-bottom: 5rem;
    }

    .grid__bg-color--midnight-purple-alternative {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    /*hide*/
    .grid__hide--tablet {
        display: none !important;
    }
}

@media (min-width: 1201px) {
    /*hide*/
    .grid__hide--desktop {
        display: none !important;
    }
}

@media (min-width: 1601px) {
    /*type*/
    .grid__type--section {
        max-width: 1570px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/** PAGE OVERRIDES **/
/*money and mindset*/
@media (max-width: 767px) {
    body.money-and-mindset .herobanner .orion-hero-carousel__panel__content--gradient {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #7C6992;
    }
    body.money-and-mindset-page .herobanner .orion-hero-carousel__panel__content--gradient {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #7C6992;
    }
}

/*personal loans*/
@media (min-width: 941px) and (max-width: 1200px) {
    body.personal-loans-page .navbar-secondary__heading-container {
        max-width: 20rem;
        position: static;
    }
    body.personal-loans-page .navbar-secondary__container {
        justify-content: space-between;
    }
}

@media (min-width: 769px) {
     body {
        font-size: 1.8rem; 
        line-height: 2.4rem;
    }
    blockquote {
        padding: 3rem;
    }
}


@media screen and (max-width: 1365px) {
 .single-result-container .result-description span,
 .single-result-container .result-description p,
 .single-result-container .result-description div
    {
        font-size: 1.6rem !important;
    }
 }

@media (min-width: 1201px) {
    /*heading*/
    h1, .h1 {
        font-size: 6rem;
        line-height: 6.6rem;
    }
    h2, .h2 {
        font-size: 4.8rem;
        line-height: 5.4rem;
    }
    h3, .h3 {
        font-size: 3.6rem;
        line-height: 4.2rem;
    }
    h4, .h4 {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }
    h5, .h5 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    h6, .h6 {
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

.grecaptcha-badge {
    visibility: hidden;
    }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
  /* font-family: monospace, monospace; 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
  /* font-family: monospace, monospace; 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
  border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
  display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
  display: none;
}

.sr-only {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px);
  /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/stcom-aem-globalcomponents/clientlibs/clientlib-site/css/main.less
Error: FileError: 'variables.less' wasn't found in /apps/stcom-aem-globalcomponents/clientlibs/clientlib-site/css/main.less on line 4, column 1:
3 /* Import variables */
4 @import "less/variables.less";
5 


(uncompiled LESS src is included below)
*****************************************************/
/* WKND main.less */

/* Import variables */
@import "less/variables.less";

/* Import mixins */
@import "less/mixins.less";

/* Import Responsive Grid */
@import "less/grid.less";

/* Custom Icons for WKND site */
@import "less/wkndicons.less";

/* Page Styles at the top */
@import "components/page/page.less";

/* Component Styles */
@import "components/breadcrumb/breadcrumb.less";
@import "components/byline/byline.less";
@import "components/carousel/carousel.less";
@import "components/contentfragment/contentfragment.less";
@import "components/header/header.less";
@import "components/image/image.less";
@import "components/layout-container/layout-container.less";
@import "components/list/list.less";
@import "components/navigation/navigation.less";
@import "components/search/search.less";
@import "components/text/text.less";
@import "components/teaser/teaser.less";
@import "components/title/title.less";

@font-face {
  font-family: 'Truist Trio';
  src: url('clientlib-site/resources/fonts/TruistTrio_W_Rg.woff2') format('woff2'),
    url('clientlib-site/resources/fonts/TruistTrio_W_Rg.woff') format('woff'),
    url('clientlib-site/resources/fonts/TruistTrio_A_Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Truist Trio Light';
  src: url('clientlib-site/resources/fonts/TruistTrio_W_Lt.woff2') format('woff2'),
    url('clientlib-site/resources/fonts/TruistTrio_W_Lt.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);padding:0 8px 0 8px;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;border-radius:4px;border-radius:var(--mdc-shape-small, 4px);height:36px}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-button:not(:disabled){background-color:transparent}.mdc-button:disabled{background-color:transparent}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;width:18px;height:18px;font-size:1.8rem;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__touch{position:absolute;top:50%;right:0;height:48px;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-button:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-button:disabled{color:rgba(0,0,0,.38)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--unelevated .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px}.mdc-button--raised,.mdc-button--unelevated{padding:0 16px 0 16px}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{background-color:rgba(0,0,0,.12)}.mdc-button--raised:disabled,.mdc-button--unelevated:disabled{color:rgba(0,0,0,.38)}.mdc-button--raised{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--raised:hover,.mdc-button--raised:focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mdc-button--raised:active{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mdc-button--raised:disabled{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12)}.mdc-button--outlined{padding:0 15px 0 15px;border-width:1px;border-style:solid}.mdc-button--outlined .mdc-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.mdc-button--outlined .mdc-button__touch{left:-1px;width:calc(100% + 2 * 1px)}.mdc-button--outlined:not(:disabled){border-color:rgba(0,0,0,.12)}.mdc-button--outlined:disabled{border-color:rgba(0,0,0,.12)}.mdc-button--touch{margin-top:6px;margin-bottom:6px}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-button:hover .mdc-button__ripple::before{opacity:.04}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:.12}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:.12}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-button .mdc-button__ripple{position:absolute;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple{top:0;left:0}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after,.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff)}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--unelevated:hover .mdc-button__ripple::before{opacity:.08}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:.24}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:.24}.mdc-button--raised.mdc-ripple-upgraded,.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-card{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);position:relative;box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);display:flex;flex-direction:column;box-sizing:border-box}.mdc-card .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-card--outlined{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12);border-width:1px;border-style:solid;border-color:#e0e0e0}.mdc-card__media{position:relative;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-card__media::before{display:block;content:""}.mdc-card__media:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__media:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__media--square::before{margin-top:100%}.mdc-card__media--16-9::before{margin-top:56.25%}.mdc-card__media-content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.mdc-card__primary-action{display:flex;flex-direction:column;box-sizing:border-box;position:relative;outline:none;color:inherit;text-decoration:none;cursor:pointer;overflow:hidden}.mdc-card__primary-action:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.mdc-card__primary-action:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.mdc-card__actions{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:52px;padding:8px}.mdc-card__actions--full-bleed{padding:0}.mdc-card__action-buttons,.mdc-card__action-icons{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.mdc-card__action-icons{color:rgba(0,0,0,.6);flex-grow:1;justify-content:flex-end}.mdc-card__action-buttons+.mdc-card__action-icons{margin-left:16px;margin-right:0}[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons,.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl]{margin-left:0;margin-right:16px}.mdc-card__action{display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-card__action:focus{outline:none}.mdc-card__action--button{margin-left:0;margin-right:8px;padding:0 8px}[dir=rtl] .mdc-card__action--button,.mdc-card__action--button[dir=rtl]{margin-left:8px;margin-right:0}.mdc-card__action--button:last-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-card__action--button:last-child,.mdc-card__action--button:last-child[dir=rtl]{margin-left:0;margin-right:0}.mdc-card__actions--full-bleed .mdc-card__action--button{justify-content:space-between;width:100%;height:auto;max-height:none;margin:0;padding:8px 16px;text-align:left}[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button,.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl]{text-align:right}.mdc-card__action--icon{margin:-6px 0;padding:12px}.mdc-card__action--icon:not(:disabled){color:rgba(0,0,0,.6)}.mdc-card__primary-action{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-card__primary-action::before,.mdc-card__primary-action::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-card__primary-action::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-card__primary-action.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-card__primary-action.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-card__primary-action::before,.mdc-card__primary-action::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-card__primary-action.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-card__primary-action::before,.mdc-card__primary-action::after{background-color:#000}.mdc-card__primary-action:hover::before{opacity:.04}.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before,.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-card__primary-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;padding:11px}.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before,.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before{opacity:.04}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:.12}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:.12}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox .mdc-checkbox__background{top:11px;left:11px}.mdc-checkbox .mdc-checkbox__background::before{top:-13px;left:-13px;width:40px;height:40px}.mdc-checkbox .mdc-checkbox__native-control{top:0px;right:0px;left:0px;width:40px;height:40px}.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0,0,0,.54);background-color:transparent}.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786);background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000secondary00000000secondary{0%{border-color:rgba(0,0,0,.54);background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786);background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}}@keyframes mdc-checkbox-fade-in-background-8A000000secondary00000000secondary{0%{border-color:rgba(0,0,0,.54);background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786);background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}}@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000secondary00000000secondary{0%,80%{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786);background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}100%{border-color:rgba(0,0,0,.54);background-color:transparent}}@keyframes mdc-checkbox-fade-out-background-8A000000secondary00000000secondary{0%,80%{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786);background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}100%{border-color:rgba(0,0,0,.54);background-color:transparent}}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-8A000000secondary00000000secondary;animation-name:mdc-checkbox-fade-in-background-8A000000secondary00000000secondary}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-8A000000secondary00000000secondary;animation-name:mdc-checkbox-fade-out-background-8A000000secondary00000000secondary}.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0,0,0,.38);background-color:transparent}.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0,0,0,.38)}.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff}.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff}.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff}.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff}@media screen and (-ms-high-contrast: active){.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:GrayText;background-color:transparent}.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:GrayText;background-color:transparent}.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:GrayText}.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:GrayText}.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__background .mdc-checkbox__background::before{background-color:#000;background-color:var(--mdc-theme-on-surface, #000)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;-webkit-transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none !important}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{-webkit-animation-duration:180ms;animation-duration:180ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__background::before{position:absolute;-webkit-transform:scale(0, 0);transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";will-change:opacity,transform;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:focus~.mdc-checkbox__background::before{-webkit-transform:scale(1);transform:scale(1);opacity:.12;transition:opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-checkbox--touch .mdc-checkbox__native-control{top:-4px;right:-4px;left:-4px;width:48px;height:48px}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-checkbox .mdc-checkbox__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-theme-on-surface, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before{opacity:.04}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:.12}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:.12}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before{content:none}.mdc-chip-trailing-action__touch{position:absolute;top:50%;right:0;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-chip-trailing-action{border:none;display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;padding:0;outline:none;cursor:pointer;-webkit-appearance:none;background:none}.mdc-chip-trailing-action .mdc-chip-trailing-action__icon{height:18px;width:18px;font-size:1.8rem}.mdc-chip-trailing-action .mdc-chip-trailing-action{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-chip-trailing-action .mdc-chip-trailing-action__touch{width:26px}.mdc-chip-trailing-action .mdc-chip-trailing-action__icon{fill:currentColor;color:inherit}.mdc-chip-trailing-action{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before,.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after{background-color:#000;background-color:var(--mdc-theme-on-surface, #000)}.mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before{opacity:.04}.mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before,.mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before{transition-duration:75ms;opacity:.12}.mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after{transition:opacity 150ms linear}.mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after{transition-duration:75ms;opacity:.12}.mdc-chip-trailing-action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-chip-trailing-action .mdc-chip-trailing-action__ripple{position:absolute;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.mdc-chip__icon--leading{color:rgba(0,0,0,.54)}.mdc-chip-trailing-action{color:#000}.mdc-chip__icon--trailing{color:rgba(0,0,0,.54)}.mdc-chip__icon--trailing:hover{color:rgba(0,0,0,.62)}.mdc-chip__icon--trailing:focus{color:rgba(0,0,0,.87)}.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){width:20px;height:20px;font-size:2rem}.mdc-chip-trailing-action__icon{height:18px;width:18px;font-size:1.8rem}.mdc-chip__icon.mdc-chip__icon--trailing{width:18px;height:18px;font-size:1.8rem}.mdc-chip-trailing-action{margin-left:4px;margin-right:-4px}[dir=rtl] .mdc-chip-trailing-action,.mdc-chip-trailing-action[dir=rtl]{margin-left:-4px;margin-right:4px}.mdc-chip__icon--trailing{margin-left:4px;margin-right:-4px}[dir=rtl] .mdc-chip__icon--trailing,.mdc-chip__icon--trailing[dir=rtl]{margin-left:-4px;margin-right:4px}.mdc-chip{border-radius:16px;background-color:#e0e0e0;color:rgba(0,0,0,.87);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);height:32px;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 12px;border-width:0;outline:none;cursor:pointer;-webkit-appearance:none}.mdc-chip .mdc-chip__ripple{border-radius:16px}.mdc-chip:hover{color:rgba(0,0,0,.87)}.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden){margin-left:-4px;margin-right:4px}[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,.mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl]{margin-left:4px;margin-right:-4px}.mdc-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-chip::-moz-focus-inner{padding:0;border:0}.mdc-chip:hover{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-chip .mdc-chip__touch{position:absolute;top:50%;right:0;height:48px;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mdc-chip--exit{transition:opacity 75ms cubic-bezier(0.4, 0, 0.2, 1),width 150ms cubic-bezier(0, 0, 0.2, 1),padding 100ms linear,margin 100ms linear;opacity:0}.mdc-chip__overflow{text-overflow:ellipsis;overflow:hidden}.mdc-chip__text{white-space:nowrap}.mdc-chip__icon{border-radius:50%;outline:none;vertical-align:middle}.mdc-chip__checkmark{height:20px}.mdc-chip__checkmark-path{transition:stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-chip__primary-action:focus{outline:none}.mdc-chip--selected .mdc-chip__checkmark-path{stroke-dashoffset:0}.mdc-chip__icon--leading,.mdc-chip__icon--trailing{position:relative}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading{color:rgba(98,0,238,.54)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip--selected{background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.mdc-chip__checkmark-svg{width:0;height:20px;transition:width 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-chip--selected .mdc-chip__checkmark-svg{width:20px}.mdc-chip-set--filter .mdc-chip__icon--leading{transition:opacity 75ms linear;transition-delay:-50ms;opacity:1}.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark{transition:opacity 75ms linear;transition-delay:80ms;opacity:0}.mdc-chip-set--filter .mdc-chip__icon--leading+.mdc-chip__checkmark .mdc-chip__checkmark-svg{transition:width 0ms}.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading{opacity:0}.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading+.mdc-chip__checkmark{width:0;opacity:1}.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading{width:0;opacity:0}.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading+.mdc-chip__checkmark{width:20px}.mdc-chip{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-chip .mdc-chip__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-chip .mdc-chip__ripple::before,.mdc-chip .mdc-chip__ripple::after{background-color:rgba(0,0,0,.87)}.mdc-chip:hover .mdc-chip__ripple::before{opacity:.04}.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,.mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,.mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,.mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before{transition-duration:75ms;opacity:.12}.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after{transition:opacity 150ms linear}.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after{transition-duration:75ms;opacity:.12}.mdc-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-chip .mdc-chip__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before{opacity:.08}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before{opacity:.12}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before,.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before{transition-duration:75ms;opacity:.2}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after{transition:opacity 150ms linear}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after{transition-duration:75ms;opacity:.2}.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.2}@-webkit-keyframes mdc-chip-entry{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.4}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes mdc-chip-entry{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:.4}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.mdc-chip-set{padding:4px;display:flex;flex-wrap:wrap;box-sizing:border-box}.mdc-chip-set .mdc-chip{margin:4px}.mdc-chip-set .mdc-chip--touch{margin-top:8px;margin-bottom:8px}.mdc-chip-set--input .mdc-chip{-webkit-animation:mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);animation:mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}@-webkit-keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}@keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}.mdc-circular-progress{width:48px;height:48px;display:inline-block;position:relative;direction:ltr;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress .mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:4px}.mdc-circular-progress .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:3.2px}.mdc-circular-progress--small{width:24px;height:24px}.mdc-circular-progress--small .mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress--small .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:2.5px}.mdc-circular-progress--small .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:2px}.mdc-circular-progress--medium{width:36px;height:36px}.mdc-circular-progress--medium .mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress--medium .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:3px}.mdc-circular-progress--medium .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:2.4px}.mdc-circular-progress--large{width:48px;height:48px}.mdc-circular-progress--large .mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress--large .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:4px}.mdc-circular-progress--large .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{stroke-width:3.2px}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{-webkit-animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{-webkit-animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{-webkit-animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}.mdc-data-table__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.mdc-data-table{background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);border-width:1px;border-style:solid;border-color:rgba(0,0,0,.12);-webkit-overflow-scrolling:touch;display:inline-flex;flex-direction:column;box-sizing:border-box;position:relative}.mdc-data-table__row{background-color:inherit}.mdc-data-table__header-row{background-color:inherit}.mdc-data-table__row--selected{background-color:rgba(98,0,238,.04)}.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.12)}.mdc-data-table__row,.mdc-data-table__pagination{border-top-color:rgba(0,0,0,.12)}.mdc-data-table__row,.mdc-data-table__pagination{border-top-width:1px;border-top-style:solid}.mdc-data-table__row:not(.mdc-data-table__row--selected):hover{background-color:rgba(0,0,0,.04)}.mdc-data-table__header-cell{color:rgba(0,0,0,.87)}.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell{color:rgba(0,0,0,.87)}.mdc-data-table__cell{height:52px}.mdc-data-table__pagination{min-height:52px}.mdc-data-table__header-cell{height:56px}.mdc-data-table__cell,.mdc-data-table__header-cell{padding-right:16px;padding-left:16px}.mdc-data-table__header-cell--checkbox,.mdc-data-table__cell--checkbox{padding-left:16px;padding-right:0}[dir=rtl] .mdc-data-table__header-cell--checkbox,.mdc-data-table__header-cell--checkbox[dir=rtl],[dir=rtl] .mdc-data-table__cell--checkbox,.mdc-data-table__cell--checkbox[dir=rtl]{padding-left:0;padding-right:16px}.mdc-data-table__sort-icon-button{color:rgba(0,0,0,.6)}.mdc-data-table__sort-icon-button::before,.mdc-data-table__sort-icon-button::after{background-color:rgba(0,0,0,.6)}.mdc-data-table__sort-icon-button:hover::before{opacity:.04}.mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before,.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-data-table__sort-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button{color:rgba(0,0,0,.87)}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before,.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after{background-color:rgba(0,0,0,.87)}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before{opacity:.04}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before,.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-data-table__table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.mdc-data-table__table{min-width:100%;border:0;white-space:nowrap;border-collapse:collapse;table-layout:fixed}.mdc-data-table__cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);box-sizing:border-box;overflow:hidden;text-align:left;text-overflow:ellipsis}[dir=rtl] .mdc-data-table__cell,.mdc-data-table__cell[dir=rtl]{text-align:right}.mdc-data-table__cell--numeric{text-align:right}[dir=rtl] .mdc-data-table__cell--numeric,.mdc-data-table__cell--numeric[dir=rtl]{text-align:left}.mdc-data-table__header-cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);box-sizing:border-box;text-align:left;text-overflow:ellipsis;overflow:hidden;outline:none}[dir=rtl] .mdc-data-table__header-cell,.mdc-data-table__header-cell[dir=rtl]{text-align:right}.mdc-data-table__header-cell--checkbox,.mdc-data-table__cell--checkbox{width:1px}.mdc-data-table__header-cell--numeric{text-align:right}[dir=rtl] .mdc-data-table__header-cell--numeric,.mdc-data-table__header-cell--numeric[dir=rtl]{text-align:left}.mdc-data-table__sort-icon-button{width:28px;height:28px;padding:2px;margin-left:4px;margin-right:0;transition:-webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}[dir=rtl] .mdc-data-table__sort-icon-button,.mdc-data-table__sort-icon-button[dir=rtl]{margin-left:0;margin-right:4px}.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button{margin-left:0;margin-right:4px}[dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button,.mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl]{margin-left:4px;margin-right:0}.mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mdc-data-table__sort-icon-button:focus,.mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button,.mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button{opacity:1}.mdc-data-table__header-cell-wrapper{align-items:center;display:inline-flex;vertical-align:middle}.mdc-data-table__header-cell--with-sort{cursor:pointer}.mdc-data-table__progress-indicator{display:none;position:absolute;width:100%}.mdc-data-table--in-progress .mdc-data-table__progress-indicator{display:block}.mdc-data-table__scrim{background-color:#fff;background-color:var(--mdc-theme-surface, #fff);height:100%;opacity:.32;position:absolute;top:0;width:100%}.mdc-data-table__sort-status-label{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.mdc-data-table__pagination{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);box-sizing:border-box;display:flex;justify-content:flex-end}.mdc-data-table__pagination-trailing{margin-left:4px;margin-right:0;align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}[dir=rtl] .mdc-data-table__pagination-trailing,.mdc-data-table__pagination-trailing[dir=rtl]{margin-left:0;margin-right:4px}.mdc-data-table__pagination-navigation{align-items:center;display:flex}.mdc-data-table__pagination-button{margin-left:0;margin-right:4px}[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon,.mdc-data-table__pagination-button .mdc-button__icon[dir=rtl]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .mdc-data-table__pagination-button,.mdc-data-table__pagination-button[dir=rtl]{margin-left:4px;margin-right:0}.mdc-data-table__pagination-total{margin-left:14px;margin-right:36px;white-space:nowrap}[dir=rtl] .mdc-data-table__pagination-total,.mdc-data-table__pagination-total[dir=rtl]{margin-left:36px;margin-right:14px}.mdc-data-table__pagination-rows-per-page{margin-left:0;margin-right:22px;align-items:center;display:inline-flex}[dir=rtl] .mdc-data-table__pagination-rows-per-page,.mdc-data-table__pagination-rows-per-page[dir=rtl]{margin-left:22px;margin-right:0}.mdc-data-table__pagination-rows-per-page-label{margin-left:0;margin-right:12px;white-space:nowrap}[dir=rtl] .mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__pagination-rows-per-page-label[dir=rtl]{margin-left:12px;margin-right:0}.mdc-data-table__pagination-rows-per-page-select{min-width:80px;min-width:80px;margin:8px 0}.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor{height:36px}.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above{font-size:.75rem}.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-36px{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon{width:20px;height:20px}.mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 56px)}.mdc-data-table__pagination-rows-per-page-select .mdc-list-item{height:36px}.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before,.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before,.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before,.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before,.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before,.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before{opacity:.04}.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before,.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:.12}.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:.12}.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background,.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0,0,0,.54);background-color:transparent}.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background,.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee);background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000primary00000000primary{0%{border-color:rgba(0,0,0,.54);background-color:transparent}50%{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee);background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}}@keyframes mdc-checkbox-fade-in-background-8A000000primary00000000primary{0%{border-color:rgba(0,0,0,.54);background-color:transparent}50%{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee);background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}}@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000primary00000000primary{0%,80%{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee);background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}100%{border-color:rgba(0,0,0,.54);background-color:transparent}}@keyframes mdc-checkbox-fade-out-background-8A000000primary00000000primary{0%,80%{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee);background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}100%{border-color:rgba(0,0,0,.54);background-color:transparent}}.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-8A000000primary00000000primary;animation-name:mdc-checkbox-fade-in-background-8A000000primary00000000primary}.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-8A000000primary00000000primary;animation-name:mdc-checkbox-fade-out-background-8A000000primary00000000primary}.mdc-dialog,.mdc-dialog__scrim{position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%}.mdc-dialog{display:none;z-index:7}.mdc-dialog .mdc-dialog__surface{background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.mdc-dialog .mdc-dialog__scrim{background-color:rgba(0,0,0,.32)}.mdc-dialog .mdc-dialog__title{color:rgba(0,0,0,.87)}.mdc-dialog .mdc-dialog__content{color:rgba(0,0,0,.6)}.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions{border-color:rgba(0,0,0,.12)}.mdc-dialog .mdc-dialog__content{padding:20px 24px 20px 24px}.mdc-dialog .mdc-dialog__surface{min-width:280px}@media(max-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:calc(100vw - 32px)}}@media(min-width: 592px){.mdc-dialog .mdc-dialog__surface{max-width:560px}}.mdc-dialog .mdc-dialog__surface{max-height:calc(100% - 32px)}.mdc-dialog .mdc-dialog__surface{border-radius:4px;border-radius:var(--mdc-shape-medium, 4px)}.mdc-dialog__scrim{opacity:0;z-index:-1}.mdc-dialog__container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;box-sizing:border-box;height:100%;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0;pointer-events:none}.mdc-dialog__surface{position:relative;box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0,0,0,.12);display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box;max-width:100%;max-height:100%;pointer-events:auto;overflow-y:auto}.mdc-dialog__surface .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-dialog[dir=rtl] .mdc-dialog__surface,[dir=rtl] .mdc-dialog .mdc-dialog__surface{text-align:right}.mdc-dialog__title{display:block;margin-top:0;line-height:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);position:relative;flex-shrink:0;box-sizing:border-box;margin:0;padding:0 24px 9px;border-bottom:1px solid transparent}.mdc-dialog__title::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-dialog[dir=rtl] .mdc-dialog__title,[dir=rtl] .mdc-dialog .mdc-dialog__title{text-align:right}.mdc-dialog--scrollable .mdc-dialog__title{padding-bottom:15px}.mdc-dialog__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:0.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform, inherit);flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;-webkit-overflow-scrolling:touch}.mdc-dialog__content>:first-child{margin-top:0}.mdc-dialog__content>:last-child{margin-bottom:0}.mdc-dialog__title+.mdc-dialog__content{padding-top:0}.mdc-dialog--scrollable .mdc-dialog__title+.mdc-dialog__content{padding-top:8px;padding-bottom:8px}.mdc-dialog__content .mdc-list:first-child:last-child{padding:6px 0 0}.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child{padding:0}.mdc-dialog__actions{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid transparent}.mdc-dialog--stacked .mdc-dialog__actions{flex-direction:column;align-items:flex-end}.mdc-dialog__button{margin-left:8px;margin-right:0;max-width:100%;text-align:right}[dir=rtl] .mdc-dialog__button,.mdc-dialog__button[dir=rtl]{margin-left:0;margin-right:8px}.mdc-dialog__button:first-child{margin-left:0;margin-right:0}[dir=rtl] .mdc-dialog__button:first-child,.mdc-dialog__button:first-child[dir=rtl]{margin-left:0;margin-right:0}.mdc-dialog[dir=rtl] .mdc-dialog__button,[dir=rtl] .mdc-dialog .mdc-dialog__button{text-align:left}.mdc-dialog--stacked .mdc-dialog__button:not(:first-child){margin-top:12px}.mdc-dialog--open,.mdc-dialog--opening,.mdc-dialog--closing{display:flex}.mdc-dialog--opening .mdc-dialog__scrim{transition:opacity 150ms linear}.mdc-dialog--opening .mdc-dialog__container{transition:opacity 75ms linear,-webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 75ms linear,transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 75ms linear,transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-dialog--closing .mdc-dialog__scrim,.mdc-dialog--closing .mdc-dialog__container{transition:opacity 75ms linear}.mdc-dialog--closing .mdc-dialog__container{-webkit-transform:none;transform:none}.mdc-dialog--open .mdc-dialog__scrim{opacity:1}.mdc-dialog--open .mdc-dialog__container{-webkit-transform:none;transform:none;opacity:1}.mdc-dialog-scroll-lock{overflow:hidden}.mdc-drawer{border-color:rgba(0,0,0,.12);background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdc-drawer .mdc-drawer__title{color:rgba(0,0,0,.87)}.mdc-drawer .mdc-list-group__subheader{color:rgba(0,0,0,.6)}.mdc-drawer .mdc-drawer__subtitle{color:rgba(0,0,0,.6)}.mdc-drawer .mdc-list-item__graphic{color:rgba(0,0,0,.6)}.mdc-drawer .mdc-list-item{color:rgba(0,0,0,.87)}.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-list-item--activated{color:rgba(98,0,238,.87)}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:calc(48px - 2 * 4px);margin:8px 8px;padding:0 8px}.mdc-drawer .mdc-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-list-group__subheader::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-list-item__text,.mdc-drawer .mdc-list-item__graphic{pointer-events:none}.mdc-drawer--animate{-webkit-transform:translateX(-100%);transform:translateX(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-drawer--opening{-webkit-transform:translateX(0);transform:translateX(0);transition-duration:250ms}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{-webkit-transform:translateX(0);transform:translateX(0)}.mdc-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);transition-duration:200ms}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{-webkit-transform:translateX(100%);transform:translateX(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title::before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0,0,0,.12);left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0,0,0,.32)}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:250ms;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:200ms;opacity:0}.mdc-elevation--z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0,0,0,.12)}.mdc-elevation--z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12)}.mdc-elevation--z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12)}.mdc-elevation--z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0,0,0,.12)}.mdc-elevation--z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12)}.mdc-elevation--z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0,0,0,.12)}.mdc-elevation--z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12)}.mdc-elevation--z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0,0,0,.12)}.mdc-elevation--z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mdc-elevation--z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0,0,0,.12)}.mdc-elevation--z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0,0,0,.12)}.mdc-elevation--z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0,0,0,.12)}.mdc-elevation--z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0,0,0,.12)}.mdc-elevation--z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0,0,0,.12)}.mdc-elevation--z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0,0,0,.12)}.mdc-elevation--z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0,0,0,.12)}.mdc-elevation--z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0,0,0,.12)}.mdc-elevation--z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0,0,0,.12)}.mdc-elevation--z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0,0,0,.12)}.mdc-elevation--z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0,0,0,.12)}.mdc-elevation--z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0,0,0,.12)}.mdc-elevation--z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0,0,0,.12)}.mdc-elevation--z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0,0,0,.12)}.mdc-elevation--z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0,0,0,.12)}.mdc-elevation--z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0,0,0,.12)}.mdc-elevation-transition{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);will-change:box-shadow}.mdc-fab{position:relative;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12);display:inline-flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;width:56px;height:56px;padding:0;border:none;fill:currentColor;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;overflow:visible;transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),opacity 15ms linear 30ms,-webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),opacity 15ms linear 30ms,transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),opacity 15ms linear 30ms,transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);background-color:#018786;background-color:var(--mdc-theme-secondary, #018786);color:#fff;color:var(--mdc-theme-on-secondary, #fff)}.mdc-fab .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-fab:not(.mdc-fab--extended){border-radius:50%}.mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple{border-radius:50%}.mdc-fab::-moz-focus-inner{padding:0;border:0}.mdc-fab:hover,.mdc-fab:focus{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12)}.mdc-fab:active{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0,0,0,.12)}.mdc-fab:active,.mdc-fab:focus{outline:none}.mdc-fab:hover{cursor:pointer}.mdc-fab>svg{width:100%}.mdc-fab .mdc-fab__icon{width:24px;height:24px;font-size:2.4rem}.mdc-fab--mini{width:40px;height:40px}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);border-radius:24px;padding:0 20px;width:auto;max-width:100%;height:48px;line-height:normal}.mdc-fab--extended .mdc-fab__ripple{border-radius:24px}.mdc-fab--extended .mdc-fab__icon{margin-left:-8px;margin-right:12px}[dir=rtl] .mdc-fab--extended .mdc-fab__icon,.mdc-fab--extended .mdc-fab__icon[dir=rtl]{margin-left:12px;margin-right:-8px}.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon{margin-left:12px;margin-right:-8px}[dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl]{margin-left:-8px;margin-right:12px}.mdc-fab--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-fab--touch .mdc-fab__touch{position:absolute;top:50%;right:0;height:48px;left:50%;width:48px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdc-fab::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:""}.mdc-fab__label{justify-content:flex-start;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;overflow-y:visible}.mdc-fab__icon{transition:-webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);transition:transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);transition:transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);fill:currentColor;will-change:transform}.mdc-fab .mdc-fab__icon{display:inline-flex;align-items:center;justify-content:center}.mdc-fab--exited{-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:opacity 15ms linear 150ms,-webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 15ms linear 150ms,transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 15ms linear 150ms,transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1),-webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-fab--exited .mdc-fab__icon{-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);transition:transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);transition:transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-fab{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-fab .mdc-fab__ripple::before,.mdc-fab .mdc-fab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-fab .mdc-fab__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-fab .mdc-fab__ripple::before,.mdc-fab .mdc-fab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-fab .mdc-fab__ripple::before,.mdc-fab .mdc-fab__ripple::after{background-color:#fff;background-color:var(--mdc-theme-on-secondary, #fff)}.mdc-fab:hover .mdc-fab__ripple::before{opacity:.08}.mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before,.mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before{transition-duration:75ms;opacity:.24}.mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after{transition:opacity 150ms linear}.mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after{transition-duration:75ms;opacity:.24}.mdc-fab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-fab .mdc-fab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;font-size:2.4rem;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-icon-button::before,.mdc-icon-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-icon-button::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-icon-button::before,.mdc-icon-button::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-icon-button.mdc-ripple-upgraded::before,.mdc-icon-button.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-icon-button::before,.mdc-icon-button::after{background-color:#000}.mdc-icon-button:hover::before{opacity:.04}.mdc-icon-button.mdc-ripple-upgraded--background-focused::before,.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-icon-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-icon-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-image-list{display:flex;flex-wrap:wrap;margin:0 auto;padding:0}.mdc-image-list__item,.mdc-image-list__image-aspect-container{position:relative;box-sizing:border-box}.mdc-image-list__item{list-style-type:none}.mdc-image-list__image{width:100%}.mdc-image-list__image-aspect-container .mdc-image-list__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.mdc-image-list__image-aspect-container{padding-bottom:calc(100% / 1)}.mdc-image-list__image{border-radius:0}.mdc-image-list--with-text-protection .mdc-image-list__supporting{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.mdc-image-list__supporting{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:8px 0;line-height:24px}.mdc-image-list__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-image-list--with-text-protection .mdc-image-list__supporting{position:absolute;bottom:0;width:100%;height:48px;padding:0 16px;background:rgba(0,0,0,.6);color:#fff}.mdc-image-list--masonry{display:block}.mdc-image-list--masonry .mdc-image-list__item{-webkit-column-break-inside:avoid;break-inside:avoid-column}.mdc-image-list--masonry .mdc-image-list__image{display:block;height:auto}:root{--mdc-layout-grid-margin-desktop: 24px;--mdc-layout-grid-gutter-desktop: 24px;--mdc-layout-grid-column-width-desktop: 72px;--mdc-layout-grid-margin-tablet: 16px;--mdc-layout-grid-gutter-tablet: 16px;--mdc-layout-grid-column-width-tablet: 72px;--mdc-layout-grid-margin-phone: 16px;--mdc-layout-grid-gutter-phone: 16px;--mdc-layout-grid-column-width-phone: 72px}@media(min-width: 840px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:24px;padding:var(--mdc-layout-grid-margin-desktop, 24px)}}@media(min-width: 600px)and (max-width: 839px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:16px;padding:var(--mdc-layout-grid-margin-tablet, 16px)}}@media(max-width: 599px){.mdc-layout-grid{box-sizing:border-box;margin:0 auto;padding:16px;padding:var(--mdc-layout-grid-margin-phone, 16px)}}@media(min-width: 840px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1)}@supports(display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:24px;grid-gap:var(--mdc-layout-grid-gutter-desktop, 24px);grid-template-columns:repeat(12, minmax(0, 1fr))}}}@media(min-width: 600px)and (max-width: 839px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1)}@supports(display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-tablet, 16px);grid-template-columns:repeat(8, minmax(0, 1fr))}}}@media(max-width: 599px){.mdc-layout-grid__inner{display:flex;flex-flow:row wrap;align-items:stretch;margin:-8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1)}@supports(display: grid){.mdc-layout-grid__inner{display:grid;margin:0;grid-gap:16px;grid-gap:var(--mdc-layout-grid-gutter-phone, 16px);grid-template-columns:repeat(4, minmax(0, 1fr))}}}@media(min-width: 840px){.mdc-layout-grid__cell{width:calc(33.3333333333% - 24px);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));box-sizing:border-box;margin:12px;margin:calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2)}@supports(display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports(display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:calc(8.3333333333% - 24px);width:calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-desktop{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:calc(16.6666666667% - 24px);width:calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-desktop{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:calc(25% - 24px);width:calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-desktop{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:calc(33.3333333333% - 24px);width:calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-desktop{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:calc(41.6666666667% - 24px);width:calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-desktop{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:calc(50% - 24px);width:calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-desktop{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:calc(58.3333333333% - 24px);width:calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-desktop{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:calc(66.6666666667% - 24px);width:calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-desktop{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:calc(75% - 24px);width:calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-desktop{width:auto;grid-column-end:span 9}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:calc(83.3333333333% - 24px);width:calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-desktop{width:auto;grid-column-end:span 10}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:calc(91.6666666667% - 24px);width:calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-desktop{width:auto;grid-column-end:span 11}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:calc(100% - 24px);width:calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))}@supports(display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-desktop{width:auto;grid-column-end:span 12}}}@media(min-width: 600px)and (max-width: 839px){.mdc-layout-grid__cell{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));box-sizing:border-box;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2)}@supports(display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports(display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:calc(12.5% - 16px);width:calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-tablet{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-tablet{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:calc(37.5% - 16px);width:calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-tablet{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-tablet{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:calc(62.5% - 16px);width:calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-tablet{width:auto;grid-column-end:span 5}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-tablet{width:auto;grid-column-end:span 6}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:calc(87.5% - 16px);width:calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-tablet{width:auto;grid-column-end:span 7}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-tablet{width:auto;grid-column-end:span 8}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-tablet{width:auto;grid-column-end:span 8}}}@media(max-width: 599px){.mdc-layout-grid__cell{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));box-sizing:border-box;margin:8px;margin:calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2)}@supports(display: grid){.mdc-layout-grid__cell{width:auto;grid-column-end:span 4}}@supports(display: grid){.mdc-layout-grid__cell{margin:0}}.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:calc(25% - 16px);width:calc(25% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-1,.mdc-layout-grid__cell--span-1-phone{width:auto;grid-column-end:span 1}}.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:calc(50% - 16px);width:calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-2,.mdc-layout-grid__cell--span-2-phone{width:auto;grid-column-end:span 2}}.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:calc(75% - 16px);width:calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-3,.mdc-layout-grid__cell--span-3-phone{width:auto;grid-column-end:span 3}}.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-4,.mdc-layout-grid__cell--span-4-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-5,.mdc-layout-grid__cell--span-5-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-6,.mdc-layout-grid__cell--span-6-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-7,.mdc-layout-grid__cell--span-7-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-8,.mdc-layout-grid__cell--span-8-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-9,.mdc-layout-grid__cell--span-9-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-10,.mdc-layout-grid__cell--span-10-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-11,.mdc-layout-grid__cell--span-11-phone{width:auto;grid-column-end:span 4}}.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:calc(100% - 16px);width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))}@supports(display: grid){.mdc-layout-grid__cell--span-12,.mdc-layout-grid__cell--span-12-phone{width:auto;grid-column-end:span 4}}}.mdc-layout-grid__cell--order-1{order:1}.mdc-layout-grid__cell--order-2{order:2}.mdc-layout-grid__cell--order-3{order:3}.mdc-layout-grid__cell--order-4{order:4}.mdc-layout-grid__cell--order-5{order:5}.mdc-layout-grid__cell--order-6{order:6}.mdc-layout-grid__cell--order-7{order:7}.mdc-layout-grid__cell--order-8{order:8}.mdc-layout-grid__cell--order-9{order:9}.mdc-layout-grid__cell--order-10{order:10}.mdc-layout-grid__cell--order-11{order:11}.mdc-layout-grid__cell--order-12{order:12}.mdc-layout-grid__cell--align-top{align-self:flex-start}@supports(display: grid){.mdc-layout-grid__cell--align-top{align-self:start}}.mdc-layout-grid__cell--align-middle{align-self:center}.mdc-layout-grid__cell--align-bottom{align-self:flex-end}@supports(display: grid){.mdc-layout-grid__cell--align-bottom{align-self:end}}@media(min-width: 840px){.mdc-layout-grid--fixed-column-width{width:1176px;width:calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 )}}@media(min-width: 600px)and (max-width: 839px){.mdc-layout-grid--fixed-column-width{width:720px;width:calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 )}}@media(max-width: 599px){.mdc-layout-grid--fixed-column-width{width:368px;width:calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 )}}.mdc-layout-grid--align-left{margin-right:auto;margin-left:0}.mdc-layout-grid--align-right{margin-right:0;margin-left:auto}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{border-bottom-width:1px;z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(83.67142%);transform:translateX(83.67142%)}100%{-webkit-transform:translateX(200.611057%);transform:translateX(200.611057%)}}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);-webkit-transform:scaleX(0.661479);transform:scaleX(0.661479)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(37.651913%);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(84.386165%);transform:translateX(84.386165%)}100%{-webkit-transform:translateX(160.277782%);transform:translateX(160.277782%)}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{-webkit-animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);-webkit-transform:scaleX(0.457104);transform:scaleX(0.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);-webkit-transform:scaleX(0.72796);transform:scaleX(0.72796)}100%{-webkit-transform:scaleX(0.08);transform:scaleX(0.08)}}@-webkit-keyframes mdc-linear-progress-buffering{from{-webkit-transform:rotate(180deg) translateX(-10px);transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-buffering{from{-webkit-transform:rotate(180deg) translateX(-10px);transform:rotate(180deg) translateX(-10px)}}@-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%)}100%{-webkit-transform:translateX(-200.611057%);transform:translateX(-200.611057%)}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(0);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(-83.67142%);transform:translateX(-83.67142%)}100%{-webkit-transform:translateX(-200.611057%);transform:translateX(-200.611057%)}}@-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(-37.651913%);transform:translateX(-37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(-84.386165%);transform:translateX(-84.386165%)}100%{-webkit-transform:translateX(-160.277782%);transform:translateX(-160.277782%)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{-webkit-animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);-webkit-transform:translateX(-37.651913%);transform:translateX(-37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);-webkit-transform:translateX(-84.386165%);transform:translateX(-84.386165%)}100%{-webkit-transform:translateX(-160.277782%);transform:translateX(-160.277782%)}}@-webkit-keyframes mdc-linear-progress-buffering-reverse{from{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes mdc-linear-progress-buffering-reverse{from{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;height:4px;-webkit-transform:translateZ(0);transform:translateZ(0);outline:1px solid transparent;overflow:hidden;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;-webkit-animation:none;animation:none;-webkit-transform-origin:top left;transform-origin:top left;transition:-webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;-webkit-animation:none;animation:none;border-top:4px solid}.mdc-linear-progress__buffer{display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;background-size:10px 4px;flex:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:mdc-linear-progress-buffering 250ms infinite linear;animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{flex:0 1 100%;transition:flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__primary-bar{-webkit-transform:scaleX(0);transform:scaleX(0)}.mdc-linear-progress__secondary-bar{visibility:hidden}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%;-webkit-animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;visibility:visible;-webkit-animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{-webkit-animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--reversed .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar{-webkit-animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse;animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar{-webkit-animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse;animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}.mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots{-webkit-animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;order:0;-webkit-transform:rotate(0);transform:rotate(0)}.mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar{order:1}.mdc-linear-progress--closed{opacity:0;-webkit-animation:none;animation:none}.mdc-linear-progress__bar-inner{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list:focus{outline:none}.mdc-list-item{height:48px}.mdc-list-item__secondary-text{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__graphic{background-color:transparent}.mdc-list-item__graphic{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__meta{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-group__subheader{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item--disabled .mdc-list-item__text{opacity:.38}.mdc-list-item--disabled .mdc-list-item__text,.mdc-list-item--disabled .mdc-list-item__primary-text,.mdc-list-item--disabled .mdc-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected,.mdc-list-item--activated{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-list-item--selected .mdc-list-item__graphic,.mdc-list-item--activated .mdc-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;height:48px}.mdc-list-item:focus{outline:none}.mdc-list-item:not(.mdc-list-item--selected):focus::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:""}.mdc-list-item.mdc-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:""}[dir=rtl] .mdc-list-item,.mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-list--icon-list .mdc-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-list--icon-list .mdc-list-item,.mdc-list--icon-list .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-list--avatar-list .mdc-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-list--avatar-list .mdc-list-item,.mdc-list--avatar-list .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-list--thumbnail-list .mdc-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item,.mdc-list--thumbnail-list .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-list--image-list .mdc-list-item{padding-left:16px;padding-right:16px;height:72px}[dir=rtl] .mdc-list--image-list .mdc-list-item,.mdc-list--image-list .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-list--video-list .mdc-list-item{padding-left:0px;padding-right:16px;height:72px}[dir=rtl] .mdc-list--video-list .mdc-list-item,.mdc-list--video-list .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:0px}.mdc-list--dense .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:20px;height:20px}[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,.mdc-list--dense .mdc-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;-o-object-fit:cover;object-fit:cover;margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-list-item__graphic,.mdc-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0}.mdc-list--icon-list .mdc-list-item__graphic{margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic,.mdc-list--icon-list .mdc-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0}.mdc-list--avatar-list .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px;border-radius:50%}[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,.mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-list--thumbnail-list .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px}[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic,.mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-list--image-list .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:56px;height:56px}[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic,.mdc-list--image-list .mdc-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-list--video-list .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:100px;height:56px}[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic,.mdc-list--video-list .mdc-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-list .mdc-list-item__graphic{display:inline-flex}.mdc-list-item__meta{margin-left:auto;margin-right:0}.mdc-list-item__meta:not(.material-icons){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-list-item[dir=rtl] .mdc-list-item__meta,[dir=rtl] .mdc-list-item .mdc-list-item__meta{margin-left:0;margin-right:auto}.mdc-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item__text[for]{pointer-events:none}.mdc-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:"";vertical-align:0}.mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-list--video-list .mdc-list-item__primary-text,.mdc-list--image-list .mdc-list-item__primary-text,.mdc-list--thumbnail-list .mdc-list-item__primary-text,.mdc-list--avatar-list .mdc-list-item__primary-text,.mdc-list--icon-list .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list--video-list .mdc-list-item__primary-text::before,.mdc-list--image-list .mdc-list-item__primary-text::before,.mdc-list--thumbnail-list .mdc-list-item__primary-text::before,.mdc-list--avatar-list .mdc-list-item__primary-text::before,.mdc-list--icon-list .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:"";vertical-align:0}.mdc-list--video-list .mdc-list-item__primary-text::after,.mdc-list--image-list .mdc-list-item__primary-text::after,.mdc-list--thumbnail-list .mdc-list-item__primary-text::after,.mdc-list--avatar-list .mdc-list-item__primary-text::after,.mdc-list--icon-list .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-list--dense .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list--dense .mdc-list-item__primary-text::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-list--dense .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-list--dense .mdc-list-item__secondary-text{font-size:inherit}.mdc-list--dense .mdc-list-item{height:40px}.mdc-list--two-line .mdc-list-item__text{align-self:flex-start}.mdc-list--two-line .mdc-list-item{height:64px}.mdc-list--two-line.mdc-list--video-list .mdc-list-item,.mdc-list--two-line.mdc-list--image-list .mdc-list-item,.mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item,.mdc-list--two-line.mdc-list--avatar-list .mdc-list-item,.mdc-list--two-line.mdc-list--icon-list .mdc-list-item{height:72px}.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic{align-self:flex-start;margin-top:16px}.mdc-list--two-line.mdc-list--dense .mdc-list-item,.mdc-list--avatar-list.mdc-list--dense .mdc-list-item{height:60px}.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic{margin-left:0;margin-right:16px;width:36px;height:36px}[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}:not(.mdc-list-item--disabled).mdc-list-item{cursor:pointer}a.mdc-list-item{color:inherit;text-decoration:none}.mdc-list-divider{height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid}.mdc-list-divider{border-bottom-color:rgba(0,0,0,.12)}.mdc-list-divider--padded{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list-divider--padded,.mdc-list-divider--padded[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list-divider--inset{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-list-divider--inset,.mdc-list-divider--inset[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list-divider--inset.mdc-list-divider--padded{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded,.mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list .mdc-list-divider--inset-leading{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list .mdc-list-divider--inset-leading,.mdc-list .mdc-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list .mdc-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--icon-list .mdc-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading,.mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list--icon-list .mdc-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--avatar-list .mdc-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading,.mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list--avatar-list .mdc-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--thumbnail-list .mdc-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading,.mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px}.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--image-list .mdc-list-divider--inset-leading{margin-left:88px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading,.mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:88px}.mdc-list--image-list .mdc-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing{margin-left:88px;margin-right:0;width:calc(100% - 104px)}[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:88px}.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-list--video-list .mdc-list-divider--inset-leading{margin-left:116px;margin-right:0;width:calc(100% - 116px)}[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading,.mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:116px}.mdc-list--video-list .mdc-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing{margin-left:116px;margin-right:0;width:calc(100% - 132px)}[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing,.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:116px}.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding{margin-left:0px;margin-right:0;width:calc(100% - 0px)}[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding,.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl]{margin-left:0;margin-right:0px}.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding{margin-left:0px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding,.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:0px}.mdc-list-group .mdc-list{padding:0}.mdc-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc((3rem - 1.5rem) / 2) 16px}:not(.mdc-list-item--disabled).mdc-list-item{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{background-color:#000}:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before{opacity:.04}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:.12}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:.12}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before{opacity:.12}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before{opacity:.16}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:.24}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:.24}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before{opacity:.08}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before{opacity:.12}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:.2}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:.2}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.2}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-list-item--disabled{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{background-color:#000}.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:.12}.mdc-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-menu{min-width:112px}.mdc-menu .mdc-list-item__meta{color:rgba(0,0,0,.87)}.mdc-menu .mdc-list-item__graphic{color:rgba(0,0,0,.87)}.mdc-menu .mdc-list{color:rgba(0,0,0,.87);position:relative}.mdc-menu .mdc-list .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-menu .mdc-list-divider{margin:8px 0}.mdc-menu .mdc-list-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-menu .mdc-list-item--disabled{cursor:auto}.mdc-menu a.mdc-list-item .mdc-list-item__text,.mdc-menu a.mdc-list-item .mdc-list-item__graphic{pointer-events:none}.mdc-menu__selection-group{padding:0;fill:currentColor}.mdc-menu__selection-group .mdc-list-item{padding-left:56px;padding-right:16px}[dir=rtl] .mdc-menu__selection-group .mdc-list-item,.mdc-menu__selection-group .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:56px}.mdc-menu__selection-group .mdc-menu__selection-group-icon{left:16px;right:initial;display:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon,.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl]{left:initial;right:16px}.mdc-menu-item--selected .mdc-menu__selection-group-icon{display:inline}.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left;opacity:0;overflow:auto;will-change:transform,opacity;z-index:8;transition:opacity .03s linear,-webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1);transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),-webkit-transform .12s cubic-bezier(0, 0, 0.2, 1);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--open{display:inline-block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.mdc-menu-surface--animating-open{display:inline-block;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity .075s linear}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:calc(100% / 0.75)}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{padding:0}.mdc-radio{padding:10px;display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0,0,0,.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:-10px;left:-10px;width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:0px;right:0px;left:0px;width:40px;height:40px}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;-webkit-transform:scale(0, 0);transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;-webkit-transform:scale(0, 0);transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:-4px;right:-4px;left:-4px;width:48px;height:48px}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{-webkit-transform:scale(0.5);transform:scale(0.5);transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{-webkit-transform:scale(1);transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-radio .mdc-radio__ripple::before,.mdc-radio .mdc-radio__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-radio .mdc-radio__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-radio .mdc-radio__ripple::before,.mdc-radio .mdc-radio__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-radio .mdc-radio__ripple::before,.mdc-radio .mdc-radio__ripple::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio:hover .mdc-radio__ripple::before{opacity:.04}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before{transition-duration:75ms;opacity:.12}.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after{transition:opacity 150ms linear}.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after{transition-duration:75ms;opacity:.12}.mdc-radio.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before{content:none}.mdc-radio__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000}.mdc-ripple-surface:hover::before{opacity:.04}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-ripple-surface--primary:hover::before{opacity:.04}.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-ripple-surface--accent:hover::before{opacity:.04}.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-select-helper-text{margin:0;margin-left:16px;margin-right:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal}[dir=rtl] .mdc-select-helper-text,.mdc-select-helper-text[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-select-helper-text::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-select-helper-text--validation-msg{opacity:0;transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-select--invalid+.mdc-select-helper-text--validation-msg,.mdc-select-helper-text--validation-msg-persistent{opacity:1}.mdc-select--with-leading-icon .mdc-select__icon{display:inline-block;box-sizing:border-box;border:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;align-self:center;background-color:transparent;fill:currentColor}.mdc-select--with-leading-icon .mdc-select__icon{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon,.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl]{margin-left:12px;margin-right:12px}.mdc-select__icon:not([tabindex]),.mdc-select__icon[tabindex="-1"]{cursor:default;pointer-events:none}.mdc-select__anchor{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-select__anchor .mdc-select__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{background-color:rgba(0,0,0,.87)}.mdc-select__anchor:hover .mdc-select__ripple::before{opacity:.04}.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before,.mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before{transition-duration:75ms;opacity:.12}.mdc-select__anchor .mdc-select__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before,.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before{opacity:.04}.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:.12}.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:.12}.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-select{min-width:200px;display:inline-flex;position:relative}.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor{background-color:#f5f5f5}.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text{color:rgba(0,0,0,.87)}.mdc-select:not(.mdc-select--disabled) .mdc-floating-label{color:rgba(0,0,0,.6)}.mdc-select:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.42)}.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:rgba(0,0,0,.54)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#6200ee;fill:var(--mdc-theme-primary, #6200ee)}.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text{color:rgba(0,0,0,.6)}.mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:rgba(0,0,0,.54)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:rgba(98,0,238,.87)}.mdc-select:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.87)}.mdc-select.mdc-select--disabled .mdc-select__anchor{background-color:#fafafa}.mdc-select.mdc-select--disabled .mdc-floating-label{color:rgba(0,0,0,.38)}.mdc-select.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.06)}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:rgba(0,0,0,.38)}.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:rgba(0,0,0,.38)}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:rgba(0,0,0,.38)}.mdc-select.mdc-select--disabled .mdc-select__icon{color:rgba(0,0,0,.38)}@media screen and (-ms-high-contrast: active){.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:red}.mdc-select.mdc-select--disabled .mdc-floating-label{color:GrayText}.mdc-select.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-select.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing{border-color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__icon{color:GrayText}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:GrayText}}.mdc-select .mdc-floating-label{left:16px;right:initial;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}[dir=rtl] .mdc-select .mdc-floating-label,.mdc-select .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-select.mdc-select--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-select.mdc-select--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-select.mdc-select--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label,.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-select .mdc-select__anchor{height:56px;display:flex;align-items:baseline}.mdc-select .mdc-select__anchor::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before{content:"​"}.mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text{height:100%;display:inline-flex;align-items:center}.mdc-select.mdc-select--no-label .mdc-select__anchor::before{display:none}.mdc-select .mdc-select__anchor{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.mdc-select .mdc-select__anchor{padding-left:16px;padding-right:0}[dir=rtl] .mdc-select .mdc-select__anchor,.mdc-select .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:16px}.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor{padding-left:0;padding-right:0}[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor,.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:0}.mdc-select .mdc-select__icon{width:24px;height:24px;font-size:2.4rem}.mdc-select .mdc-select__dropdown-icon{width:24px;height:24px}.mdc-select .mdc-select__menu .mdc-list-item{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item,.mdc-select .mdc-select__menu .mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-select .mdc-select__menu .mdc-list-item__graphic{margin-left:0;margin-right:12px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic,.mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl]{margin-left:12px;margin-right:0}.mdc-select__dropdown-icon{margin-left:12px;margin-right:12px;display:inline-flex;position:relative;align-self:center;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{position:absolute;top:0;left:0}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic{width:41.6666666667%;height:20.8333333333%}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:1;transition:opacity 75ms linear 75ms}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:0;transition:opacity 75ms linear}[dir=rtl] .mdc-select__dropdown-icon,.mdc-select__dropdown-icon[dir=rtl]{margin-left:12px;margin-right:12px}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:0;transition:opacity 49.5ms linear}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:1;transition:opacity 100.5ms linear 49.5ms}.mdc-select__anchor{width:100%;position:relative;box-sizing:border-box;overflow:hidden;outline:none;cursor:pointer}.mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-select__anchor.mdc-select--focused.mdc-line-ripple::after{-webkit-transform:scale(1, 2);transform:scale(1, 2);opacity:1}.mdc-select__selected-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);box-sizing:border-box;width:auto;flex-grow:1;height:28px;border:none;outline:none;padding:0;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;overflow:hidden;background-color:transparent;color:inherit}.mdc-select__selected-text::-ms-expand{display:none}.mdc-select__selected-text::-ms-value{background-color:transparent;color:inherit}.mdc-select--outlined{border:none}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor{background-color:transparent}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.38)}.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.87)}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.06)}.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor{background-color:transparent}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.mdc-select--outlined .mdc-select__selected-text{border-radius:4px}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor{background-color:transparent}.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-select--outlined .mdc-select__anchor{overflow:visible}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before{content:"​"}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text{height:100%;display:inline-flex;align-items:center}.mdc-select--outlined .mdc-select__anchor::before{display:none}.mdc-select--outlined .mdc-select__selected-text{display:flex;border:none;z-index:1;background-color:transparent}.mdc-select--outlined .mdc-select__icon{z-index:2}.mdc-select--outlined .mdc-floating-label{line-height:1.15rem}.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:#b00020}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--disabled{cursor:default;pointer-events:none}.mdc-select--with-leading-icon .mdc-floating-label{left:48px;right:initial}[dir=rtl] .mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item,.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl]{padding-left:12px;padding-right:12px}.mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake,.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-select--with-leading-icon.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 96px)}.mdc-select--filled .mdc-menu-surface--is-open-below{border-top-left-radius:0px;border-top-right-radius:0px}.mdc-select__menu .mdc-select__icon{margin-left:0;margin-right:0}[dir=rtl] .mdc-select__menu .mdc-select__icon,.mdc-select__menu .mdc-select__icon[dir=rtl]{margin-left:0;margin-right:0}.mdc-select__menu .mdc-list .mdc-list-item--selected,.mdc-select__menu .mdc-list .mdc-list-item--activated{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic,.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic{color:#000;color:var(--mdc-theme-on-surface, #000)}@-webkit-keyframes mdc-slider-emphasize{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(0.85);transform:scale(0.85)}100%{-webkit-transform:scale(0.571);transform:scale(0.571)}}@keyframes mdc-slider-emphasize{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(0.85);transform:scale(0.85)}100%{-webkit-transform:scale(0.571);transform:scale(0.571)}}.mdc-slider{position:relative;width:100%;height:48px;cursor:pointer;touch-action:pan-x;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786);opacity:.26}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb{fill:#018786;fill:var(--mdc-theme-secondary, #018786);stroke:#018786;stroke:var(--mdc-theme-secondary, #018786)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin{color:#fff;color:var(--mdc-theme-text-primary-on-dark, white)}.mdc-slider--disable-touch-action{touch-action:none}.mdc-slider--disabled{cursor:auto}.mdc-slider--disabled .mdc-slider__track{background-color:#9a9a9a}.mdc-slider--disabled .mdc-slider__track-container::after{background-color:#9a9a9a;opacity:.26}.mdc-slider--disabled .mdc-slider__track-marker-container{background-color:#9a9a9a}.mdc-slider--disabled .mdc-slider__thumb{fill:#9a9a9a;stroke:#9a9a9a}.mdc-slider--disabled .mdc-slider__thumb{stroke:#fff;stroke:var(--mdc-slider-bg-color-behind-component, white)}.mdc-slider:focus{outline:none}.mdc-slider__track-container{position:absolute;top:50%;width:100%;height:2px;overflow:hidden}.mdc-slider__track-container::after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:""}.mdc-slider__track{position:absolute;width:100%;height:100%;-webkit-transform-origin:left top;transform-origin:left top;will-change:transform}.mdc-slider[dir=rtl] .mdc-slider__track,[dir=rtl] .mdc-slider .mdc-slider__track{-webkit-transform-origin:right top;transform-origin:right top}.mdc-slider__track-marker-container{display:flex;margin-right:0;margin-left:-1px;visibility:hidden}.mdc-slider[dir=rtl] .mdc-slider__track-marker-container,[dir=rtl] .mdc-slider .mdc-slider__track-marker-container{margin-right:-1px;margin-left:0}.mdc-slider__track-marker-container::after{display:block;width:2px;height:2px;content:""}.mdc-slider__track-marker{flex:1}.mdc-slider__track-marker::after{display:block;width:2px;height:2px;content:""}.mdc-slider__track-marker:first-child::after{width:3px}.mdc-slider__thumb-container{position:absolute;top:15px;left:0;width:21px;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform}.mdc-slider__thumb{position:absolute;top:0;left:0;-webkit-transform:scale(0.571);transform:scale(0.571);stroke-width:3.5;transition:fill 100ms ease-out,stroke 100ms ease-out,-webkit-transform 100ms ease-out;transition:transform 100ms ease-out,fill 100ms ease-out,stroke 100ms ease-out;transition:transform 100ms ease-out,fill 100ms ease-out,stroke 100ms ease-out,-webkit-transform 100ms ease-out}.mdc-slider__focus-ring{width:21px;height:21px;border-radius:50%;opacity:0;transition:opacity 266.67ms ease-out,background-color 266.67ms ease-out,-webkit-transform 266.67ms ease-out;transition:transform 266.67ms ease-out,opacity 266.67ms ease-out,background-color 266.67ms ease-out;transition:transform 266.67ms ease-out,opacity 266.67ms ease-out,background-color 266.67ms ease-out,-webkit-transform 266.67ms ease-out}.mdc-slider__pin{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:26px;height:26px;margin-top:-2px;margin-left:-2px;-webkit-transform:rotate(-45deg) scale(0) translate(0, 0);transform:rotate(-45deg) scale(0) translate(0, 0);border-radius:50% 50% 50% 0%;z-index:1;transition:-webkit-transform 100ms ease-out;transition:transform 100ms ease-out;transition:transform 100ms ease-out, -webkit-transform 100ms ease-out}.mdc-slider__pin-value-marker{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mdc-slider--active .mdc-slider__thumb{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.mdc-slider--focus .mdc-slider__thumb{-webkit-animation:mdc-slider-emphasize 266.67ms linear;animation:mdc-slider-emphasize 266.67ms linear}.mdc-slider--focus .mdc-slider__focus-ring{-webkit-transform:scale3d(1.55, 1.55, 1.55);transform:scale3d(1.55, 1.55, 1.55);opacity:.25}.mdc-slider--in-transit .mdc-slider__thumb{transition-delay:140ms}.mdc-slider--in-transit .mdc-slider__thumb-container,.mdc-slider--in-transit .mdc-slider__track,.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track{transition:-webkit-transform 80ms ease;transition:transform 80ms ease;transition:transform 80ms ease, -webkit-transform 80ms ease}.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb{-webkit-transform:scale(calc(12 / 21));transform:scale(calc(12 / 21))}.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin{-webkit-transform:rotate(-45deg) scale(1) translate(19px, -20px);transform:rotate(-45deg) scale(1) translate(19px, -20px)}.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb{-webkit-animation:none;animation:none}.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container{visibility:visible}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-snackbar__surface{background-color:#333}.mdc-snackbar__label{color:rgba(255,255,255,.87)}.mdc-snackbar__surface{min-width:344px}@media(max-width: 480px),(max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0,0,0,.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:0;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:0;padding-right:16px}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0}.mdc-snackbar--open .mdc-snackbar__surface{-webkit-transform:scale(1);transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{-webkit-transform:scale(1);transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc}.mdc-snackbar__action:hover::before{opacity:.08}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.24}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.24}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-snackbar__dismiss{color:rgba(255,255,255,.87)}.mdc-snackbar__dismiss::before,.mdc-snackbar__dismiss::after{background-color:rgba(255,255,255,.87)}.mdc-snackbar__dismiss:hover::before{opacity:.08}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.24}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.24}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:9px;font-size:1.8rem}.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,.mdc-snackbar__dismiss.mdc-snackbar__dismiss img{width:18px;height:18px}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px}.mdc-switch__thumb-underlay{left:-18px;right:initial;top:-17px;width:48px;height:48px}[dir=rtl] .mdc-switch__thumb-underlay,.mdc-switch__thumb-underlay[dir=rtl]{left:initial;right:-18px}.mdc-switch__native-control{width:68px;height:48px}.mdc-switch{display:inline-block;position:relative;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-switch.mdc-switch--checked .mdc-switch__track{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-switch.mdc-switch--checked .mdc-switch__thumb{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786);border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track{background-color:#000;background-color:var(--mdc-theme-on-surface, #000)}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb{background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-color:#fff;border-color:var(--mdc-theme-surface, #fff)}.mdc-switch__native-control{left:0;right:initial;position:absolute;top:0;margin:0;opacity:0;cursor:pointer;pointer-events:auto;transition:-webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-switch__native-control,.mdc-switch__native-control[dir=rtl]{left:initial;right:0}.mdc-switch__track{box-sizing:border-box;width:32px;height:14px;border:1px solid transparent;border-radius:7px;opacity:.38;transition:opacity 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-switch__thumb-underlay{display:flex;position:absolute;align-items:center;justify-content:center;-webkit-transform:translateX(0);transform:translateX(0);transition:background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-switch__thumb{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);box-sizing:border-box;width:20px;height:20px;border:10px solid;border-radius:50%;pointer-events:none;z-index:1}.mdc-switch--checked .mdc-switch__track{opacity:.54}.mdc-switch--checked .mdc-switch__thumb-underlay{-webkit-transform:translateX(20px);transform:translateX(20px)}[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay,.mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl]{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.mdc-switch--checked .mdc-switch__native-control{-webkit-transform:translateX(-20px);transform:translateX(-20px)}[dir=rtl] .mdc-switch--checked .mdc-switch__native-control,.mdc-switch--checked .mdc-switch__native-control[dir=rtl]{-webkit-transform:translateX(20px);transform:translateX(20px)}.mdc-switch--disabled{opacity:.38;pointer-events:none}.mdc-switch--disabled .mdc-switch__thumb{border-width:1px}.mdc-switch--disabled .mdc-switch__native-control{cursor:default;pointer-events:none}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before,.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after{background-color:#9e9e9e}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before{opacity:.08}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before,.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.24}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.24}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-switch__thumb-underlay{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-switch__thumb-underlay::before,.mdc-switch__thumb-underlay::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-switch__thumb-underlay::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-switch__thumb-underlay::before,.mdc-switch__thumb-underlay::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before,.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-switch__thumb-underlay::before,.mdc-switch__thumb-underlay::after{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-switch__thumb-underlay:hover::before{opacity:.04}.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before,.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-switch__thumb-underlay.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);padding-right:24px;padding-left:24px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab .mdc-tab__text-label{color:rgba(0,0,0,.6)}.mdc-tab .mdc-tab__icon{color:rgba(0,0,0,.54);fill:currentColor}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;width:24px;height:24px;font-size:2.4rem;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tab--active .mdc-tab__icon{color:#6200ee;color:var(--mdc-theme-primary, #6200ee);fill:currentColor}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}.mdc-tab__ripple{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.mdc-tab__ripple::before,.mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-tab__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-tab__ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab__ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab__ripple::before,.mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab__ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab__ripple::before,.mdc-tab__ripple::after{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee)}.mdc-tab__ripple:hover::before{opacity:.04}.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before,.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.12}.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.12}.mdc-tab__ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.12}.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#018786;color:var(--mdc-theme-secondary, #018786)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:3.4rem}.mdc-tab-indicator__content{-webkit-transform-origin:left;transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1);transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1);transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;-webkit-transform:none;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}.mdc-text-field--filled{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:0 16px;display:inline-flex;align-items:baseline;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0,0,0,.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0,0,0,.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0,0,0,.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0,0,0,.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0,0,0,.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0,0,0,.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0,0,0,.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0,0,0,.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0,0,0,.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0,0,0,.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0,0,0,.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0,0,0,.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0,0,0,.6)}.mdc-text-field .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-text-field.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field.mdc-text-field--with-leading-icon,.mdc-text-field.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field.mdc-text-field--with-trailing-icon,.mdc-text-field.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}[dir=rtl] .mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon,.mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:0}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}.mdc-text-field__input:-webkit-autofill{z-index:auto !important}@media all{.mdc-text-field__input::-webkit-input-placeholder{transition:opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::-ms-input-placeholder{transition:opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::placeholder{transition:opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--fullwidth .mdc-text-field__input::placeholder,.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field__input:-webkit-autofill+.mdc-floating-label{-webkit-transform:translateY(-50%) scale(0.75);transform:translateY(-50%) scale(0.75);cursor:auto}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0,0,0,.87)}.mdc-text-field--filled:hover .mdc-text-field__ripple::before{opacity:.04}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:.12}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:#f5f5f5}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{content:none}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){-webkit-transform:none;transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-10.25px) scale(0.75);transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:"";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateY(1px);transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px)}.mdc-text-field--fullwidth{padding:0;width:100%}.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.42)}.mdc-text-field--fullwidth.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.42)}.mdc-text-field--fullwidth:not(.mdc-text-field--textarea){display:flex}.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input{height:100%}.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-floating-label{display:none}.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before{display:none}.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple::before,.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple::after{content:none}.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled){background-color:transparent}.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__resizer{resize:vertical}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98,0,238,.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0,0,0,.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0,0,0,.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0,0,0,.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0,0,0,.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0,0,0,.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0,0,0,.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0,0,0,.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0,0,0,.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0,0,0,.06)}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:12px;margin-right:12px}:root{--mdc-theme-primary: #6200ee;--mdc-theme-secondary: transparent;--mdc-theme-background: #fff;--mdc-theme-surface: #fff;--mdc-theme-error: #b00020;--mdc-theme-on-primary: #fff;--mdc-theme-on-secondary: #fff;--mdc-theme-on-surface: #000;--mdc-theme-on-error: #fff;--mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);--mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);--mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);--mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);--mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);--mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);--mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);--mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);--mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);--mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);--mdc-theme-text-primary-on-dark: white;--mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);--mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);--mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);--mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)}.mdc-theme--primary{color:#6200ee !important;color:var(--mdc-theme-primary, #6200ee) !important}.mdc-theme--secondary{color:#018786 !important;color:var(--mdc-theme-secondary, #018786) !important}.mdc-theme--background{background-color:#fff;background-color:var(--mdc-theme-background, #fff)}.mdc-theme--surface{background-color:#fff;background-color:var(--mdc-theme-surface, #fff)}.mdc-theme--error{color:#b00020 !important;color:var(--mdc-theme-error, #b00020) !important}.mdc-theme--on-primary{color:#fff !important;color:var(--mdc-theme-on-primary, #fff) !important}.mdc-theme--on-secondary{color:#fff !important;color:var(--mdc-theme-on-secondary, #fff) !important}.mdc-theme--on-surface{color:#000 !important;color:var(--mdc-theme-on-surface, #000) !important}.mdc-theme--on-error{color:#fff !important;color:var(--mdc-theme-on-error, #fff) !important}.mdc-theme--text-primary-on-background{color:rgba(0,0,0,.87) !important;color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important}.mdc-theme--text-secondary-on-background{color:rgba(0,0,0,.54) !important;color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important}.mdc-theme--text-hint-on-background{color:rgba(0,0,0,.38) !important;color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important}.mdc-theme--text-disabled-on-background{color:rgba(0,0,0,.38) !important;color:var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important}.mdc-theme--text-icon-on-background{color:rgba(0,0,0,.38) !important;color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important}.mdc-theme--text-primary-on-light{color:rgba(0,0,0,.87) !important;color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important}.mdc-theme--text-secondary-on-light{color:rgba(0,0,0,.54) !important;color:var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important}.mdc-theme--text-hint-on-light{color:rgba(0,0,0,.38) !important;color:var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important}.mdc-theme--text-disabled-on-light{color:rgba(0,0,0,.38) !important;color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important}.mdc-theme--text-icon-on-light{color:rgba(0,0,0,.38) !important;color:var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important}.mdc-theme--text-primary-on-dark{color:#fff !important;color:var(--mdc-theme-text-primary-on-dark, white) !important}.mdc-theme--text-secondary-on-dark{color:rgba(255,255,255,.7) !important;color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important}.mdc-theme--text-hint-on-dark{color:rgba(255,255,255,.5) !important;color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important}.mdc-theme--text-disabled-on-dark{color:rgba(255,255,255,.5) !important;color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important}.mdc-theme--text-icon-on-dark{color:rgba(255,255,255,.5) !important;color:var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important}.mdc-theme--primary-bg{background-color:#6200ee !important;background-color:var(--mdc-theme-primary, #6200ee) !important}.mdc-theme--secondary-bg{background-color:#018786 !important;background-color:var(--mdc-theme-secondary, #018786) !important}.mdc-top-app-bar{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);color:#fff;display:flex;position:fixed;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%;z-index:4}.mdc-top-app-bar .mdc-top-app-bar__action-item,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-top-app-bar .mdc-top-app-bar__action-item::before,.mdc-top-app-bar .mdc-top-app-bar__action-item::after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff)}.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before{opacity:.08}.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:.24}.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.24}.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: 0.24}.mdc-top-app-bar__row{display:flex;position:relative;box-sizing:border-box;width:100%;height:64px}.mdc-top-app-bar__section{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;padding:8px 12px;z-index:1}.mdc-top-app-bar__section--align-start{justify-content:flex-start;order:-1}.mdc-top-app-bar__section--align-end{justify-content:flex-end;order:1}.mdc-top-app-bar__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);padding-left:20px;padding-right:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:1}[dir=rtl] .mdc-top-app-bar__title,.mdc-top-app-bar__title[dir=rtl]{padding-left:0;padding-right:20px}.mdc-top-app-bar--short-collapsed{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:24px;border-bottom-left-radius:0}[dir=rtl] .mdc-top-app-bar--short-collapsed,.mdc-top-app-bar--short-collapsed[dir=rtl]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:24px}.mdc-top-app-bar--short{top:0;right:auto;left:0;width:100%;transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-top-app-bar--short,.mdc-top-app-bar--short[dir=rtl]{right:0;left:auto}.mdc-top-app-bar--short .mdc-top-app-bar__row{height:56px}.mdc-top-app-bar--short .mdc-top-app-bar__section{padding:4px}.mdc-top-app-bar--short .mdc-top-app-bar__title{transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.mdc-top-app-bar--short-collapsed{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);width:56px;transition:width 300ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title{display:none}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item{transition:padding 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item{width:112px}.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end{padding-left:0;padding-right:12px}[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end,.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl]{padding-left:12px;padding-right:0}.mdc-top-app-bar--dense .mdc-top-app-bar__row{height:48px}.mdc-top-app-bar--dense .mdc-top-app-bar__section{padding:0 4px}.mdc-top-app-bar--dense .mdc-top-app-bar__title{padding-left:12px;padding-right:0}[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title,.mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl]{padding-left:0;padding-right:12px}.mdc-top-app-bar--prominent .mdc-top-app-bar__row{height:128px}.mdc-top-app-bar--prominent .mdc-top-app-bar__title{align-self:flex-end;padding-bottom:2px}.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon{align-self:flex-start}.mdc-top-app-bar--fixed{transition:box-shadow 200ms linear}.mdc-top-app-bar--fixed-scrolled{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0,0,0,.12);transition:box-shadow 200ms linear}.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row{height:96px}.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section{padding:0 12px}.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title{padding-left:20px;padding-right:0;padding-bottom:9px}[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title,.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl]{padding-left:0;padding-right:20px}.mdc-top-app-bar--fixed-adjust{padding-top:64px}.mdc-top-app-bar--dense-fixed-adjust{padding-top:48px}.mdc-top-app-bar--short-fixed-adjust{padding-top:56px}.mdc-top-app-bar--prominent-fixed-adjust{padding-top:128px}.mdc-top-app-bar--dense-prominent-fixed-adjust{padding-top:96px}@media(max-width: 599px){.mdc-top-app-bar__row{height:56px}.mdc-top-app-bar__section{padding:4px}.mdc-top-app-bar--short{transition:width 200ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-top-app-bar--short-collapsed{transition:width 250ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end{padding-left:0;padding-right:12px}[dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end,.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl]{padding-left:12px;padding-right:0}.mdc-top-app-bar--prominent .mdc-top-app-bar__title{padding-bottom:6px}.mdc-top-app-bar--fixed-adjust{padding-top:56px}}.mdc-typography{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif)}.mdc-typography--headline1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:6rem;font-size:var(--mdc-typography-headline1-font-size, 6rem);line-height:6rem;line-height:var(--mdc-typography-headline1-line-height, 6rem);font-weight:300;font-weight:var(--mdc-typography-headline1-font-weight, 300);letter-spacing:-0.015625em;letter-spacing:var(--mdc-typography-headline1-letter-spacing, -0.015625em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline1-text-decoration, inherit);text-decoration:var(--mdc-typography-headline1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline1-text-transform, inherit)}.mdc-typography--headline2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3.75rem;font-size:var(--mdc-typography-headline2-font-size, 3.75rem);line-height:3.75rem;line-height:var(--mdc-typography-headline2-line-height, 3.75rem);font-weight:300;font-weight:var(--mdc-typography-headline2-font-weight, 300);letter-spacing:-0.0083333333em;letter-spacing:var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline2-text-decoration, inherit);text-decoration:var(--mdc-typography-headline2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline2-text-transform, inherit)}.mdc-typography--headline3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline3-text-decoration, inherit);text-decoration:var(--mdc-typography-headline3-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform, inherit)}.mdc-typography--headline4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:2.125rem;font-size:var(--mdc-typography-headline4-font-size, 2.125rem);line-height:2.5rem;line-height:var(--mdc-typography-headline4-line-height, 2.5rem);font-weight:400;font-weight:var(--mdc-typography-headline4-font-weight, 400);letter-spacing:0.0073529412em;letter-spacing:var(--mdc-typography-headline4-letter-spacing, 0.0073529412em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline4-text-decoration, inherit);text-decoration:var(--mdc-typography-headline4-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline4-text-transform, inherit)}.mdc-typography--headline5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration, inherit);text-decoration:var(--mdc-typography-headline5-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform, inherit)}.mdc-typography--headline6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit)}.mdc-typography--subtitle1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit)}.mdc-typography--subtitle2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:0.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform, inherit)}.mdc-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.mdc-typography--caption{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase)}.mdc-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-overline-font-size, 0.75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:0.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, 0.1666666667em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-overline-text-decoration, none);text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform, uppercase)}

html {
  scroll-behavior: smooth;
}
.disc-back-to-content{
	display:none;
	padding-left:20px;
}
p.disc-anchor > a:first-of-type{
	display:block;
    position: relative;
    top: -100px;
    visibility:hidden;
}
.disc-selected{
	background-color:lightgoldenrodyellow;
}

.disc-selected:focus,
.disclaimer-sup:focus,
.disc-anchor:focus {
  outline: solid 2px var(--truNeutral500);
}
.wistia_swatch{
  overflow: auto !important;
}
@font-face {
  font-family: 'truist-icons';
  src: url('clientlib-site/resources/fonts/truist-icons.eot');
  src: url('clientlib-site/resources/fonts/truist-icons.eot#iefix') format('embedded-opentype'),
       url('clientlib-site/resources/fonts/truist-icons.woff2') format('woff2'),
       url('clientlib-site/resources/fonts/truist-icons.woff') format('woff'),
       url('clientlib-site/resources/fonts/truist-icons.ttf') format('truetype'),
       url('clientlib-site/resources/fonts/truist-icons.svg#truist-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'truist-icons-media';
  src: url('clientlib-site/resources/fonts/truist-icons-media.eot');
  src: url('clientlib-site/resources/fonts/truist-icons-media.eot?#iefix') format('embedded-opentype'),
       url('clientlib-site/resources/fonts/truist-icons-media.woff') format('woff'),
       url('clientlib-site/fonts/truist-icons-media.ttf') format('truetype'),
       url('clientlib-site/resources/fonts/truist-icons-media.svg#truist-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'truist-icons';
    src: url('clientlib-site/font/truist-icons.svg?55290112#truist-icons') format('svg');
  }
}
*/


 [class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after, [class^="truist--icon-"]:before, [class*=" truist--icon-"]:before, [class^="truist--icon-"]:after, [class*=" truist--icon-"]:after {
  font-family: "truist-icons","truist-icons-media" ;
  font-style: normal;
  font-weight: normal;
  font-size:1.6rem;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-media-article:before, .icon-media-Article:before{content:'\0041';}
.icon-media-podcast:before, .icon-media-Podcast:before{content:'\0042';}
.icon-media-infographic:before, .icon-media-Infographic:before{content:'\0043';}
.icon-media-video:before, .icon-media-Video:before{content:'\0044';}
.icon-account-details:before { content: '\e800'; }
.icon-accounts:before { content: '\e801'; }
.icon-alert:before { content: '\e802'; }
.icon-applications:before { content: '\e803'; }
.icon-approvals:before { content: '\e804'; }
.icon-arrow-down:before { content: '\e805'; }
.icon-arrow-left:before { content: '\e806'; }
.icon-arrow-right:before { content: '\e807'; }
.icon-arrow-up:before { content: '\e808'; }
.icon-bell:before { content: '\e809'; }
.icon-calendar:before { content: '\e80a'; }
.icon-camera:before { content: '\e80b'; }
.icon-carat-down:before { content: '\e80c'; }
.icon-carat-left:before { content: '\e80d'; }
.icon-carat-right:before { content: '\e80e'; }
.icon-check:before { content: '\e80f'; }
.icon-carat-up:before { content: '\e810'; }
.icon-checkmark:before { content: '\e811'; }
.icon-close:before { content: '\e812'; }
.icon-dashboard:before { content: '\e813'; }
.icon-documents:before { content: '\e814'; }
.icon-deals:before { content: '\e815'; }
.icon-download:before { content: '\e816'; }
.icon-dollar-sign:before { content: '\e817'; }
.icon-fail:before { content: '\e818'; }
.icon-hamburger:before { content: '\e819'; }
.icon-edit:before { content: '\e81a'; }
.icon-help:before { content: '\e81b'; }
.icon-home:before { content: '\e81c'; }
.icon-hide:before { content: '\e81d'; }
.icon-info:before { content: '\e81e'; }
.icon-list:before { content: '\e81f'; }
.icon-location:before { content: '\e820'; }
.icon-lock:before { content: '\e821'; }
.icon-messages:before { content: '\e822'; }
.icon-new-tab:before { content: '\e823'; }
.icon-notification:before { content: '\e824'; }
.icon-plus:before { content: '\e825'; }
.icon-profile:before { content: '\e826'; }
.icon-refresh:before { content: '\e827'; }
.icon-search:before { content: '\e828'; }
.icon-more-horiz:before { content: '\e829'; }
.icon-security:before { content: '\e82a'; }
.icon-settings:before { content: '\e82b'; }
.icon-show:before { content: '\e82c'; }
.icon-signout:before { content: '\e82d'; }
.icon-more-vert:before { content: '\e82e'; }
.icon-sort:before { content: '\e82f'; }
.icon-support:before { content: '\e830'; }
.icon-transfers:before { content: '\e831'; }
.icon-unlock:before { content: '\e832'; }
.icon-upload:before { content: '\e833'; }
.icon-planning:before { content: '\e834'; }
.icon-success:before { content: '\e835'; }
.icon-warning:before { content: '\e836'; }
.skip-main
 {
     display: block;
    }

/*skip anchor*/
a.skip-main,
.skip-main,
.truist_button-ada--pause {
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus,
a.skip-main:active,
.skip-main:focus,
.skip-main:active,
.truist_button-ada--pause:focus,
.truist_button-ada--pause:active {
    background: #7C6992 !important;
    border: 2px solid #7C6992 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 1.5rem 2rem !important;
    width: auto !important;
    font-size: 1.8rem !important;
    line-height: 1em !important;
    border-radius: .4rem !important;
    text-decoration: none !important;
    transition: all .15s ease-in;
    outline: 1px solid #fff !important;
    outline-offset: -4px !important;
    font-weight: 400;
    height: auto;
    overflow: auto;
    z-index: 1;
    display: block;
}

 @media screen and (max-width: 768px) {
    .skipcontent{
    display:none;
    }
}

:root {
  --breakpoint-xxs: 0;
  --breakpoint-xs: 375px;
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1365px;
  --breakpoint-xl: 1600px;
  --breakpoint-xxl: 1928px;

  --truFontFamLt: "Truist Trio Lt", sans-serif;
  --truFontFamRg: 'TruistTrio','Truist Trio','Arial',sans-serif;
  --truFontFamBd: "Truist Trio Bd", sans-serif;
  --truFontFamXBd: "Truist Trio XBd", sans-serif;

  --truFontWtXBd: /*700*/;
  --truFontWtBd: 700;
  --truFontWtRg: 400;
  --truFontWtLt: 200;

  /* 768 - 1600 */
  --truTxtSize1: clamp(3.6rem, calc(2.059rem - -2.007vw), 4.8rem);
  --truTxtSize2: clamp(2.8rem, calc(1.773rem - -1.338vw), 3.6rem);
  --truTxtSize3: clamp(2.4rem, calc(1.886rem - -0.669vw), 2.8rem);
  --truTxtSize4: clamp(2rem, calc(1.486rem - -0.669vw), 2.4rem);
  --truTxtSize5: clamp(1.8rem, calc(1.543rem - -0.334vw), 2rem);
  --truTxtSize6: clamp(1.6rem, calc(1.343rem - -0.334vw), 1.8rem);
  --truTxtSizeBdy: 1.6rem;
  --truTxtSizeMicro: 1.4rem;


  /* Line height is font-size + 6px */
  --truLnHght1: calc(var(--truTxtSize1) - -6px);
  --truLnHght2: calc(var(--truTxtSize2) - -6px);
  --truLnHght3: calc(var(--truTxtSize3) - -6px);
  --truLnHght4: calc(var(--truTxtSize4) - -6px);
  --truLnHght5: calc(var(--truTxtSize5) - -6px);
  --truLnHght6: calc(var(--truTxtSize6) - -6px);
  --truLnHghtBdy: calc(var(--truTxtSizeBdy) - -6px);
  --truLnHghtMicro: calc(var(--truTxtSizeMicro) - -6px);

    /* Updated TDS colors - Please use these vars */
  /* Updated TDS colors - Please use these vars */
  /* Updated TDS colors - Please use these vars */

--truPurple50: #F0ECF8;
--truPurple100: #E5DDF4;
--truPurple200: #CABCE3;
--truPurple300: #A793C9;
--truPurple400: #8B71B2;
--truPurple500: #72569C;
--truPurple600: #56387E;
--truPurple700: #402561;
--truPurple800: #2E1A47;
--truPurple900: #2D1D42;
--truPurple1000: #211730;

--truDawn50: #ECEBFF;
--truDawn100: #DAD9FF;
--truDawn200: #C9C7FF;
--truDawn300: #B9B6F4;
--truDawn400: #A6A3E0;

--truSky50: #E5F5F5;
--truSky100: #CAEAEC;
--truSky200: #B0E0E2;
--truSky300: #6EC6C9;
--truSky400: #30ABB5;
--truSky500: #008A97;
--truSky600: #006D7A;
--truSky700: #00545F;
--truSky800: #00444D;
--truSky900: #06343A;
--truSky1000: #051F22;

--truNeutral0: #FFFFFF;
--truNeutral50: #F7F7F7;
--truNeutral100: #DBDBDB;
--truNeutral300: #A8A8A8;
--truNeutral500: #5C5C5C;
--truNeutral700: #383838;
--truNeutral800: #181818;
--truNeutral900: #0D0D0D;
--truNeutral1000: #000000;

--truRuby50: #FFF2F0;
--truRuby200: #FFB9AD;
--truRuby400: #FF654D;
--truRuby500: #DF4731;
--truRuby600: #BE240E;
--truRuby900: #451A13;
--truRuby1000: #30130E;

--truGold50: #FEF8F1;
--truGold200: #F9D39F;
--truGold300: #F5B45D;
--truGold600: #96510D;
--truGold900: #402804;
--truGold1000: #2B1F10;

--truEmerald50: #F1F9F3;
--truEmerald200: #ABDEBD;
--truEmerald400: #57BD7B;
--truEmerald500: #008F49;
--truEmerald600: #0D7232;
--truEmerald900: #1B3423;
--truEmerald1000: #1C241E;

--truSapphire50: #F1F9FD;
--truSapphire200: #A1DAF7;
--truSapphire400: #45B0E6;
--truSapphire500: #008BC5;
--truSapphire600: #006699;
--truSapphire900: #1A3646;
--truSapphire1000: #16242C;

--truSpinel400: #F3698C;
--truSpinel500: #DB416F;
--truSpinel600: #B7315B;

--truClear: transparent;
  /* Updated TDS colors - Please use these vars */
  /* Updated TDS colors - Please use these vars */
  /* Updated TDS colors - Please use these vars */



/* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
/* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
/* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
  --truClrPplDkr: #1A0f29;
  /*Truist Purple Darker*/
  --truClrPplDk: #211333;
  /*Truist Purple Dark*/
  --truClrPplBs: #2E1A47;
  /*Truist Purple Base*/
  --truClrPplLt: #382055;
  /*Truist Purple Light*/
  --truClrPplLtr: #412565;
  /*Truist Purple Lighter*/

  --truClrTwlghtBs: #302b3d;
  /*Dusk Twilight*/
  --truClrDuskDkr: #4c3a69;
  /*Dusk Darker*/
  --truClrDuskDk: #5f4882;
  /*Dusk Dark*/
  --truClrDuskBs: #72569c;
  /*Dusk Base*/

  --truClrDawnBs: #A6A3E0;
  /*Dawn Base*/
  --truClrDawnLt: #C0BBFA;
  /*Dawn Light*/
  --truClrDawnLtr: #D7D4FD;
  /*Dawn Lighter*/

  --truClrHazeBs: #A6A3E0;
  /*Haze Base --- Need to sunset --- */
  --truClrHazeLt: #C0BBFA;
  /*Haze Light --- Need to sunset --- */
  --truClrHazeLtr: #D7D4FD;
  /*Haze Lighter --- Need to sunset --- */

  --truClrMistDkr: #d6d2ee;
  /*Mist Darker*/
  --truClrMistDk: #E3DFEF;
  /* Mist Dark */
  --truClrMistBs: #f1eff8;
  /*Mist Base */

  --truClrNghtBs: #1F282E;
  /*Night Base*/
  --truClrNghtLt: #21303B;
  /*Night Light*/
  --truClrNghtLtr: #294252;
  /*Night Lighter*/

  --truClrFrstDkr: #06343a;
  /*Forest Darker*/
  --truClrFrstDk: #00444d;
  /*Forest Dark*/
  --truClrFrstBs: #006d7a;


  --truClrSkyBs: #B0E0E2;
  /*Sky Base*/
  --truClrSkyLt: #CAEAEC;
  /*Sky Light*/
  --truClrSkyLtr: #E5F5F5;
  /*Sky Lighter*/

  --truClrNtrlBlk: #000000;
  /*Neutral Black*/
  --truClrNtrlOffBlk: #0D0D0D;
  /*Neutral Black*/
  --truClrGryDkr: #181818 !important;
  /*Neutral Darker Gray*/
  --truClrGryDk: #34363B;
  /*Neutral Dark Gray*/
  --truClrGryMd: #5c5c5c;
  /*Neutral Medium Gray*/
  --truClrNtrlBlk50: var(--truNeutral500);
  /*Neutral Gray*/
  --truClrGryLt: #a8a8a8;
  /*Neutral Light Gray*/
  --truClrGryLtr: #C9C9C9;
  /*Neutral Lighter Gray*/
  --truClrGryVLt: #DBDBDB;
  /*Neutral Very Light Gray*/
  --truClrOffWht: #F7F7F7;
  /* Off White*/
  --truClrNtrlWht: #FFFFFF;
  /* Neutral White*/

  --truClrInfoBs: #45B0E6;
  /* Status Info Base */
  --truClrInfoDk: #006699;
  /* Status Info Dark */
  --truClrErrLt: #FFB9AD;
  /* Status Error Light */
  --truClrErrBs: #ff654d;
  /* Status Error Base*/
  --truClrErrDk: #c22b13;
  /* Status Error Dark*/
  --truClrWrnBs: #f5b45d;
  /* Status Warning Base*/
  --truClrWrnDk: #96510d;
  /* Status Warning Dark*/
  --truClrScsBs: #57bd7b;
  /* Status Success Base*/
  --truClrScsDk: #0d7232;
  /* Status Success Dark*/

  --truClrClear: transparent;
/* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
/* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */
/* DO NOT USE 05.08.2024 Eric Guest - Sunsetting these vars */


/* Spacing (Margins and Padding) */
--truSpace3xs: 2px;
--truSpace2xs: 4px;
--truSpaceXs: 8px;
--truSpaceSm: 12px;
--truSpaceMd: 16px;
--truSpaceLg: 24px;
--truSpaceXlg: 32px;
--truSpace2xlg: 48px;
--truSpace3xlg: 64px;
--truSpace4xlg: 128px;


/* Border Radius */
--truBdrRadius4Xl: 100%;
--truBdrRadius3Xl: 4rem;
--truBdrRadius2Xl: 3.2rem;
--truBdrRadiusXl: 2rem;
--truBdrRadiusLg: 1rem;
--truBdrRadiusMd: .5rem;
--truBdrRadiusSm: .2rem;
--truBdrRadiusNone: 0%;
}

html {
  font-weight: var(--truFontWtRg);
}

.sr-only {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

[aria-level="1"],
[aria-level="2"],
[aria-level="3"],
[aria-level="4"],
[aria-level="5"],
[aria-level="6"] {
  display: block;
}

/*
 *****************************************************************************************************
 *****************************************************************************************************
 ************************************* GLOBAL Utility classes *************************************
 *****************************************************************************************************
 *****************************************************************************************************/
 .font-fam-lt {
  font-weight: var(--truFontFamLt);
 }

 .font-fam-rg {
  font-weight: var(--truFontFamRg);
 }

 .font-fam-bd {
  font-weight: var(--truFontFamBd);
 }

 .font-fam-xbd {
  font-weight: var(--truFontFamXBd);
 }

    /*****************************************************************************************************/

.font-wt-lt {
  font-weight: var(--truFontWtLt);
 }

 .font-wt-rg {
  font-weight: var(--truFontWtRg);
 }

 .font-wt-bd {
  font-weight: var(--truFontWtBd);
 }

 .font-wt-xbd {
  font-weight: var(--truFontWtXBd);
 }

    /*****************************************************************************************************/

 .line-height1 {
  line-height: var(--truLnHght1);
 }

 .line-height2 {
  line-height: var(--truLnHght2);
 }

 .line-height3 {
  line-height: var(--truLnHght3);
 }

 .line-height4 {
  line-height: var(--truLnHght4);
 }

 .line-height5 {
  line-height: var(--truLnHght5);
 }

 .line-height6 {
  line-height: var(--truLnHght6);
 }

 .line-heightBdy {
  line-height: var(--truLnHghtBdy);
 }

 .line-heightMicro {
  line-height: var(--truLnHghtMicro);
 }

   /******************************************************************************************************/

   .no-padding {
    padding: 0;
    border: 0;
   }

  .pad-3xs {
    padding: var(--truSpace3xs);
  }
  .pad-t-3xs {
    padding-top: var(--truSpace3xs);
  }
  .pad-r-3xs {
    padding-right: var(--truSpace3xs);
  }
  .pad-b-3xs {
    padding-bottom: var(--truSpace3xs);
  }
  .pad-l-3xs {
    padding-left: var(--truSpace3xs);
  }

  .pad-2xs {
    padding: var(--truSpace2xs);
  }
  .pad-t-2xs {
    padding-top: var(--truSpace2xs);
  }
  .pad-r-2xs {
    padding-right: var(--truSpace2xs);
  }
  .pad-b-2xs {
    padding-bottom: var(--truSpace2xs);
  }
  .pad-l-2xs {
    padding-left: var(--truSpace2xs);
  }

  .pad-xs {
    padding: var(--truSpaceXs);
  }
  .pad-t-xs {
    padding-top: var(--truSpaceXs);
  }
  .pad-r-xs {
    padding-right: var(--truSpaceXs);
  }
  .pad-b-xs {
    padding-bottom: var(--truSpaceXs);
  }
  .pad-l-xs {
    padding-left: var(--truSpaceXs);
  }

  .pad-sm {
    padding: var(--truSpaceSm);
  }
  .pad-t-sm {
    padding-top: var(--truSpaceSm);
  }
  .pad-r-sm {
    padding-right: var(--truSpaceSm);
  }
  .pad-b-sm {
    padding-bottom: var(--truSpaceSm);
  }
  .pad-l-sm {
    padding-left: var(--truSpaceSm);
  }

  .pad-md {
    padding: var(--truSpaceMd);
  }
  .pad-t-md {
    padding-top: var(--truSpaceMd);
  }
  .pad-r-md {
    padding-right: var(--truSpaceMd);
  }
  .pad-b-md {
    padding-bottom: var(--truSpaceMd);
  }
  .pad-l-md {
    padding-left: var(--truSpaceMd);
  }

  .pad-lg {
    padding: var(--truSpaceLg);
  }
  .pad-t-lg {
    padding-top: var(--truSpaceLg);
  }
  .pad-r-lg {
    padding-right: var(--truSpaceLg);
  }
  .pad-b-lg {
    padding-bottom: var(--truSpaceLg);
  }
  .pad-l-lg {
    padding-left: var(--truSpaceLg);
  }

  .pad-xlg {
    padding: var(--truSpaceXlg);
  }
  .pad-t-xlg {
    padding-top: var(--truSpaceXlg);
  }
  .pad-r-xlg {
    padding-right: var(--truSpaceXlg);
  }
  .pad-b-xlg {
    padding-bottom: var(--truSpaceXlg);
  }
  .pad-l-xlg {
    padding-left: var(--truSpaceXlg);
  }

  .pad-2xlg {
    padding: var(--truSpace2xlg);
  }
  .pad-t-2xlg {
    padding-top: var(--truSpace2xlg);
  }
  .pad-r-2xlg {
    padding-right: var(--truSpace2xlg);
  }
  .pad-b-2xlg {
    padding-bottom: var(--truSpace2xlg);
  }
  .pad-l-2xlg {
    padding-left: var(--truSpace2xlg);
  }

  .pad-3xlg {
    padding: var(--truSpace3xlg);
  }
  .pad-t-3xlg {
    padding-top: var(--truSpace3xlg);
  }
  .pad-r-3xlg {
    padding-right: var(--truSpace3xlg);
  }
  .pad-b-3xlg {
    padding-bottom: var(--truSpace3xlg);
  }
  .pad-l-3xlg {
    padding-left: var(--truSpace3xlg);
  }

  .pad-4xlg {
    padding: var(--truSpace4xlg);
  }
  .pad-t-4xlg {
    padding-top: var(--truSpace4xlg);
  }
  .pad-r-4xlg {
    padding-right: var(--truSpace4xlg);
  }
  .pad-b-4xlg {
    padding-bottom: var(--truSpace4xlg);
  }
  .pad-l-4xlg {
    padding-left: var(--truSpace4xlg);
  }

     /******************************************************************************************************/

  .mar-3xs {
    margin: var(--truSpace3xs);
  }
  .mar-t-3xs {
    margin-top: var(--truSpace3xs);
  }
  .mar-r-3xs {
    margin-right: var(--truSpace3xs);
  }
  .mar-b-3xs {
    margin-bottom: var(--truSpace3xs);
  }
  .mar-l-3xs {
    margin-left: var(--truSpace3xs);
  }

  .mar-2xs {
    margin: var(--truSpace2xs);
  }
  .mar-t-2xs {
    margin-top: var(--truSpace2xs);
  }
  .mar-r-2xs {
    margin-right: var(--truSpace2xs);
  }
  .mar-b-2xs {
    margin-bottom: var(--truSpace2xs);
  }
  .mar-l-2xs {
    margin-left: var(--truSpace2xs);
  }

  .mar-xs {
    margin: var(--truSpaceXs);
  }
  .mar-t-xs {
    margin-top: var(--truSpaceXs);
  }
  .mar-r-xs {
    margin-right: var(--truSpaceXs);
  }
  .mar-b-xs {
    margin-bottom: var(--truSpaceXs);
  }
  .mar-l-xs {
    margin-left: var(--truSpaceXs);
  }

  .mar-sm {
    margin: var(--truSpaceSm);
  }
  .mar-t-sm {
    margin-top: var(--truSpaceSm);
  }
  .mar-r-sm {
    margin-right: var(--truSpaceSm);
  }
  .mar-b-sm {
    margin-bottom: var(--truSpaceSm);
  }
  .mar-l-sm {
    margin-left: var(--truSpaceSm);
  }

  .mar-md {
    margin: var(--truSpaceMd);
  }
  .mar-t-md {
    margin-top: var(--truSpaceMd);
  }
  .mar-r-md {
    margin-right: var(--truSpaceMd);
  }
  .mar-b-md {
    margin-bottom: var(--truSpaceMd);
  }
  .mar-l-md {
    margin-left: var(--truSpaceMd);
  }

  .mar-lg {
    margin: var(--truSpaceLg);
  }
  .mar-t-lg {
    margin-top: var(--truSpaceLg);
  }
  .mar-r-lg {
    margin-right: var(--truSpaceLg);
  }
  .mar-b-lg {
    margin-bottom: var(--truSpaceLg);
  }
  .mar-l-lg {
    margin-left: var(--truSpaceLg);
  }

  .mar-xlg {
    margin: var(--truSpaceXlg);
  }
  .mar-t-xlg {
    margin-top: var(--truSpaceXlg);
  }
  .mar-r-xlg {
    margin-right: var(--truSpaceXlg);
  }
  .mar-b-xlg {
    margin-bottom: var(--truSpaceXlg);
  }
  .mar-l-xlg {
    margin-left: var(--truSpaceXlg);
  }

  .mar-2xlg {
    margin: var(--truSpace2xlg);
  }
  .mar-t-2xlg {
    margin-top: var(--truSpace2xlg);
  }
  .mar-r-2xlg {
    margin-right: var(--truSpace2xlg);
  }
  .mar-b-2xlg {
    margin-bottom: var(--truSpace2xlg);
  }
  .mar-l-2xlg {
    margin-left: var(--truSpace2xlg);
  }

  .mar-3xlg {
    margin: var(--truSpace3xlg);
  }
  .mar-t-3xlg {
    margin-top: var(--truSpace3xlg);
  }
  .mar-r-3xlg {
    margin-right: var(--truSpace3xlg);
  }
  .mar-b-3xlg {
    margin-bottom: var(--truSpace3xlg);
  }
  .mar-l-3xlg {
    margin-left: var(--truSpace3xlg);
  }

  .mar-4xlg {
    margin: var(--truSpace4xlg);
  }
  .mar-t-4xlg {
    margin-top: var(--truSpace4xlg);
  }
  .mar-r-4xlg {
    margin-right: var(--truSpace4xlg);
  }
  .mar-b-4xlg {
    margin-bottom: var(--truSpace4xlg);
  }
  .mar-l-4xlg {
    margin-left: var(--truSpace4xlg);
  }

  /******************************************************************************************************/

/* Global Font size */
.h1-size {
  font-size: var(--truTxtSize1);
  line-height: var(--truLnHght1);
}

.h2-size {
  font-size: var(--truTxtSize2);
  line-height: var(--truLnHght2);
}

.h3-size {
  font-size: var(--truTxtSize3);
  line-height: var(--truLnHght3);
}

.h4-size {
  font-size: var(--truTxtSize4);
  line-height: var(--truLnHght4);
}

.h5-size {
  font-size: var(--truTxtSize5);
  line-height: var(--truLnHght5);
}

.h6-size {
  font-size: var(--truTxtSize6);
  line-height: var(--truLnHght6);
}

.bdy-size {
  font-size: var(--truTxtSizeBdy);
  line-height: var(--truLnHghtBdy);
}

.micro-size {
  font-size: var(--truTxtSizeMicro);
  line-height: var(--truLnHghtMicro);
}

  /******************************************************************************************************/

.icon-size-default {
  width: 48px;
  height: 48px;
}

.icon-size-sm {
  width: 24px;
  height: 24px;
}

.icon-size-md {
  width: 32px;
  height: 32px;
}

.icon-size-lg {
  width: 64px;
  height: 64px;
}

  /******************************************************************************************************/

.radius-100,
.radius-4Xl {
  border-radius: var(--truBdrRadius4Xl);
}

.radius-40,
.radius-3Xl {
  border-radius: var(--truBdrRadius3Xl);
}

.radius-32,
.radius-2Xl {
  border-radius: var(--truBdrRadius2Xl);
}

.radius-20,
.radius-Xl {
  border-radius: var(--truBdrRadiusXl);
}

.radius-10,
.radius-Lg {
  border-radius: var(--truBdrRadiusLg);
}

.radius-5,
.radius-Md {
  border-radius: var(--truBdrRadiusMd);
}

.radius-2,
.radius-Sm {
  border-radius: var(--truBdrRadiusSm);
}

.radius-0,
.radius-none {
  border-radius: var(--truBdrRadiusNone);
}

  /******************************************************************************************************/

.emphasis {
  font-style: italic;
  font-weight: 400;
}

  /******************************************************************************************************/

sup.superscript  {
  font-size: 35%;
  top: -2.5rem;
}

/*
 *****************************************************************************************************
 *****************************************************************************************************
 ********** GLOBAL background classes control all <elements> contained within **********
 *****************************************************************************************************
 *****************************************************************************************************
       Note:  -- (@) -->  Denotes an element class for ***GLOBAL*** setting
       Note:  -- (++) -->  Denotes available sub-classes for variants

       Use background classes combined with element / utility classes to acheive results
       ***********************************************************************************************
       Example:
      ************************************************************************************************
       HTML:
       <div class="bg-mist">
            <h1 class="heading">Heading</h1>
        </div>

       CSS:
       .bg-mist .heading {
        ...
       }
       **********************************************************************************************
       Background (<any container>)
         - .bg-clear  -- (@) -->  Applies a Transparent (Transparent) background class to the container to "rule them all"
         - .bg-ntrl-white  -- (@) -->  Applies a Neutral White (#FFFFFF) background class to the container to "rule them all"
         - .bg-off-white  -- (@) -->  Applies an Off-White (#F7F7F7) background class to the container to "rule them all"
         - .bg-mist  -- (@) -->  Applies a Mist Base (#F0ECF8)  background class to the container to "rule them all"
         - .bg-mist-dk  -- (@) -->  Applies a Mist Dark (#E5DDF4 ) background class to the container to "rule them all"
         - .bg-sky-blue-ltr  -- (@) -->  Applies a Sky Blue Lighter (#E5F5F5) background class to the container to "rule them all"
         - .bg-sky-blue-lt  -- (@) -->  Applies a Sky Blue Light (#CAEAEC) background class to the container to "rule them all"
         - .bg-dusk-dkr   -- (@) -->  Applies a Dusk Darker (#4C3A69) background class to the container to "rule them all"
         - .bg-tru-ppl  -- (@) -->  Applies a Truist Purple Base (#2E1A47) background class to the container to "rule them all"

       Border (<any container>)
         - .has-border -- (@) --> Applies a border to the container element, dictated by background color

       Border radius (<any container>)
         - .radius-40  -- (@) -- > Applies a 4rem border radius to all corners of the container
        - .radius-20  -- (@) -- > Applies a 2rem border radius to all corners of the container

       Font size (<any text element>)
         - .h1-size  -- (@) -->  Applies (Level 1, <h1>) font-size and line-height (regardless of heading level)
         - .h2-size  -- (@) -->  Applies (Level 2, <h2>) font-size and line-height (regardless of heading level)
         - .h3-size  -- (@) -->  Applies (Level 3, <h3>) font-size and line-height (regardless of heading level)
         - .h4-size  -- (@) -->  Applies (Level 4, <h4>) font-size and line-height (regardless of heading level)
         - .h5-size  -- (@) -->  Applies (Level 5, <h5>) font-size and line-height (regardless of heading level)
         - .h6-size  -- (@) -->  Applies (Level 6, <h6>) font-size and line-height (regardless of heading level)

       Body text (<any text element>)
         - .body-size  -- (@) -->  Applies body font-size and line-height (regardless of heading level)

       Micro text (<any text element>)
         - .micro-size  -- (@) -->  Applies micro font-size and line-height (regardless of heading level)

         Eyebrow (<any text element>)
         - .eyebrow  -- (@) -->  Applies eyebrow color styles

         Heading (<any text element>)
         - .heading -- (@) -->  Applies heading color styles

       Subheading (<any text element>)
         - .subheading  -- (@) -->  Applies subheading color styles

       List (<ul / ol>)
         - .unordered  -- (@) -->  Identifies the list as a standard <ul> with "bullet" ::marker
         - .ordered  -- (@) -->  Identifies the list as a standard <ol> with "#" ::marker
         - .check-icon  -- (++) -->  Identifies the list for icon ::marker
         - .check-fill  -- (++) -->  Identifies children <li> for fill check
         - .check-stroke  -- (++) -->  Identifies children <li> for stroke check

       Description list (<dl> text and background)
         - .inline  -- (++) -->  Applies inline styling to <dt>

       Text link and External link (<a> including state)
         - .btn  -- (@) -->  Applies button styles to <button> / <a>
         - .btn-primary  -- (++) -->  Applies primary button styles to <button> / <a>
         - .btn-secondary  -- (++) -->  Applies secondary button styles to <button> / <a>
         - .btn-minimal  -- (++) -->  Applies secondary button styles to <button> / <a>
         - .arrow-link  -- (++) -->  Applies right arrow icon to <a>

       Button (<button / a> including state)
         - .btn  -- (@) -->  Applies button styles to <button> / <a>
         - .btn-primary  -- (++) -->  Applies primary button styles to <button> / <a>
         - .btn-secondary  -- (++) -->  Applies secondary button styles to <button> / <a>
         - .btn-minimal  -- (++) -->  Applies minimal button styles to <button> / <a>
 */


 .bg-clear {
  background-color: var(--truClear);
  outline: 1px solid var(--truClear);
  color: inherit;
}


 .bg-ntrl-white {
  background-color: var(--truNeutral0);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral500);
}

.bg-off-white {
  background-color: var(--truNeutral50);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral500);
}

.bg-mist {
  background-color: var(--truPurple50);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral500);
}

.bg-mist-dk {
  background-color: var(--truPurple100);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral500);
}

.bg-sky-blue-ltr {
  background-color: var(--truSky50);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral500);
}

.bg-sky-blue-lt {
  background-color: var(--truSky100);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral500);
}

.bg-dusk-dkr {
  background-color: var(--truPurple700);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral0);
}

.bg-tru-ppl {
  background-color: var(--truPurple800);
  outline: 1px solid var(--truClear);
  color: var(--truNeutral0);
}


/* Global Borders */
.bg-clear.has-border {
  border: 1px solid inherit;
  }

.bg-ntrl-white.has-border,
.bg-off-white.has-border {
border: 1px solid var(--truNeutral100);
}

.bg-mist.has-border,
.bg-mist-dk.has-border {
border: 1px solid var(--truPurple200);
}

.bg-sky-blue-ltr.has-border,
.bg-sky-blue-lt.has-border {
border: 1px solid var(--truSky200);
}

.bg-dusk-dkr.has-border,
.bg-tru-ppl.has-border {
border: 1px solid var(--truPurple700);
}

.bg-dusk-dkr .bg-ntrl-white p,
.bg-dusk-dkr .bg-off-white p,
.bg-dusk-dkr .bg-mist p,
.bg-dusk-dkr .bg-mist-dk p,
.bg-dusk-dkr .bg-sky-blue-ltr p,
.bg-dusk-dkr .bg-sky-blue-lt p,


.bg-tru-ppl .bg-ntrl-white p,
.bg-tru-ppl .bg-off-white p,
.bg-tru-ppl .bg-mist p,
.bg-tru-ppl .bg-mist-dk p,
.bg-tru-ppl .bg-sky-blue-ltr p,
.bg-tru-ppl .bg-sky-blue-lt p,


.bg-ntrl-white p,
.bg-off-white p,
.bg-mist p,
.bg-mist-dk p,
.bg-sky-blue-ltr p,
.bg-sky-blue-lt p {
  color: var(--truNeutral500);
}


.bg-dusk-dkr p,
.bg-tru-ppl p {
  color: var(--truNeutral100);
}

.bg-ntrl-white p,
.bg-off-white p,
.bg-mist p,
.bg-mist-dk p,
.bg-sky-blue-ltr p,
.bg-sky-blue-lt p,
.bg-clear p,
.bg-dusk-dkr p,
.bg-tru-ppl p,
.bg-ntrl-white ul,
.bg-off-white ul,
.bg-mist ul,
.bg-mist-dk ul,
.bg-sky-blue-ltr ul,
.bg-sky-blue-lt ul,
.bg-clear ul,
.bg-dusk-dkr ul,
.bg-tru-ppl ul,
.bg-ntrl-white ol,
.bg-off-white ol,
.bg-mist ol,
.bg-mist-dk ol,
.bg-sky-blue-ltr ol,
.bg-sky-blue-lt ol,
.bg-clear ol,
.bg-dusk-dkr ol,
.bg-tru-ppl ol,
.bg-ntrl-white dl,
.bg-off-white dl,
.bg-mist dl,
.bg-mist-dk dl,
.bg-sky-blue-ltr dl,
.bg-sky-blue-lt dl,
.bg-clear dl,
.bg-dusk-dkr dl,
.bg-tru-ppl dl {
font-size: var(--truTxtSizeBdy);
line-height: var(--truLnHghtBdy);
}

.bg-ntrl-white small,
.bg-off-white small,
.bg-mist small,
.bg-mist-dk small,
.bg-sky-blue-ltr small,
.bg-sky-blue-lt small,
.bg-clear small,
.bg-dusk-dkr small,
.bg-tru-ppl small {
font-size: var(--truTxtSizeMicro);
line-height: var(--truLnHghtMicro);
}

/* Global Eyebrow */
.eyebrow {
display: block;
width: 100%;
font-weight: var(--truFontWtRg);
}

.bg-clear .eyebrow {
  color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white .eyebrow,
.bg-dusk-dkr .bg-off-white .eyebrow,
.bg-dusk-dkr .bg-mist .eyebrow,
.bg-dusk-dkr .bg-mist-dk .eyebrow,
.bg-dusk-dkr .bg-sky-blue-ltr .eyebrow,
.bg-dusk-dkr .bg-sky-blue-lt .eyebrow,
.bg-tru-ppl .bg-ntrl-white .eyebrow,
.bg-tru-ppl .bg-off-white .eyebrow,
.bg-tru-ppl .bg-mist .eyebrow,
.bg-tru-ppl .bg-mist-dk .eyebrow,
.bg-tru-ppl .bg-sky-blue-ltr .eyebrow,
.bg-tru-ppl .bg-sky-blue-lt .eyebrow,
.bg-ntrl-white .eyebrow,
.bg-off-white .eyebrow,
.bg-mist .eyebrow,
.bg-mist-dk .eyebrow,
.bg-sky-blue-ltr .eyebrow,
.bg-sky-blue-lt .eyebrow {
  color: var(--truNeutral700);
}

/* .bg-ntrl-gray .eyebrow,
.bg-ntrl-gray .eyebrow, */
.bg-dusk-dkr .eyebrow,
.bg-tru-ppl .eyebrow {
color: var(--truSky200);
}


/* Global heading */
.heading {
  display: block;
  width: 100%;
  }

  .bg-clear .heading {
    color: inherit;
    }

    .bg-dusk-dkr .bg-ntrl-white .heading,
    .bg-dusk-dkr .bg-off-white .heading,
    .bg-dusk-dkr .bg-mist .heading,
    .bg-dusk-dkr .bg-mist-dk .heading,
    .bg-dusk-dkr .bg-sky-blue-ltr .heading,
    .bg-dusk-dkr .bg-sky-blue-lt .heading,
    .bg-dusk-dkr .bg-mist-dk .heading,
    .bg-dusk-dkr .bg-sky-blue-ltr .heading,
    .bg-dusk-dkr .bg-sky-blue-lt .heading,
    .bg-tru-ppl .bg-ntrl-white .heading,
    .bg-tru-ppl .bg-off-white .heading,
    .bg-tru-ppl .bg-mist .heading,
    .bg-tru-ppl .bg-mist-dk .heading,
    .bg-tru-ppl .bg-sky-blue-ltr .heading,
    .bg-tru-ppl .bg-sky-blue-lt .heading,
    .bg-tru-ppl .bg-mist-dk .heading,
    .bg-tru-ppl .bg-sky-blue-ltr .heading,
    .bg-tru-ppl .bg-sky-blue-lt .heading,
    .bg-ntrl-white .heading,
    .bg-off-white .heading,
    .bg-mist .heading,
    .bg-mist-dk .heading,
    .bg-sky-blue-ltr .heading,
    .bg-sky-blue-lt .heading {
color: var(--truPurple800);
}

.bg-dusk-dkr .heading,
.bg-tru-ppl .heading {
color: var(--truNeutral0);
}


/* Global Subheading */
.subheading {
  display: block;
  width: 100%;
  }

  .bg-clear .subheading {
    color: inherit;
    }

    .bg-dusk-dkr .bg-ntrl-white .subheading,
    .bg-dusk-dkr .bg-off-white .subheading,
    .bg-dusk-dkr .bg-mist .subheading,
    .bg-dusk-dkr .bg-mist-dk .subheading,
    .bg-dusk-dkr .bg-sky-blue-ltr .subheading,
    .bg-dusk-dkr .bg-sky-blue-lt .subheading,

    .bg-tru-ppl .bg-ntrl-white .subheading,
    .bg-tru-ppl .bg-off-white .subheading,
    .bg-tru-ppl .bg-mist .subheading,
    .bg-tru-ppl .bg-mist-dk .subheading,
    .bg-tru-ppl .bg-sky-blue-ltr .subheading,
    .bg-tru-ppl .bg-sky-blue-lt .subheading,

.bg-ntrl-white .subheading,
.bg-off-white .subheading,
.bg-mist .subheading,
.bg-mist-dk .subheading,
.bg-sky-blue-ltr .subheading,
.bg-sky-blue-lt .subheading {
color: var(--truNeutral700);
}

.bg-dusk-dkr .subheading,
.bg-tru-ppl .subheading {
color: var(--truSky200);
}


/* Global list*/

.bg-clear .list-heading {
  color: inherit;
  font-weight: var(--truFontWtBd);
  }

  .bg-dusk-dkr .bg-ntrl-white .list-heading,
  .bg-dusk-dkr .bg-off-white .list-heading,
  .bg-dusk-dkr .bg-mist .list-heading,
  .bg-dusk-dkr .bg-mist-dk .list-heading,
  .bg-dusk-dkr .bg-sky-blue-ltr .list-heading,
  .bg-dusk-dkr .bg-sky-blue-lt .list-heading,
  .bg-tru-ppl .bg-ntrl-white .list-heading,
  .bg-tru-ppl .bg-off-white .list-heading,
  .bg-tru-ppl .bg-mist .list-heading,
  .bg-tru-ppl .bg-mist-dk .list-heading,
  .bg-tru-ppl .bg-sky-blue-ltr .list-heading,
  .bg-tru-ppl .bg-sky-blue-lt .list-heading,
.bg-ntrl-white .list-heading,
.bg-off-white .list-heading,
.bg-mist .list-heading,
.bg-mist-dk .list-heading,
.bg-sky-blue-ltr .list-heading,
.bg-sky-blue-lt .list-heading {
color: var(--truPurple800);
font-weight: var(--truFontWtBd);
}

.bg-dusk-dkr .list-heading,
.bg-tru-ppl .list-heading {
color: var(--truNeutral0);
font-weight: var(--truFontWtBd);
}

.bg-ntrl-white .ordered,
.bg-off-white .ordered,
.bg-mist .ordered,
.bg-mist-dk .ordered,
.bg-sky-blue-ltr .ordered,
.bg-sky-blue-lt .ordered,
.bg-clear .ordered,
.bg-dusk-dkr .ordered,
.bg-tru-ppl .ordered,
.bg-ntrl-white .unordered,
.bg-off-white .unordered,
.bg-mist .unordered,
.bg-mist-dk .unordered,
.bg-sky-blue-ltr .unordered,
.bg-sky-blue-lt .unordered,
.bg-clear .unordered,
.bg-dusk-dkr .unordered,
.bg-tru-ppl .unordered {
  margin-left: 0;
padding-left: var(--truSpaceLg);
text-align: left;
}


/* Global Unordered list*/

.bg-clear ul li {
  padding: 0 0 var(--truSpaceMd) 0;
  margin-left: 0;
  color: inherit;
  }

  .bg-dusk-dkr .bg-ntrl-white ul li,
  .bg-dusk-dkr .bg-off-white ul li,
  .bg-dusk-dkr .bg-mist ul li,
  .bg-dusk-dkr .bg-mist-dk ul li,
  .bg-dusk-dkr .bg-sky-blue-ltr ul li,
  .bg-dusk-dkr .bg-sky-blue-lt ul li,
  .bg-tru-ppl .bg-ntrl-white ul li,
  .bg-tru-ppl .bg-off-white ul li,
  .bg-tru-ppl .bg-mist ul li,
  .bg-tru-ppl .bg-mist-dk ul li,
  .bg-tru-ppl .bg-sky-blue-ltr ul li,
  .bg-tru-ppl .bg-sky-blue-lt ul li,
.bg-ntrl-white ul li,
.bg-off-white ul li,
.bg-mist ul li,
.bg-mist-dk ul li,
.bg-sky-blue-ltr ul li,
.bg-sky-blue-lt ul li {
padding: 0 0 var(--truSpaceMd) 0;
margin-left: 0;
color: var(--truPurple800);
}

.bg-dusk-dkr ul li,
.bg-tru-ppl ul li {
  padding: 0 0 var(--truSpaceMd) 0;
  margin-left: 0;
  color: var(--truNeutral100);
}

.unordered > li::marker {
  color: var(--truPurple800);
}

.bg-clear .unordered > li::marker {
  color: inherit;
}

.bg-dusk-dkr .unordered > li::marker,
.bg-tru-ppl .unordered > li::marker {
  color: var(--truNeutral0);
}


/* Global Ordered list*/

.bg-clear ol li {
  padding: 0 0 var(--truSpaceMd) 0;
  margin-left: calc(0px - var(--truSpace3xs));
  line-height: var(--truLnHghtBdy);
  color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white ol li,
.bg-dusk-dkr .bg-off-white ol li,
.bg-dusk-dkr .bg-mist ol li,
.bg-dusk-dkr .bg-mist-dk ol li,
.bg-dusk-dkr .bg-sky-blue-ltr ol li,
.bg-dusk-dkr .bg-sky-blue-lt ol li,
.bg-tru-ppl .bg-ntrl-white ol li,
.bg-tru-ppl .bg-off-white ol li,
.bg-tru-ppl .bg-mist ol li,
.bg-tru-ppl .bg-mist-dk ol li,
.bg-tru-ppl .bg-sky-blue-ltr ol li,
.bg-tru-ppl .bg-sky-blue-lt ol li,
.bg-ntrl-white ol li,
.bg-off-white ol li,
.bg-mist ol li,
.bg-mist-dk ol li,
.bg-sky-blue-ltr ol li,
.bg-sky-blue-lt ol li {
  padding: 0 0 var(--truSpaceMd) 0;
  margin-left: calc(0px - var(--truSpace3xs));
  line-height: var(--truLnHghtBdy);
  color: var(--truPurple800);
}

.bg-dusk-dkr ol li,
.bg-tru-ppl ol li {
  padding: 0 0 var(--truSpaceMd) 0;
  margin-left: calc(0px - var(--truSpace3xs));
  line-height: var(--truLnHghtBdy);
  color: var(--truNeutral100);
}

.ordered > li::marker {
  color: var(--truPurple800);
  font-weight: var(--truFontWtBd);
}

.bg-clearl .ordered > li::marker {
  color: inherit;
}

.bg-dusk-dkr .ordered > li::marker,
.bg-tru-ppl .ordered > li::marker {
  color: var(--truNeutral0);
}


/* Global Icon list*/
.bg-ntrl-white .check-icon,
.bg-off-white .check-icon,
.bg-mist .check-icon,
.bg-mist-dk .check-icon,
.bg-sky-blue-ltr .check-icon,
.bg-sky-blue-lt .check-icon,
.bg-clear .check-icon,
.bg-dusk-dkr .check-icon,
.bg-tru-ppl .check-icon {
  list-style: none;
  padding-left: var(--truSpaceLg);
}

.bg-ntrl-white .check-icon li,
.bg-off-white .check-icon li,
.bg-mist .check-icon li,
.bg-mist-dk .check-icon li,
.bg-sky-blue-ltr .check-icon li,
.bg-sky-blue-lt .check-icon li,
.bg-clear .check-icon li,
.bg-dusk-dkr .check-icon li,
.bg-tru-ppl .check-icon li {
  position: relative;
}

.bg-ntrl-white .check-icon li::before,
.bg-off-white .check-icon li::before,
.bg-mist .check-icon li::before,
.bg-mist-dk .check-icon li::before,
.bg-sky-blue-ltr .check-icon li::before,
.bg-sky-blue-lt .check-icon li::before,
.bg-clear .check-icon li::before,
.bg-dusk-dkr .check-icon li::before,
.bg-tru-ppl .check-icon li::before {
  content: "";
  display: block;
  width: var(--truSpaceMd);
  height: var(--truSpaceMd);
  position: absolute;
  top: 3px;
  left: -23px;
}

/* Stroke check ::marker */

.bg-clear .check-stroke li::before,
.bg-clear .check-fill li::before {
  background: none;
}

.bg-dusk-dkr .bg-ntrl-white .check-stroke li::before,
.bg-dusk-dkr .bg-off-white .check-stroke li::before,
.bg-dusk-dkr .bg-mist .check-stroke li::before,
.bg-dusk-dkr .bg-mist-dk .check-stroke li::before,
.bg-dusk-dkr .bg-sky-blue-ltr .check-stroke li::before,
.bg-dusk-dkr .bg-sky-blue-lt .check-stroke li::before,

.bg-tru-ppl .bg-ntrl-white .check-stroke li::before,
.bg-tru-ppl .bg-off-white .check-stroke li::before,
.bg-tru-ppl .bg-mist .check-stroke li::before,
.bg-tru-ppl .bg-mist-dk .check-stroke li::before,
.bg-tru-ppl .bg-sky-blue-ltr .check-stroke li::before,
.bg-tru-ppl .bg-sky-blue-lt .check-stroke li::before,

.bg-ntrl-white .check-stroke li::before,
.bg-off-white .check-stroke li::before,
.bg-mist .check-stroke li::before,
.bg-mist-dk .check-stroke li::before,
.bg-sky-blue-ltr .check-stroke li::before,
.bg-sky-blue-lt .check-stroke li::before {
  background: url(../../../content/dam/global-images/checks/icon-checkmark-midnightpurple-stroke.svg) center center no-repeat/var(--truSpaceMd);
}

.bg-dusk-dkr .check-stroke li::before,
.bg-tru-ppl .check-stroke li::before {
  background: url(../../../content/dam/global-images/checks/icon-checkmark-white-stroke.svg) center center no-repeat/var(--truSpaceMd);
}

/* Fill check ::marker */
.bg-dusk-dkr .bg-ntrl-white .check-fill li::before,
.bg-dusk-dkr .bg-off-white .check-fill li::before,
.bg-dusk-dkr .bg-mist .check-fill li::before,
.bg-dusk-dkr .bg-mist-dk .check-fill li::before,
.bg-dusk-dkr .bg-sky-blue-ltr .check-fill li::before,
.bg-dusk-dkr .bg-sky-blue-lt .check-fill li::before,

.bg-tru-ppl  .bg-ntrl-white .check-fill li::before,
.bg-tru-ppl .bg-off-white .check-fill li::before,
.bg-tru-ppl  .bg-mist .check-fill li::before,
.bg-tru-ppl .bg-mist-dk .check-fill li::before,
.bg-tru-ppl .bg-sky-blue-ltr .check-fill li::before,
.bg-tru-ppl  .bg-sky-blue-lt .check-fill li::before,

.bg-ntrl-white .check-fill li::before,
.bg-off-white .check-fill li::before,
.bg-mist .check-fill li::before,
.bg-mist-dk .check-fill li::before,
.bg-sky-blue-ltr .check-fill li::before,
.bg-sky-blue-lt .check-fill li::before {
  background: url(../../../content/dam/global-images/checks/icon-checkmark-midnightpurple-fill.svg) no-repeat center center/var(--truSpaceMd);
}

.bg-dusk-dkr .check-fill li::before,
.bg-tru-ppl .check-fill li::before {
  background: url(../../../content/dam/global-images/checks/icon-checkmark-white-fill.svg) no-repeat center center/var(--truSpaceMd);
}


/* Global Description list */

.bg-ntrl-white dl,
.bg-off-white dl,
.bg-dusk-dkr dl,
.bg-tru-ppl dl,
.bg-mist dl,
.bg-mist-dk dl,
.bg-sky-blue-lt dl,
.bg-sky-blue-ltr dl {
min-width: 50%;
padding: var(--truSpaceLg);
border-radius: 1rem;
line-height: var(--truLnHghtBdy);
transition: all .3s ease-in-out;
}

/* .bg-clear dl {
  padding: inherit;
  background: inherit;
  min-width: 50%;
border-radius: 1rem;
line-height: var(--truLnHghtBdy);
transition: all .3s ease-in-out;
} */

.bg-clear dl dt{
    color: inherit;
}

.bg-ntrl-white .bg-mist dl,
.bg-ntrl-white .bg-mist-dk dl,
.bg-ntrl-white .bg-sky-blue-lt dl,
.bg-ntrl-white .bg-sky-blue-ltr dl,
.bg-off-white .bg-mist dl,
.bg-off-white .bg-mist-dk dl,
.bg-off-white .bg-sky-blue-lt dl,
.bg-off-white .bg-sky-blue-ltr dl ,
.bg-dusk-dkr .bg-mist dl,
.bg-dusk-dkr .bg-mist-dk dl,
.bg-dusk-dkr .bg-sky-blue-lt dl,
.bg-dusk-dkr .bg-sky-blue-ltr dl ,
.bg-tru-ppl .bg-mist dl,
.bg-tru-ppl .bg-mist-dk dl,
.bg-tru-ppl .bg-sky-blue-lt dl,
.bg-tru-ppl .bg-sky-blue-ltr dl ,
.bg-mist dl,
.bg-mist-dk dl,
.bg-sky-blue-lt dl,
.bg-sky-blue-ltr dl {
  background: var(--truNeutral0);
}

.bg-ntrl-white dl,
.bg-off-white dl,
.bg-dusk-dkr dl,
.bg-tru-ppl dl {
  background: var(--truPurple50);
}



.bg-ntrl-white dl dt,
.bg-off-white dl dt,
.bg-mist dl dt,
.bg-mist-dk dl dt,
.bg-sky-blue-lt dl dt,
.bg-sky-blue-ltr dl dt,
.bg-dusk-dkr dl dt,
.bg-tru-ppl dl dt {
    color: var(--truPurple600);
}

.bg-clear dl dd {
  margin-bottom: var(--truSpaceMd);
  color: inherit;
  }

.bg-ntrl-white dl dd,
.bg-off-white dl dd,
.bg-dusk-dkr dl dd,
.bg-tru-ppl dl dd,
.bg-mist dl dd,
.bg-mist-dk dl dd,
.bg-sky-blue-lt dl dd,
.bg-sky-blue-ltr dl dd {
margin-bottom: var(--truSpaceMd);
color: var(--truPurple800);
}

/* Inline description list */
dl.inline dt {
display: inline;
}

dl.inline dd {
margin-top: 0rem;
display: inline;
}

dl.inline dd::after {
content: "";
display: block;
margin-bottom: var(--truSpaceMd);
}

/* Global Link */

.bg-clear a:link,
.bg-clear a:visited,
.bg-ntrl-white a:link,
.bg-ntrl-white a:visited,
.bg-off-white a:link,
.bg-off-white a:visited,
.bg-mist a:link,
.bg-mist a:visited,
.bg-mist-dk a:link,
.bg-mist-dk a:visited,
.bg-sky-blue-lt a:link,
.bg-sky-blue-lt a:visited,
.bg-sky-blue-ltr a:link,
.bg-sky-blue-ltr a:visited,
.bg-dusk-dkr a:link,
.bg-dusk-dkr a:visited,
.bg-tru-ppl a:link,
.bg-tru-ppl a:visited {
text-decoration: underline;
transition: all .25s ease-in-out;
}

.bg-clear a:hover,
.bg-clear a:focus,
.bg-ntrl-white a:hover,
.bg-ntrl-white a:focus,
.bg-off-white a:hover,
.bg-off-white a:focus,
.bg-mist a:hover,
.bg-mist a:focus,
.bg-mist-dk a:hover,
.bg-mist-dk a:focus,
.bg-sky-blue-lt a:hover,
.bg-sky-blue-lt a:focus,
.bg-sky-blue-ltr a:hover,
.bg-sky-blue-ltr a:focus,
.bg-dusk-dkr a:hover,
.bg-dusk-dkr a:focus,
.bg-tru-ppl a:hover,
.bg-tru-ppl a:focus {
text-decoration: none;
}

.bg-clear a:link,
.bg-clear a:visited,
.bg-clear a:hover,
.bg-clear a:focus {
color: inherit;
}

.bg-tru-ppl .bg-ntrl-white a:link,
.bg-tru-ppl .bg-ntrl-white a:visited,
.bg-tru-ppl .bg-ntrl-white a:hover,
.bg-tru-ppl .bg-ntrl-white a:focus,
.bg-tru-ppl .bg-off-white a:link,
.bg-tru-ppl .bg-off-white a:visited,
.bg-tru-ppl .bg-off-white a:hover,
.bg-tru-ppl .bg-off-white a:focus,
.bg-tru-ppl .bg-mist a:link,
.bg-tru-ppl .bg-mist a:visited,
.bg-tru-ppl .bg-mist a:hover,
.bg-tru-ppl .bg-mist a:focus,
.bg-tru-ppl .bg-mist-dk a:link,
.bg-tru-ppl .bg-mist-dk a:visited,
.bg-tru-ppl .bg-mist-dk a:hover,
.bg-tru-ppl .bg-mist-dk a:focus,
.bg-tru-ppl .bg-sky-blue-lt a:link,
.bg-tru-ppl .bg-sky-blue-lt a:visited,
.bg-tru-ppl .bg-sky-blue-lt a:hover,
.bg-tru-ppl .bg-sky-blue-lt a:focus,
.bg-tru-ppl .bg-sky-blue-ltr a:link,
.bg-tru-ppl .bg-sky-blue-ltr a:visited,
.bg-tru-ppl .bg-sky-blue-ltr a:hover,
.bg-tru-ppl .bg-sky-blue-ltr a:focus,
.bg-dusk-dkr .bg-ntrl-white a:link,
.bg-dusk-dkr .bg-ntrl-white a:visited,
.bg-dusk-dkr .bg-ntrl-white a:hover,
.bg-dusk-dkr .bg-ntrl-white a:focus,
.bg-dusk-dkr .bg-off-white a:link,
.bg-dusk-dkr .bg-off-white a:visited,
.bg-dusk-dkr .bg-off-white a:hover,
.bg-dusk-dkr .bg-off-white a:focus,
.bg-dusk-dkr .bg-mist a:link,
.bg-dusk-dkr .bg-mist a:visited,
.bg-dusk-dkr .bg-mist a:hover,
.bg-dusk-dkr .bg-mist a:focus,
.bg-dusk-dkr .bg-mist-dk a:link,
.bg-dusk-dkr .bg-mist-dk a:visited,
.bg-dusk-dkr .bg-mist-dk a:hover,
.bg-dusk-dkr .bg-mist-dk a:focus,
.bg-dusk-dkr .bg-sky-blue-lt a:link,
.bg-dusk-dkr .bg-sky-blue-lt a:visited,
.bg-dusk-dkr .bg-sky-blue-lt a:hover,
.bg-dusk-dkr .bg-sky-blue-lt a:focus,
.bg-dusk-dkr .bg-sky-blue-ltr a:link,
.bg-dusk-dkr .bg-sky-blue-ltr a:visited,
.bg-dusk-dkr .bg-sky-blue-ltr a:hover,
.bg-dusk-dkr .bg-sky-blue-ltr a:focus,
.bg-dusk-dkr .bg-ntrl-white a:link,
.bg-dusk-dkr .bg-ntrl-white a:visited,
.bg-dusk-dkr .bg-ntrl-white a:hover,
.bg-dusk-dkr .bg-ntrl-white a:focus,
.bg-dusk-dkr .bg-off-white a:link,
.bg-dusk-dkr .bg-off-white a:visited,
.bg-dusk-dkr .bg-off-white a:hover,
.bg-dusk-dkr .bg-off-white a:focus,
.bg-dusk-dkr .bg-mist a:link,
.bg-dusk-dkr .bg-mist a:visited,
.bg-dusk-dkr .bg-mist a:hover,
.bg-dusk-dkr .bg-mist a:focus,
.bg-dusk-dkr .bg-mist-dk a:link,
.bg-dusk-dkr .bg-mist-dk a:visited,
.bg-dusk-dkr .bg-mist-dk a:hover,
.bg-dusk-dkr .bg-mist-dk a:focus,
.bg-dusk-dkr .bg-sky-blue-lt a:link,
.bg-dusk-dkr .bg-sky-blue-lt a:visited,
.bg-dusk-dkr .bg-sky-blue-lt a:hover,
.bg-dusk-dkr .bg-sky-blue-lt a:focus,
.bg-dusk-dkr .bg-sky-blue-ltr a:link,
.bg-dusk-dkr .bg-sky-blue-ltr a:visited,
.bg-dusk-dkr .bg-sky-blue-ltr a:hover,
.bg-dusk-dkr .bg-sky-blue-ltr a:focus,
.bg-tru-ppl .bg-ntrl-white a:link,
.bg-tru-ppl .bg-ntrl-white a:visited,
.bg-tru-ppl .bg-ntrl-white a:hover,
.bg-tru-ppl .bg-ntrl-white a:focus,
.bg-tru-ppl .bg-off-white a:link,
.bg-tru-ppl .bg-off-white a:visited,
.bg-tru-ppl .bg-off-white a:hover,
.bg-tru-ppl .bg-off-white a:focus,
.bg-tru-ppl .bg-mist a:link,
.bg-tru-ppl .bg-mist a:visited,
.bg-tru-ppl .bg-mist a:hover,
.bg-tru-ppl .bg-mist a:focus,
.bg-tru-ppl .bg-mist-dk a:link,
.bg-tru-ppl .bg-mist-dk a:visited,
.bg-tru-ppl .bg-mist-dk a:hover,
.bg-tru-ppl .bg-mist-dk a:focus,
.bg-tru-ppl .bg-sky-blue-lt a:link,
.bg-tru-ppl .bg-sky-blue-lt a:visited,
.bg-tru-ppl .bg-sky-blue-lt a:hover,
.bg-tru-ppl .bg-sky-blue-lt a:focus,
.bg-tru-ppl .bg-sky-blue-ltr a:link,
.bg-tru-ppl .bg-sky-blue-ltr a:visited,
.bg-tru-ppl .bg-sky-blue-ltr a:hover,
.bg-tru-ppl .bg-sky-blue-ltr a:focus,
.bg-ntrl-white a:link,
.bg-ntrl-white a:visited,
.bg-ntrl-white a:hover,
.bg-ntrl-white a:focus,
.bg-off-white a:link,
.bg-off-white a:visited,
.bg-off-white a:hover,
.bg-off-white a:focus,
.bg-mist a:link,
.bg-mist a:visited,
.bg-mist a:hover,
.bg-mist a:focus,
.bg-mist-dk a:link,
.bg-mist-dk a:visited,
.bg-mist-dk a:hover,
.bg-mist-dk a:focus,
.bg-sky-blue-lt a:link,
.bg-sky-blue-lt a:visited,
.bg-sky-blue-lt a:hover,
.bg-sky-blue-lt a:focus,
.bg-sky-blue-ltr a:link,
.bg-sky-blue-ltr a:visited,
.bg-sky-blue-ltr a:hover,
.bg-sky-blue-ltr a:focus {
color: var(--truPurple500);
}

.bg-clear a:focus-visible{
  outline: 1px solid inherit;
  outline-offset: 1px;
  border-radius: var(--truBdrRadiusSm);
}

.bg-dusk-dkr .bg-ntrl-white a:focus-visible,
.bg-dusk-dkr .bg-off-white a:focus-visible,
.bg-dusk-dkr .bg-mist a:focus-visible,
.bg-dusk-dkr .bg-mist-dk a:focus-visible,
.bg-dusk-dkr .bg-sky-blue-ltr a:focus-visible,
.bg-dusk-dkr .bg-sky-blue-lt a:focus-visible,

.bg-tru-ppl .bg-ntrl-white a:focus-visible,
.bg-tru-ppl .bg-off-white a:focus-visible,
.bg-tru-ppl .bg-mist a:focus-visible,
.bg-tru-ppl .bg-mist-dk a:focus-visible,
.bg-tru-ppl .bg-sky-blue-ltr a:focus-visible,
.bg-tru-ppl .bg-sky-blue-lt a:focus-visible,

.bg-ntrl-white a:focus-visible,
.bg-off-white a:focus-visible,
.bg-mist a:focus-visible,
.bg-mist-dk a:focus-visible,
.bg-sky-blue-ltr a:focus-visible,
.bg-sky-blue-lt a:focus-visible{
  outline: 1px solid var(--truPurple500);
  outline-offset: 1px;
  border-radius: var(--truBdrRadiusSm);
}

.bg-dusk-dkr a:link,
.bg-dusk-dkr a:visited,
.bg-tru-ppl a:link,
.bg-tru-ppl a:visited,
.bg-dusk-dkr a:hover,
.bg-dusk-dkr a:focus,
.bg-tru-ppl a:hover,
.bg-tru-ppl a:focus {
  color: var(--truDawn200);
}

.bg-dusk-dkr a:focus-visible,
.bg-tru-ppl a:focus-visible {
  outline: 1px solid var(--truDawn200);
  outline-offset: 1px;
  border-radius: var(--truBdrRadiusSm);
}

/* Arrow link */
a.arrow-link {
display: inline-block;
max-width: fit-content;
position: relative;
}

a.arrow-link::before,
a.arrow-link::after {
  content: "";
  display: block;
  right: calc(0px - var(--truSpaceMd));
  position: absolute;
  transition: all 0.25s;
}

a.arrow-link::before {
    border-style: solid;
    border-width: 0 0 2px 2px;
    height: 6px;
    width: 6px;
    margin-top: 8px;
    transform: rotate(-135deg);
}

a.arrow-link::after {
  height: 2px;
  top: 10px;
  width: 11px;
}

a.arrow-link:hover::before,
a.arrow-link:hover::after {
  right: calc(0px - var(--truSpaceMd) - 3px);
}

.bg-clear a.arrow-link::before {
  border-color: inherit;
}

.bg-dusk-dkr .bg-ntrl-white a.arrow-link::before,
.bg-dusk-dkr .bg-off-white a.arrow-link::before,
.bg-dusk-dkr .bg-mist a.arrow-link::before,
.bg-dusk-dkr .bg-mist-dk a.arrow-link::before,
.bg-dusk-dkr .bg-sky-blue-lt a.arrow-link::before,
.bg-dusk-dkr .bg-sky-blue-ltr a.arrow-link::before,
.bg-tru-ppl .bg-ntrl-white a.arrow-link::before,
.bg-tru-ppl .bg-off-white a.arrow-link::before,
.bg-tru-ppl .bg-mist a.arrow-link::before,
.bg-tru-ppl .bg-mist-dk a.arrow-link::before,
.bg-tru-ppl .bg-sky-blue-lt a.arrow-link::before,
.bg-tru-ppl .bg-sky-blue-ltr a.arrow-link::before,
.bg-ntrl-white a.arrow-link::before,
.bg-off-white a.arrow-link::before,
.bg-mist a.arrow-link::before,
.bg-mist-dk a.arrow-link::before,
.bg-sky-blue-lt a.arrow-link::before,
.bg-sky-blue-ltr a.arrow-link::before{
  border-color: var(--truPurple500);
}

.bg-dusk-dkr a.arrow-link::before,
.bg-tru-ppl a.arrow-link::before {
border-color: var(--truDawn200);
}

.bg-clear a.arrow-link::after {
  background: inherit;
}

.bg-dusk-dkr .bg-ntrl-white a.arrow-link::after,
.bg-dusk-dkr .bg-off-white a.arrow-link::after,
.bg-dusk-dkr .bg-mist a.arrow-link::after,
.bg-dusk-dkr .bg-mist-dk a.arrow-link::after,
.bg-dusk-dkr .bg-sky-blue-lt a.arrow-link::after,
.bg-dusk-dkr .bg-sky-blue-ltr a.arrow-link::after,
.bg-tru-ppl .bg-ntrl-white a.arrow-link::after,
.bg-tru-ppl .bg-off-white a.arrow-link::after,
.bg-tru-ppl .bg-mist a.arrow-link::after,
.bg-tru-ppl .bg-mist-dk a.arrow-link::after,
.bg-tru-ppl .bg-sky-blue-lt a.arrow-link::after,
.bg-tru-ppl .bg-sky-blue-ltr a.arrow-link::after,
.bg-ntrl-white a.arrow-link::after,
.bg-off-white a.arrow-link::after,
.bg-mist a.arrow-link::after,
.bg-mist-dk a.arrow-link::after,
.bg-sky-blue-lt a.arrow-link::after,
.bg-sky-blue-ltr a.arrow-link::after{
  background: var(--truPurple500);
}

.bg-dusk-dkr a.arrow-link::after,
.bg-tru-ppl a.arrow-link::after{
  background: var(--truDawn200);
}

/* **** Foundation button code **** */
.btn-primary:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login),
.btn-secondary:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login),
.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login){
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 1.1rem 2.2rem;
  /* overflow: hidden; */
  border-radius: 1rem;
  box-shadow: none;
  font-family: "TruistTrio", "Truist Trio", Arial, Helvetica, sans-serif;
  font-weight: var(--truFontWtBd);
  font-size: var(--truTxtSizeBdy);
  line-height: var(--truLnHghtBdy);
  text-transform: none;
  text-decoration: none;
  user-select: none;
  letter-spacing: .025rem;
  cursor: pointer;
  white-space: nowrap;
  transition: all .25s ease-in-out;
}

.btn-primary:not(disabled):not(.disabled):active:focus,
.btn-secondary:not(disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

/* Bootstrap override */
.btn-primary:not(.custom-select):not(.subpage-navbar-cta) .button-text,
.btn-secondary:not(.custom-select):not(.subpage-navbar-cta) .button-text,
.btn-minimal:not(.custom-select):not(.subpage-navbar-cta) .button-text
 {
display: block;
position: relative;
z-index: 20;
}

.btn-primary.gap,
.btn-secondary.gap,
.btn-minimal.gap
{
gap: var(--truSpaceMd);
}

/* *** Primary*** */
/* **Primary Light BG ** */

.bg-clear .btn-primary:not(disabled):not(.disabled) {
background: inherit;
color: inherit;
border: 2px solid inherit;
max-width: fit-content;
}

.btn-primary:not(disabled):not(.disabled),

.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled),
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.bg-off-white .btn-primary:not(disabled):not(.disabled),
.bg-mist .btn-primary:not(disabled):not(.disabled),
.bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled) {
background: var(--truPurple500);
color: var(--truNeutral0);
border: 2px solid var(--truPurple500);
max-width: fit-content;
}

.bg-clear .btn-primary:not(disabled):not(.disabled):hover,
.bg-clear .btn-primary:not(disabled):not(.disabled).active:hover {
background: inherit;
color: inherit;
border: 2px solid inherit;
}

.btn-primary:not(disabled):not(.disabled):hover,
.btn-primary:not(disabled):not(.disabled).active:hover,

.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover {
background: var(--truPurple600);
color: var(--truNeutral0);
border: 2px solid var(--truPurple600);
}

.bg-clear .btn-primary:not(disabled):not(.disabled):active,
.bg-clear .btn-primary:not(disabled):not(.disabled):focus,
.bg-clear .btn-primary:not(disabled):not(.disabled).active,
.bg-clear .btn-primary:not(disabled):not(.disabled).active:focus {
background: inherit;
color: inherit;
}

.btn-primary:not(disabled):not(.disabled):active,
.btn-primary:not(disabled):not(.disabled):focus,
.btn-primary:not(disabled):not(.disabled).active,
.btn-primary:not(disabled):not(.disabled).active:focus,

.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl  .bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.bg-off-white .btn-primary:not(disabled):not(.disabled).active,
.bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-mist .btn-primary:not(disabled):not(.disabled):active,
.bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.bg-mist .btn-primary:not(disabled):not(.disabled).active,
.bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):active,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active,
.bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus {
background: var(--truPurple600);
color: var(--truNeutral0);
border: 2px solid var(--truPurple600);
outline: 1px solid;
outline-offset: -3px;
}

/* ** Prmary Dark BG** */
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled),
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled) {
background: var(--truDawn200);
color: var(--truPurple800);
border: 2px solid var(--truDawn200);
max-width: fit-content;
}

.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active:hover {
background: var(--truDawn100);
color: var(--truPurple800);
border: 2px solid var(--truDawn100);
}


.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled):active,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active,
.bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active:focus {
background: var(--truDawn100);
color: var(--truPurple800);
border: 2px solid var(--truDawn100);
outline: 1px solid;
outline-offset: -3px;
}

/* ***Secondary*** */
/* **Secondary Light BG ** */
.btn-secondary:not(disabled):not(.disabled),

.bg-dusk-dkr .bg-clear .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-clear .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled),
.bg-clear .btn-secondary:not(disabled):not(.disabled),
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.bg-off-white .btn-secondary:not(disabled):not(.disabled),
.bg-mist .btn-secondary:not(disabled):not(.disabled),
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled) {
background: var(--truClear);
color: var(--truPurple500);
border: 2px solid var(--truPurple500);
max-width: fit-content;
}


.bg-clear .btn-secondary:not(disabled):not(.disabled):hover,
.bg-clear .btn-secondary:not(disabled):not(.disabled).active:hover {
color: inherit;
background:  inherit;
border: 2px solid  inherit;
}


.btn-secondary:not(disabled):not(.disabled):hover,
.btn-secondary:not(disabled):not(.disabled).active:hover,

.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover {
color: var(--truPurple600);
background: var(--truPurple50);
border: 2px solid var(--truPurple600);
}

.bg-clear .btn-secondary:not(disabled):not(.disabled):active,
.bg-clear .btn-secondary:not(disabled):not(.disabled):focus,
.bg-clear .btn-secondary:not(disabled):not(.disabled).active,
.bg-clear .btn-secondary:not(disabled):not(.disabled).active:focus {
color: inherit;
background: inherit;
border: 2px solid inherit;
outline: 1px solid ;
outline-offset: -5px;
}

.btn-secondary:not(disabled):not(.disabled):active,
.btn-secondary:not(disabled):not(.disabled):focus,
.btn-secondary:not(disabled):not(.disabled).active,
.btn-secondary:not(disabled):not(.disabled).active:focus,

.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus {
color: var(--truPurple700);
background: var(--truPurple100);
border: 2px solid var(--truPurple700);
outline: 1px solid;
outline-offset: -5px;
}

/* **Secondary Dark BG ** */

.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled),
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled) {
background: var(--truClear);
color: var(--truDawn200);
border: 2px solid var(--truDawn200);
max-width: fit-content;
}

.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):hover,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active:hover {
background: var(--truClear);
color: var(--truDawn100);
border: 2px solid var(--truDawn100);
}


.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):active,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active,
.bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active:focus,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):active,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):focus,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active,
.bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active:focus {
background: var(--truClear);
color: var(--truDawn100);
border: 2px solid var(--truDawn100);
outline: 1px solid;
outline-offset: -5px;
}


/* ***Minimal*** */
/* **Minimal Light BG ** */
.bg-clear .btn-minimal:not(disabled):not(.disabled) {
background: inherit;
color: inherit;
border: 0;
outline: 1px solid inherit;
outline-offset: 0px;
max-width: fit-content;
}

.btn-minimal:not(disabled):not(.disabled),

.bg-dusk-dkr .bg-ntrl-white .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-off-white .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-mist-dk .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled),
.bg-dusk-dkr .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-ntrl-white .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-off-white .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-mist-dk .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled),
.bg-ntrl-white .btn-minimal:not(disabled):not(.disabled),
.bg-off-white .btn-minimal:not(disabled):not(.disabled),
.bg-mist .btn-minimal:not(disabled):not(.disabled),
.bg-mist-dk .btn-minimal:not(disabled):not(.disabled),
.bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled),
.bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled) {
background: var(--truClear);
color: var(--truPurple500);
border: 0;
outline: 1px solid var(--truClear);
outline-offset: 0px;
max-width: fit-content;
}

.bg-clear .btn.btn-minimal:not(disabled):not(.disabled):hover {
color: inherit;
background: inherit;
border: 0;
}

.btn.btn-minimal:not(disabled):not(.disabled):hover,

.bg-dusk-dkr .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-off-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-off-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):hover,
.bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-off-white .btn.btn-minimal:not(disabled):not(.disabled):hover,
.bg-mist .btn-minimal:not(disabled):not(.disabled):hover,
.bg-mist-dk .btn-minimal:not(disabled):not(.disabled):hover,
.bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):hover,
.bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):hover {
color: var(--truPurple600);
background: var(--truClear);
border: 0;
}

.bg-clear .btn.btn-minimal:not(disabled):not(.disabled):focus {
color: inherit;
outline: 1px solid inherit;
}

.bg-dusk-dkr .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-off-white .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):focus,
.bg-dusk-dkr .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-off-white .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-mist-dk .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):focus,
.bg-ntrl-white .btn.btn-minimal:not(disabled):not(.disabled):focus,
.bg-off-white .btn-minimal:not(disabled):not(.disabled):focus,
.bg-mist .btn-minimal:not(disabled):not(.disabled):focus,
.bg-mist-dk .btn-minimal:not(disabled):not(.disabled):focus,
.bg-sky-blue-lt .btn-minimal:not(disabled):not(.disabled):focus,
.bg-sky-blue-ltr .btn-minimal:not(disabled):not(.disabled):focus {
color: var(--truPurple700);
outline: 1px solid var(--truPurple700);
}

/* **minimal Dark BG ** */
.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled),
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled) {
color: var(--truDawn200);
}

.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled):hover,
.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled).active:hover,
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled):hover,
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled).active:hover {
color: var(--truDawn100);
}

.bg-dusk-dkr .btn-minimal:not(disabled):not(.disabled):focus,
.bg-tru-ppl .btn-minimal:not(disabled):not(.disabled):focus {
color: var(--truDawn100);
outline: 1px solid var(--truDawn100);
}



/* Bootstrap override */
.form-group .input-button {
  display: none !important;
  /* border-radius: 0rem .5rem .5rem 0rem !important; */
}

.hidden-label.form-group .input-button {
  display: flex !important;
  transform: translate(-3px, 0px);
  max-height: 4.6rem;
}

.accordion .accordion-text sup  {
  font-size: 35%;
  top: 5px;
  left: -3px;
}

/* Grid Layout container CSS*/

html {
  font-size: 62.5%;
}

body {
  /* font-family: "suntrustregular", "Trebuchet MS", "sans-serif"; */
  font-size: 1.6rem;
}

.wholesale-carousel-wrapper * {
  box-sizing: border-box;
}

.wholesale-carousel-wrapper {
  width: 100%;
  margin: 6.25rem auto;
}

.wholesale-carousel-wrapper .wholesale-slider-dimmensions {
  height: auto;
  width: 100%;
  padding: 3.125rem 4.5rem;
}


/** code for text starts **/
.wholesale-carousel-wrapper .carousel-text-data {
  color: #D4D4D4;
}

.wholesale-carousel-wrapper .carousel-text {
  text-align: left;
}

.wholesale-carousel-wrapper .carousel-text-heading {
  color: #D4D4D4;
  font-size: 2rem;
  margin-top: 1rem;
}

.wholesale-carousel-wrapper .Wholesale-slide-feature {
  padding: 0.625rem 1.25rem;
}
/** code for text ends **/

/** code to adjust width starts**/
.wholesale-carousel-wrapper .separation50percent {
  width: 50%;
}

.wholesale-carousel-wrapper .separation60percent {
  width: 60%;
}

.wholesale-carousel-wrapper .separation70percent {
  width: 70%;
}

.wholesale-carousel-wrapper .separation80percent {
  width: 80%;
}

.wholesale-carousel-wrapper .separation90percent {
  width: 90%;
}

.wholesale-carousel-wrapper .separation100percent {
  width: 100%;
}
/** code to adjust width ends **/

/** for carousel buttons code starts**/
.wholesale-carousel-wrapper .slick-next:before,
.wholesale-carousel-wrapper .slick-prev:before {
  color: #D4D4D4;
  font: normal normal 2.7rem carouselFont;
  content: "";
  display: inline-block;
  text-decoration: inherit;
  opacity: .5;
  top: 0%;
  position: absolute;
}

.wholesale-carousel-wrapper .slick-next {
  right: 1.5625rem;
  transform: rotate(180deg);
  z-index: 999;
}

.wholesale-carousel-wrapper .slick-prev {
  left: 1.5625rem;
  z-index: 999;
}

.wholesale-carousel-wrapper .slick-dots li.slick-active button:before {
  color: #003b71;
}

.wholesale-carousel-wrapper .slick-dots {
  padding: 0;
  bottom: 1.4rem;
}

.wholesale-carousel-wrapper .slick-dots li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 5px;
  margin: 0 10px 0 0;
  padding: 0;
  cursor: pointer;
  background: #D4D4D4;
  transition: width 5s ease-out 0s;
}

.wholesale-carousel-wrapper .slick-dots li:last-child {
  margin-right: 0;
}

.wholesale-carousel-wrapper .slick-dots li:hover,
.wholesale-carousel-wrapper .slick-dots li.slick-active {
  background: #003b71;

}

.wholesale-carousel-wrapper .slick-dots li button {
  background: none;
}

.wholesale-carousel-wrapper .slick-dots li button::before {
  content: "";
  width: 30px;
  height: 5px;
}
/** for carousel buttons code ends**/

/** for making content at different variations code starts**/
.wholesale-carousel-wrapper .make-it-center {
  margin: 0 auto;
}

.wholesale-carousel-wrapper .make-it-right {
  float: right;
}

.wholesale-carousel-wrapper .make-it-left {
  float: left;
}
/** for making content at different variations code ends**/

/** for button and link starts **/
.wholesale-carousel-wrapper .carousel-button {
  background: #003b71;
  font-size: 1.5rem;
  width: 12.75rem;
  padding: 0.625rem 1.5625rem;
  margin-right: 0.3125rem;
  color: #D4D4D4;
  border-radius: 0.1875rem;
  text-align: center;
  border-style: none;
}

.wholesale-carousel-wrapper .carousel-button:hover,
.wholesale-carousel-wrapper .carousel-button:focus {
  background: #021e30;
  cursor: pointer;
  outline: none;
}

.wholesale-carousel-wrapper .wholesale-links {
  margin: 1.25rem auto;
  width: fit-content;
}

.wholesale-carousel-wrapper .linkIcon {
  background: url('../components/content/herocontainer/clientlibraries/clientlibs-site/resources/images/external-link.svg') no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  width: 2rem;
  margin-top: 1rem;
  height: 2.5rem;
}
/** for button and link ends **/

.wholesale-carousel-wrapper .content-wrapper {
  text-align: center;
  width: 35rem;
  margin: 0 0.5625rem 0 0.5625rem;
  min-height: 15rem;
  padding-bottom: 1rem;
}

/** for overlay image starts**/
.wholesale-carousel-wrapper .wrapper-overlay-image {
  width: 20rem;
  height: 10rem;
}

.wholesale-carousel-wrapper .overlay-image {
  width: 100%;
  height: 100%;
}
/** for overlay image ends **/

/** to show and hide any component starts here**/
.display-component {
  display: block;
}

.hide-component {
  display: none;
}

/***** Mobile devices portrait **************/
@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: landscape) {
  .wholesale-carousel-wrapper .wrapper-overlay-image {
    height: 130px;
    width: 35%;
    float: unset;
    margin: 0 auto;
  }

  .wholesale-carousel-wrapper .Wholesale-slide-feature,
  .wholesale-carousel-wrapper .separation50percent,
  .wholesale-carousel-wrapper .separation60percent,
  .wholesale-carousel-wrapper .separation70percent,
  .wholesale-carousel-wrapper .separation80percent,
  .wholesale-carousel-wrapper .separation90percent,
  .wholesale-carousel-wrapper .separation100percent {
    width: 100%;
  }

  .wholesale-carousel-wrapper .content-wrapper {
    width: 100%;
    clear: both;
    margin: 0 auto;
  }
}

/***** Mobile devices landscape **************/
@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and (orientation: portrait) {
  .wholesale-carousel-wrapper .wrapper-overlay-image {
    height: 130px;
    width: 100%;
    float: unset;
    margin: 0 auto;
  }

  .wholesale-carousel-wrapper .Wholesale-slide-feature {
    width: 100%;
  }

  .wholesale-carousel-wrapper .content-wrapper {
    width: 100%;
    clear: both;
    margin: 0 auto;
  }
}

/* Ipad pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .wholesale-carousel-wrapper .content-wrapper {
    width: 17rem;
  }

  .wholesale-carousel-wrapper .wrapper-overlay-image {
    width: 12rem;
  }
}
.global-cta-external-link {
    position:relative;
    top: -.2rem;
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem;
    background-repeat: round;
    vertical-align: middle;
    margin-left: .5rem;
}

.cta a:hover .global-cta-external-link,
.cta a:focus .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
}

.global-cta-downloadlink {
    position:relative;
    top: -.2rem;
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg);
    display: inline-block;
    height: 2.4rem;
    width: 2.4rem;
    background-repeat: round;
    vertical-align: middle;
    margin-left: .5rem;
}

.cta .global-cta-btn a:hover .global-cta-downloadlink,
.cta .global-cta-btn a:focus .global-cta-downloadlink {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download-white.svg);
}

.cta.cta__color--midnight .global-cta-btn .global-cta-downloadlink,
.cta.cta__color--dusk .global-cta-btn .global-cta-downloadlink,
.cta.cta__color--ghost-dark .global-cta-btn .global-cta-downloadlink {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download-white.svg);
}

.cta.cta__color--midnight .global-cta-btn a:hover .global-cta-downloadlink, .cta.cta__color--dusk .global-cta-btn a:hover .global-cta-downloadlink, .cta.cta.cta__color--ghost-dark .global-cta-btn a:hover .global-cta-downloadlink,
.cta.cta__color--midnight .global-cta-btn a:focus .global-cta-downloadlink, .cta.cta__color--dusk .global-cta-btn a:focus .global-cta-downloadlink, .cta.cta.cta__color--ghost-dark .global-cta-btn a:focus .global-cta-downloadlink {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg);
}

.global-cta-btn a,
.global-cta--link a,
.btn {
    padding: 1.5rem 2rem; 
    margin-bottom: 2rem; 
    width: auto; 
    font-size: 1.8rem; 
    line-height: 2.4rem; 
    text-decoration: none; 
    transition: all .15s ease-in;
}


.global-cta-btn a{
    border-radius: 0.25rem;
    display: inline-block;
    min-width: 150px;
}

/* CTA button ends */
/* CTA link starts */

.global-cta--link [data-wa-linktype="download" i] {
    text-decoration: underline;
    cursor: auto;
}

.global-cta--link [data-wa-linktype="download" i]::after,
.global-cta--link:focus > [data-wa-linktype="download" i]::after {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg); 
    background-size: contain; 
    height: 2.4rem; 
    width: 2.4rem; 
    margin-left: .5rem; 
    position: relative; 
    top: .5rem; 
    display: inline-block;
}

.global-cta-link a {
    text-decoration: none;
    display: inline-block;
    min-width: 150px;
    padding: 1.5rem 0;
    cursor: pointer;
}

.global-cta-btn-full-width{
    width: 100%;
}

.global-cta--link {
    cursor: auto;
}

.cta .global-cta--link:hover > a::after,
.cta .global-cta--link:focus > a::after,
.cta .global-cta--link a::after {
    display: none;
}

.global-cta--link:hover > a {
    color:#7C6992;
}
.global-cta--link:hover > a::after {
    content:'';
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTYgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRvd25sb2FkIiBmaWxsPSIjN0M2OTkyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTUuOTIzLDYuMzk1MzEyOTkgQzE2LjA3NzgxNzksNi4wMjE1MzUzOCAxNS45OTIxNjUzLDUuNTkxMjk4NTQgMTUuNzA2LDUuMzA1MzEyOTkgTDEwLjcwNiwwLjMwNTMxMjk5MyBDMTAuNDU0OTI1NSwwLjA0NTM1NjQwODkgMTAuMDgzMTIyMSwtMC4wNTg4OTk2MDM5IDkuNzMzNDkyNjgsMC4wMzI2MTU4MzY4IEM5LjM4Mzg2MzI0LDAuMTI0MTMxMjc3IDkuMTEwODE4MjgsMC4zOTcxNzYyMzggOS4wMTkzMDI4NCwwLjc0NjgwNTY2OSBDOC45Mjc3ODc0LDEuMDk2NDM1MSA5LjAzMjA0MzQyLDEuNDY4MjM4NTIgOS4yOTIsMS43MTkzMTI5OSBMMTIuNTg2LDUuMDEzMzEyOTkgTDEsNS4wMTMzMTI5OSBDMC40NDc3MTUyNSw1LjAxMzMxMjk5IDAsNS40NjEwMjgyNCAwLDYuMDEzMzEyOTkgQzAsNi41NjU1OTc3NCAwLjQ0NzcxNTI1LDcuMDEzMzEyOTkgMSw3LjAxMzMxMjk5IEwxMi41ODYsNy4wMTMzMTI5OSBMOS4yOTMsMTAuMzA2MzEzIEM5LjAzMzA0MzQyLDEwLjU1NzM4NzUgOC45Mjg3ODc0LDEwLjkyOTE5MDkgOS4wMjAzMDI4NCwxMS4yNzg4MjAzIEM5LjExMTgxODI4LDExLjYyODQ0OTcgOS4zODQ4NjMyNCwxMS45MDE0OTQ3IDkuNzM0NDkyNjgsMTEuOTkzMDEwMSBDMTAuMDg0MTIyMSwxMi4wODQ1MjU2IDEwLjQ1NTkyNTUsMTEuOTgwMjY5NiAxMC43MDcsMTEuNzIwMzEzIEwxNS43MDcsNi43MjAzMTI5OSBDMTUuNzk5NjQ0LDYuNjI3MjE1NSAxNS44NzMwNDEzLDYuNTE2Nzc5ODIgMTUuOTIzLDYuMzk1MzEyOTkgTDE1LjkyMyw2LjM5NTMxMjk5IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") 0 0 no-repeat;
    padding: 6px 8px;
}
.global-cta--link a::after,
.global-cta--link:focus > a::after {
    content:'';
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
    padding: 7px 8px;
}

.global-cta--link:hover > a::after,
.global-cta--link a::after {
    display: inline-block;
}

.global-cta--link a {
    padding: 1.5rem 0;
    border:0;
    font-size:2rem;
    text-decoration: none;
    color:#2e1a47;
    display: inline-block; 
    cursor: pointer;
}

.global-cta--link a:focus {
    outline:none;
    color:#2e1a47;
    border: 1px solid #2e1a47;
    border-radius: 4px;
}

.global-cta--link a:focus::after {
    content:'';
    background:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
    padding:7px 8px;
}

.global-cta--link:hover > a:focus::after {
    padding: 7px 8px;
}

.global-cta-btn-260 a{
    width: 260px;
    height: 60px;
    border-radius: 0.25rem;
    display: inline-block;
    padding: 1.5rem;
    text-decoration: none;
}

.global-cta-btn-220 a{
    width: 220px;
    height: 60px;
    border-radius: 0.25rem;
    display: inline-block;
    padding: 1.5rem;
    text-decoration: none;
}

.global-cta-btn-180 a{
    width: 180px;
    height: 60px;
    border-radius: 0.25rem;
    display: inline-block;
    padding: 1.5rem;
    text-decoration: none;
}
/* CTA ICON */
.global-cta-rightarrow {
    background: url('../../../content/dam/truist/icon/modal-component/midnight-arrow-right.png') no-repeat 0 0;
  	width: 25px;
   	height: 25px;
    display: inline-block;
    background-size: contain;
    padding: 1.5rem 1.5rem 0 1.5rem; 
    margin-left: .5rem;
}

.global-cta-leftarrow {
    background: url('../../../content/dam/truist/icon/modal-component/midnight-arrow-left.png') no-repeat 0 0;
  	width: 25px;
   	height: 25px;
    display: inline-block;
    background-size: contain;
    float: left; 
    transform: rotate(180deg); 
    margin-right: 1rem; 
    padding: 1rem;
}

.cta .global-cta--link .global-cta-rightarrow,
.cta .global-cta--link .global-cta-leftarrow {
    background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
    background-size: contain; 
    width: auto; 
    height: auto;
}

.gl-align-right.icon{margin: 15px 10px 0 0}
.gl-align-left.icon{margin: 15px 0 0 10px}
.gl-align-center.icon{margin-top: 15px}
.global-cta-btn a.modalWindow{
	color: #2e1a47;
	cursor: pointer;
	text-decoration: none;
}

.global-cta-btn a.modalWindow:hover,
.global-cta-btn a.modalWindow:focus{
	color: #fff;
	cursor: pointer;
}

.author-cta-styling a {
	cursor: pointer;
}


.cta__size--full a {
    display: block;
}

.cta__size--remove-padding .global-cta--link a, .cta__size--remove-padding .global-cta-btn a {
    padding: 0;
}

.cta__text--semi-bold a {
    font-weight: 600;
}

.cta__text--uppercase a {
    text-transform: uppercase;
}


/*color (buttons)*/

.cta__color--midnight .global-cta-btn a, .cta__color--midnight .global-cta-btn a.modalWindow {
    background: #2E1A47;
    border: 2px solid #2e1a47;
    color: #fff;
}

.cta__color--midnight .global-cta-btn a:hover, .cta__color--midnight .global-cta-btn a:active {
    background: transparent;
    border: 2px solid #2e1a47;
    color: #2e1a47;
}

.cta__color--midnight .global-cta-btn a:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.cta__color--dusk .global-cta-btn a, .cta__color--dusk .global-cta-btn a.modalWindow {
    background: #7C6992;
    border: 2px solid #7C6992;
    color: #fff;
}

.cta__color--dusk .global-cta-btn a:hover, .cta__color--dusk .global-cta-btn a:active {
    background: #AFABC9;
    border: 2px solid #AFABC9;
    color: #2e1a47;
}

.cta__color--dusk .global-cta-btn a:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.cta__color--ghost-light .global-cta-btn a, .cta__color--ghost-light .global-cta-btn a.modalWindow {
    background: transparent;
    border: 2px solid #2e1a47;
    color: #2E1A47;
}

.cta__color--ghost-light .global-cta-btn a:hover, .cta__color--ghost-light .global-cta-btn a:active {
    background: #2E1A47;
    border: 2px solid #2e1a47;
    color: #fff;
}

.cta__color--ghost-light .global-cta-btn a:focus {
    outline: 1px solid #2E1A47;
    outline-offset: -4px;
}

.cta__color--ghost-light .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
}

.cta__color--ghost-light a:hover .global-cta-external-link, .cta__color--ghost-light a:focus .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
}

.cta__color--ghost-dark .global-cta-btn a, .cta__color--ghost-dark .global-cta-btn a.modalWindow {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.cta__color--ghost-dark .global-cta-btn a:hover, .cta__color--ghost-dark .global-cta-btn a:active {
    background: #fff;
    border: 2px solid #fff;
    color: #2e1a47;
}

.cta__color--ghost-dark .global-cta-btn a:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

.cta__color--sky .global-cta-btn a, .cta__color--sky .global-cta-btn a.modalWindow {
    background: #B0E0E2;
    border: 2px solid #B0E0E2;
    color: #2E1A47;
}

.cta__color--sky .global-cta-btn a:hover, .cta__color--sky .global-cta-btn a:active {
    background: #fff;
    border: 2px solid #fff;
    color: #2e1a47;
}

.cta__color--sky .global-cta-btn a:focus {
    outline: 1px solid #2e1a47;
    outline-offset: -4px;
}

.cta__color--sky .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
}

.cta__color--white .global-cta-btn a, .cta__color--white .global-cta-btn a.modalWindow {
    background: #fff;
    border: 2px solid #fff;
    color: #2E1A47;
}

.cta__color--white .global-cta-btn a:hover, .cta__color--white .global-cta-btn a:active {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.cta__color--white .global-cta-btn a:focus {
    outline: 1px solid #2e1a47;
    outline-offset: -4px;
}

.cta__color--white .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
}

.cta__color--white a:hover .global-cta-external-link, .cta__color--white a:focus .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
}

.cta__color--dawn .global-cta-btn a, .cta__color--dawn .global-cta-btn a.modalWindow {
    background: #AFABC9;
    border: 2px solid #AFABC9;
    color: #2E1A47;
}

.cta__color--dawn .global-cta-btn a:hover, .cta__color--dawn .global-cta-btn a:active {
    background: #7C6992;
    border: 2px solid #7C6992;
    color: #fff;
}

.cta__color--dawn .global-cta-btn a:focus {
    outline: 1px solid #2e1a47;
    outline-offset: -4px;
}

.cta__color--dawn .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);
}

.cta__color--dawn a:hover .global-cta-external-link, .cta__color--dawn a:focus .global-cta-external-link {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
}

.cta .global-cta-btn a,
.cta .global-cta--link a,
.cta .btn {
    padding: 1.5rem 2rem; 
    margin-bottom: 2rem;
    width: auto; 
    font-size: 1.8rem; 
    line-height: 2.4rem; 
    border-radius: .4rem; 
    text-decoration: none; 
    transition: all .15s ease-in;
}

/*responsive*/
@media (max-width: 767.98px){
    .cta .global-cta-btn a,
    .cta .btn {display: block; text-align: center;}
}
@media (min-width: 768px) {
    .cta__display--inline {
        float: none !important;
        width: auto !important;
        display: inline-block !important;
        margin-right: 1rem;
    }
}

/* Override download icon custom styles*/
.cta .cta-dowload-noafter::after {
    display: none !important;
 }


.image-component {
	width: 100%;
	border: 0;
	height: auto;
}

.image-component img {
	width: 100%;
	height: auto;
}

.image img {
	max-width: 100%;
	height: auto;
}

/*image*/

.image__border-radius-top-left img {
	border-top-left-radius: 2rem;
}

.image__border-radius-top-right img {
	border-top-right-radius: 2rem;
}

.image__border-radius-bottom-right img {
	border-bottom-right-radius: 2rem;
}

.image__border-radius-bottom-left img {
	border-bottom-left-radius: 2rem;
}

/*mobile only*/

@media (max-width: 768px) {
	.image__border-radius-top-left--mobile img {
			border-top-left-radius: 2rem;
	}
	.image__border-radius-top-right--mobile img {
			border-top-right-radius: 2rem;
	}
	.image__border-radius-bottom-right--mobile img {
			border-bottom-right-radius: 2rem;
	}
	.image__border-radius-bottom-left--mobile img {
			border-bottom-left-radius: 2rem;
	}
}

@media (min-width: 769px) {
	/*desktop only*/
	.image__border-radius-top-left--desktop img {
			border-top-left-radius: 2rem;
	}
	.image__border-radius-top-right--desktop img {
			border-top-right-radius: 2rem;
	}
	.image__border-radius-bottom-right--desktop img {
			border-bottom-right-radius: 2rem;
	}
	.image__border-radius-bottom-left--desktop img {
			border-bottom-left-radius: 2rem;
	}
}


@media only screen and (min-device-width: 360px) and (max-device-width: 767px) {
	.image-component {
		text-align: center;
	}

	.image-component.float-left {
		clear: left;
		margin: 1rem auto 1rem auto;
	}

	.image-component.float-right {
		clear: right;
		margin: 1rem auto 1rem auto;
	}
}

/**IMAGE**/
/*CORNERS - grid component, image component*/
/*image*/
.image__border-radius-top-left img {border-top-left-radius: 2rem;}
.image__border-radius-top-right img {border-top-right-radius: 2rem;}
.image__border-radius-bottom-right img {border-bottom-right-radius: 2rem;}
.image__border-radius-bottom-left img {border-bottom-left-radius: 2rem;}

/*mobile only*/
@media (max-width: 768px){
    .image__border-radius-top-left--mobile img {border-top-left-radius: 2rem;}
    .image__border-radius-top-right--mobile img {border-top-right-radius: 2rem;}
    .image__border-radius-bottom-right--mobile img {border-bottom-right-radius: 2rem;}
    .image__border-radius-bottom-left--mobile img {border-bottom-left-radius: 2rem;}
}
@media (min-width: 769px){
/*desktop only*/
    .image__border-radius-top-left--desktop img {border-top-left-radius: 2rem;}
    .image__border-radius-top-right--desktop img {border-top-right-radius: 2rem;}
    .image__border-radius-bottom-right--desktop img {border-bottom-right-radius: 2rem;}
    .image__border-radius-bottom-left--desktop img {border-bottom-left-radius: 2rem;}
}
/**IMAGE END**/
.dll-wrapper-container {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}

.dll-inner-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.dll-customer-option{border:1px solid #efefef; padding: 10px; width: 100%; display:inline-block;}

.dll-filter-items{border-radius: 4px; border:1px solid #ccc; height: 30px; width: 20rem; margin-bottom: 10px;}

.dll-sort-items{width: 150px;border-radius: 4px; border:1px solid #ccc; height: 30px; margin-bottom: 10px;}

.apply-reset-button{
  display: flex;
  width: 100%;
}

.filterButton{
    display: block;
    font-size: 1em;
    padding: 5px 12px;
    margin: 8px 0 8px 0;
    border: none;
    margin-right: 10px;
}

.dllHeaderBar{width: 100%; padding: 1rem; display: inline-block;}
.dll-filter-section, .dll-heading {float: left;}
.dll-sort-section, .dll-viewall{float:right;}

/* to be removed Filter - need to add separate CSS file*/

/* Media Query Start */

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: portrait) {
  /* Partial View */
  .multi-item-carousel {
    overflow: hidden;
  }

  .dll-filter-items{width: 20rem;}
  .dll-sort-items{width: 9rem;}
}

/* Desktop */

@media screen and (min-width: 220px) and  (max-width: 696px) {
  .carousel-indicator-container .position-arrow{display: none}
  .carousel-indicator-container .carousel-indicator-align{display: inherit;}
  .carousel-indicator-container .carousel-indicator-align ul.carousel-indicators{position: relative;}
}
/* List View start here */
.dll-pagination-container{margin-top:10px;}

.listviewLayout-class .article {
    position: relative;
    display: flex;
    width: 100%;
    padding: 10px 0 0 5px;
}

.listviewLayout-class .article:first-child{padding-top: 0;}

.listviewLayout-class .article:last-child{
   border-bottom:0;
}

.listviewLayout-class .article .inner {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	width: 100%;
}

.listviewLayout-class .article .inner .article-title {
	font-size: 1.7rem;
	margin: 0 0 0 0;
}

.listviewLayout-class .article .inner .article-title a{
  color: #003b71;
}

.listviewLayout-class .article .inner p{
	font-size: 1.4rem;
	color: #333;
}

.listviewLayout-class .article .banner-icon{
    margin: 0 20px 0 0;
    padding: 0;
    position: relative;
    width:53px;
    height: 38px;
}

.listviewLayout-class .article .banner-image {
	width: 120px;
	height: 50px;
	vertical-align:top;
}

.listviewLayout-class .article .img-fluid{
	width: 100%;
	height: 100%;
}

.listviewLayout-class .article .date-desc{
	font-style: italic;
	margin: 0;
}

.listviewLayout-class .article .tag-desc{
	font-weight: bold;
	margin-bottom: 0;
}

.listviewLayout-class .dll-listview-tags{border-radius:4px; background: #ccc; color: #000; padding:2px 5px; font-weight: normal;}

.dll-pagination-container .text-center .pagination{display:inline-block; }

.listviewLayout-class .card-deck .dll-featured {width: 100%;}

.line-border-article {
	border-top: solid 1px #ccc
}

.listviewLayout-class .carousel-item .line-border-article:first-child{border: 0;}

.listviewLayout-class .card-deck .line-border-article:first-child{border: 0;}

/*List view end here */
div.thumbnail-container{
    background: #fff
}

.my-5 div.thumbnail-container {
    width: calc(100% * .18);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-4 div.thumbnail-container {
    width: calc(91.4% * .25);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-3 div.thumbnail-container{
	width: calc(94% * 0.33333);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

 .my-2  div.thumbnail-container{
    width: calc(100% * .48);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-1  div.thumbnail-container{
	width: calc(100% * .18);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.thubnail-inner-text{padding: 10px; display: inline-block;}

.thumbnail-img-container{position: relative;}

.thumbail-text {color: #005ead;}

.thumbnail-img-container  img{width: 100%; height: auto;}

.thumbail-anchor a{display: inline-block; width: 100%;}

@media screen  and (min-width: 824px) and  (max-width: 925px) {
    .my-5 div.thumbnail-container,
    .my-4 div.thumbnail-container,
    .my-3 div.thumbnail-container,
    .my-2 div.thumbnail-container,
    .my-1 div.thumbnail-container{ width: calc(92% * .33);}
}

@media screen  and (min-width: 551px) and  (max-width: 823px) {
    .my-5 div.thumbnail-container,
    .my-4 div.thumbnail-container,
    .my-3 div.thumbnail-container,
    .my-2 div.thumbnail-container,
    .my-1 div.thumbnail-container{ width: calc(100% * .48);}
}

@media screen  and (min-width: 290px) and  (max-width: 550px) {
    div.tombstone-container,
	.my-5 div.thumbnail-container,
	.my-4 div.thumbnail-container,
    .my-3 div.thumbnail-container,
    .my-2 div.thumbnail-container{width: 100%; margin: 0 auto 10px auto;}
    .my-1 div.thumbnail-container {width: 96%; margin: 0 auto 10px auto;}
}

/*Landscape */

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: landscape) {
    div.thumbnail-container {width: calc(96% * 0.5);}
}

/* Portrait */

@media only screen and (min-device-width: 360px) and (max-device-width: 496px) and  (orientation: portrait) {
	div.thumbnail-container{width: 100%; }
}

/*Ipad Portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    div.thumbnail-container {width: calc(96% * 0.5); max-width: 280px;}
    .my-2 div.thumbnail-container,
    .my-1 div.thumbnail-container{max-width: 100%};
}
/* Title List */
.title-list-wrapper {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.title-list-wrapper .container {padding-left: 0.5rem}

.title-list-wrapper .title-list-heading {
	padding:1.3rem 1.3rem 1.3rem 1rem;
}

.title-list-wrapper .title-link{
	width: 100%;
	padding-left: .5rem;
}

.title-list-wrapper .title-link a {
	padding: 0.9rem 1.3rem 0.2rem 0;
	display: inline-block;
}
.title-list-wrapper .carousel-inner{text-align: left}
.title-list-wrapper .dll-component-wrapper .dll-featured{padding: 0;width:100%}

/* Title List */
/* Carousel Title Layout */

.carousel .title-list-wrapper {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.carousel  .title-list-heading {
	padding: 1.3rem 1.3rem 1.3rem 0rem;
	border: 1px solid #fff;
}

.carousel .title-link{
	width: 100%;
	text-align: left;
}

.carousel .title-link a {
	padding: 0.9rem 1.3rem 0.2rem 0rem;
	display: inline-block;
}

/* Title list pagination */

.dll-pagination-container .title-list-wrapper {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.dll-pagination-container  .title-list-heading {
	padding: 1.3rem;
	border: 1px solid #fff;
}

.dll-pagination-container .title-link{
	width: 100%;
	text-align: left;
}

.dll-pagination-container.title-link a {
	color: #003b71;
	padding: 0.9rem 1.3rem 0.2rem 0rem;
	display: inline-block;
}
.grid-container {padding: 20px; position: relative; margin-bottom: 10px;}

.grid-inner-text{padding: 10px; display: inline-block;}

.grid-container a{padding-bottom: 20px; display:inline-block;}

.my-5  div.grid-container {
    width: calc(100% * .18);
    border: 1px solid #626262;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-4  div.grid-container {
    width: calc(91.4% * .25);
    border: 1px solid #626262;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-3 div.grid-container{
	width: calc(94% * 0.33333);
    border: 1px solid #626262;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-2 div.grid-container{
	width: calc(100% * .48);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.my-1 div.grid-container{
	width: calc(100% * .18);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.TBD-xline-icon::before {
    font-family: 'sun-icons-UXd1Fq6';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    /*font-size: 2.2rem;*/
    content: "\e008";
    color: #c94c06;
    display: block;
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 3rem;
    line-height: 40px;
}

.article-title,
.gridLayout-class .grid-container .article-summary p {
  color: #fff;
}

@media screen  and (min-width: 824px) and  (max-width: 925px) {
    .dll-container.my-5  div.grid-container,
    .dll-container.my-4  div.grid-container,
    .dll-container.my-3 div.grid-container,
    .dll-container.my-2  div.grid-container,
    .dll-container.my-1  div.grid-container{width: calc(92% * .33)}
}

@media screen  and (min-width: 551px) and  (max-width: 823px) {
   .dll-container.my-5  div.grid-container,
   .dll-container.my-4  div.grid-container,
   .dll-container.my-3  div.grid-container,
   .dll-container.my-2  div.grid-container,
   .dll-container.my-1  div.grid-container{width: calc(100% * .48)}
}

@media screen  and (min-width: 290px) and  (max-width: 550px) {
    div.grid-container,
	.my-5  div.grid-container,
	.my-4  div.grid-container,
    .my-3  div.grid-container,
    .my-2  div.grid-container,
    .my-1  div.grid-container{width: 96%; margin: 0 auto 10px auto;}
}

/*Landscape */

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: landscape) {
    .dll-inner-container div.grid-container {width: calc(100% * .48);}
}

/* Portrait */

@media only screen and (min-device-width: 360px) and (max-device-width: 496px) and  (orientation: portrait) {
	div.grid-container{width: 96%;}
}

/*Ipad Portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
     div.grid-container {  width: calc(96% * 0.5); }
     .my-2 div.grid-container,
     .my-1 div.grid-container{max-width: 100%};
}
/* load more component starts here */
.global-load-more-wrapper .global-load-more {
	position: relative;
}

.global-load-more-wrapper .global-load-more .loadMore {
	width: 20rem;
	height: 4rem;
	margin: 0 auto 0.9375rem;
	border-radius: 0.3rem;
	background-clip: padding-box;
	padding: 0.7rem 3rem;
	cursor: pointer;
	display: block;
	/* to be removed */
	text-align: center;
}

.global-load-more-wrapper .global-load-more .loadMore:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0.1rem;
	content: "";
	z-index: -1;
}

.global-load-more-wrapper a:hover {
	text-decoration: none;
}

.GlobalDynamicLists .global-load-more {
	display:inline-block;
	width: 100%;
}
  /* Load more End */
.dll-inner-container .item{display: flex;   flex-wrap: wrap; width: 100%;}

div.tombstone-container {background: #fff; border:1px solid #ccc;}

.my-5 div.tombstone-container {
    width: calc(100% * .18);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-4 div.tombstone-container {
    width: calc(91.4% * .25);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-3 div.tombstone-container{
	width: calc(94% * 0.33333);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
    }

.my-2  div.tombstone-container{
	width: calc(100% * .40);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.my-1  div.tombstone-container{
	width: calc(100% * 0.18);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}


.tombstone-photo img{
    width: 100%;
    height: auto;
}

.tombstone-desc{padding: 10px 0; min-height: 270px; text-align: left;}

.published-date{padding: 10px 0;  bottom: 0; position: absolute}

.tombstone-list-item{padding-left: 18px}

@media screen  and (min-width: 824px) and  (max-width: 925px) {
    .my-5 div.tombstone-container,
    .my-4 div.tombstone-container,
    .my-3 div.tombstone-container,
    .my-2 div.tombstone-container,
    .my-1 div.tombstone-container{ width: calc(92% * .33);}
}

@media screen  and (min-width: 551px) and  (max-width: 823px) {
    .my-5  div.tombstone-container,
    .my-4  div.tombstone-container,
    .my-3  div.tombstone-container,
    .my-2  div.tombstone-container,
    .my-1  div.tombstone-container{ width: calc(100% * .48);}
}

@media screen  and (min-width: 290px) and  (max-width: 550px) {
    div.tombstone-container,
	.my-5  div.tombstone-container,
    .my-4  div.tombstone-container,
    .my-3  div.tombstone-container,
    .my-2  div.tombstone-container{width: 100%; margin: 0 auto 10px auto;}
    .my-1  div.tombstone-container{width: 96%; margin: 0 auto 10px auto;}
}

/*Landscape */
@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: landscape) {
   div.tombstone-container {width: calc(96% * 0.5);}
}

/* Portrait */
@media only screen and (min-device-width: 360px) and (max-device-width: 496px) and  (orientation: portrait) {
   div.tombstone-container{width: 100%;  margin: 10px auto;}
   .published-date{position: relative;}
   .tombstone-desc{min-height: inherit;}
}

/*Ipad Portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    div.tombstone-container {width: calc(96% * 0.5);}
    .my-2 div.tombstone-container,
    .my-1 div.tombstone-container{max-width: 100%;};
}
/* Pagination Start */
ul.pagination { font-size: 1.6rem; width: 100%; display: inline-block; }

ul.pagination li{display: inline-block; width: auto;}

ul.pagination li.active a{text-decoration: none;}

ul.pagination li a:focus{ box-shadow: none; }

ul.pagination li  a{border:0; text-decoration: underline; padding-right: 0.6rem;}

ul.pagination li.disabled{padding: 0.6rem 0.6rem;}

ul.pagination li.active span.current{padding: 0.6rem; outline: 0; }

ul.pagination .page-link{background: none;}

ul.pagination .first,
ul.pagination .prev,
ul.pagination .next,
ul.pagination .last{
    outline: 0;
}


.card-deck {
  margin: 0 -15px;
  justify-content: flex-start;
}

.card-deck .card {
  margin: 0 0 1rem 0;
}

.card-deck.page {
  display: none;
  width:100%;
}

.card-deck.page-active {
  display: inline-flex;
  width:100%;
  padding: 0;
  margin: 0;
}

/*Pagination End */

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: landscape) {
  .dll-pagination-container .dll-inner-container div.thumbnail-container,
  .dll-pagination-container .dll-inner-container div.tombstone-container{
       width: calc(100% * .48);
    }
}

/* Ipad portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation: portrait) {
    .dll-pagination-container .dll-inner-container div.thumbnail-container,
    .dll-pagination-container .dll-inner-container div.tombstone-container {
       width: calc(100% * .48);
    }
}
/* Ipad Landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.dll-pagination-container .dll-inner-container div.thumbnail-container,
	.dll-pagination-container.my-4 .dll-inner-container div.thumbnail-container,
	.dll-pagination-container.my-3 .dll-inner-container div.thumbnail-container,
	.dll-pagination-container.my-2 .dll-inner-container div.thumbnail-container,
	.dll-pagination-container.my-4 .dll-inner-container div.tombstone-container,
	.dll-pagination-container.my-3 .dll-inner-container div.tombstone-container,
	.dll-pagination-container.my-2 .dll-inner-container div.tombstone-container {
		width: calc(100% * .48);
	}
}
/* Carousel Indicators */

.carousel{width: 100%}

.dll-component-wrapper .carousel-indicators .active{
    outline: none;
}
  
.dll-component-wrapper .carousel-indicator-align{display: inline-block;}
.dll-component-wrapper .carousel-indicator-align ul.carousel-indicators{position: relative;}
.dll-component-wrapper ul.carousel-indicators li{outline:none;}
  
.dll-component-wrapper .leftRs {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 100;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  margin-top: -28px;
  border:1px solid  #003b71;
  display: inline;
}
  
.dll-component-wrapper .rightRs {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  margin-top: -28px;
  border:1px solid  #003b71;
}
  
.indicator-gutter:first-child {margin-left: 0;}

.dll-component-wrapper .carousel-container{display: inline-flex;}

.dll-component-wrapper .position-arrow{position: relative; display: inline-block;}

.dll-component-wrapper .position-arrow a{text-decoration: none;}

.dll-component-wrapper .inside-arrow{ margin-top: 4px; display: inline-flex; margin-left: 0; margin-right: 0;}

/* indicator bars */
.dll-component-wrapper .carousel-indicator-container {display:inline-flex; margin-top:10px;}
.dll-component-wrapper .indicator-gutter {margin:0 4.8125rem; padding:0.3125rem 0;}
.dll-component-wrapper .indicator-buttons {margin:0 0.9375rem;}
.dll-component-wrapper .carousel-indicators {margin-left:0; margin-right:0; top:0;}

/* Carousel Indicators */

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: landscape) {
	.dll-component-wrapper .carousel-indicator-container .position-arrow{display: none}
	.dll-component-wrapper .carousel-indicator-container .carousel-indicator-align{display: inherit;}
	.dll-component-wrapper .carousel-indicator-container .carousel-indicator-align ul.carousel-indicators{position: absolute;}
	.dll-component-wrapper .carousel-indicator-container{position: relative;}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: portrait) {
	.dll-component-wrapper .carousel-indicator-container .position-arrow{display: none;}
	.dll-component-wrapper .carousel-indicator-container .carousel-indicator-align{position: inherit;}
	.dll-component-wrapper .carousel-indicator-container .carousel-indicator-align ul.carousel-indicators{position: absolute;}
	.dll-component-wrapper .carousel-indicator-container{position: relative;}
}

/* Singel Row Carousel and Pagination */

.dll-container.my-1 .carousel .carousel-item.active{ 
   display: grid;
   flex-direction:column;
}
.dll-pagination-container.my-1 .card-deck.page-active{display: block;}
.carousel {outline: none;}
.carousel div.tombstone-container,
.carousel div.thumbnail-container,
.carousel div.grid-container{float:left;}

 .tombstone-desc{padding: 10px;}

.dll-container .carousel .carousel-item.active{display: flex; flex-wrap: wrap;}

.my-5 .carousel-inner-container div.tombstone-container {
    width: calc(100% * .18);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-4 .carousel-inner-container div.tombstone-container {
    width: calc(100% * .23);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-3 .carousel-inner-container div.tombstone-container{
	width: calc(100% * 0.31);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-2 .carousel-inner-container div.tombstone-container{
	width: calc(100% * .48);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.my-1 .carousel-inner-container div.tombstone-container{
	width: calc(100% * .18);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
	min-height: 270px;
}

/* Thumnail carousel */

.my-5 .carousel-inner-container div.thumbnail-container {
    width: calc(100% * .18);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-4 .carousel-inner-container div.thumbnail-container {
    width: calc(100% * .23);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-3 .carousel-inner-container div.thumbnail-container{
	width: calc(100% * 0.31);
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: left;
    position: relative;
}

.my-2 .carousel-inner-container div.thumbnail-container{
	width: calc(100% * .48);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.my-1 .carousel-inner-container div.thumbnail-container{
	width: calc(100% * .18);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.my-1 .dll-inner-container {display:inherit;}

/* Thumnail carousel */
/* Grid carousel */
/* Grid carousel */

 .carousel-width-container .tombstone-desc{padding: 10px;}

@media screen  and (min-width: 824px) and  (max-width: 925px) {
    .my-5 .carousel-inner-container div.tombstone-container,
    .my-4 .carousel-inner-container div.tombstone-container,
    .my-3 .carousel-inner-container div.tombstone-container,
    .my-2 .carousel-inner-container div.tombstone-container,
    .my-1 .carousel-inner-container div.tombstone-container,
    .my-5 .carousel-inner-container div.thumbnail-container,
    .my-4 .carousel-inner-container div.thumbnail-container,
    .my-3 .carousel-inner-container div.thumbnail-container,
    .my-2 .carousel-inner-container div.thumbnail-container,
    .my-1 .carousel-inner-container div.thumbnail-container{width: calc(92% * .33);}
}

@media screen  and (min-width: 551px) and  (max-width: 823px) {
	.my-5 .carousel-inner-container div.tombstone-container,
    .my-4 .carousel-inner-container div.tombstone-container,
    .my-3 .carousel-inner-container div.tombstone-container,
    .my-2 .carousel-inner-container div.tombstone-container,
    .my-1 .carousel-inner-container div.tombstone-container,
    .my-5 .carousel-inner-container div.thumbnail-container,
    .my-4 .carousel-inner-container div.thumbnail-container,
    .my-3 .carousel-inner-container div.thumbnail-container,
    .my-2 .carousel-inner-container div.thumbnail-container,
    .my-1 .carousel-inner-container div.thumbnail-container{ width: calc(100% * .48);}
}

@media screen  and (min-width: 290px) and  (max-width: 550px) {
	.my-5 .carousel-inner-container div.tombstone-container,
    .my-4 .carousel-inner-container div.tombstone-container,
    .my-3 .carousel-inner-container div.tombstone-container,
    .my-2 .carousel-inner-container div.tombstone-container,
    .my-5 .carousel-inner-container div.thumbnail-container,
    .my-4 .carousel-inner-container div.thumbnail-container,
    .my-3 .carousel-inner-container div.thumbnail-container,
    .my-2 .carousel-inner-container div.thumbnail-container{width: 100%; margin: 0 auto 10px auto;}
    .my-1 .carousel-inner-container div.tombstone-container,
    .my-1 .carousel-inner-container div.thumbnail-container {width: 96%; margin: 0 auto 10px auto;}
}

/*Landscape */

@media only screen and (min-device-width: 360px) and (max-device-width: 896px) and  (orientation: landscape) {
	 .multi-item-carousel .carousel-inner-container div.tombstone-container {  width: calc(100% * .48);}
}

/* Portrait */

@media only screen and (min-device-width: 360px) and (max-device-width: 796px) and  (orientation: portrait) {
	.dll-container.my-1 .carousel .carousel-item.active{
		display: flex;
		flex-wrap: wrap;
		flex-direction: inherit;
	}
	 .multi-item-carousel .carousel-inner {
		width: 270%;
		left: -85%;
	}
	 .tombstoneLayout-class .grid-view-nopartial,
	 .thumbnailLayout-class .grid-view-nopartial,
	 .gridLayout-class .grid-view-nopartial{
		width: 98%;
		left: -1%;
	}
	.my-1 .carousel-inner-container div.tombstone-container,
	.my-1 .carousel-inner-container div.thumbnail-container,
	.my-1 .carousel-inner-container div.grid-container{
		position: relative;
		width: 28.333%;
		margin: 0 0 0 2%;
	}
	.my-1 .grid-view-nopartial div.tombstone-container,
	.my-1 .grid-view-nopartial div.thumbnail-container,
	.my-1 .grid-view-nopartial div.grid-container{width: 98%;}
	.listviewLayout-class .carousel-inner,
	 .titleLayout-class .carousel-inner{width: auto; left: inherit;}
}

/* Iphone 8+ */
@media only screen
and (device-width : 414px)
and (device-height : 736px)
and (orientation: portrait) {
}

/*Ipad Portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.my-2 .carousel-inner-container div.tombstone-container {  width: calc(100% * .48);}
     .multi-item-carousel .carousel-inner{width: auto; left: 0;}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
.accordion-toggle-container .border-container {
  border-bottom: 1px solid #ccc
}

.accordion-toggle-container .fa {
  margin-right: 0.5rem;
}

.accordion-toggle-container .accordion-card-header-body {
  background: none;
  border: 0;
}


.accordion-toggle-container .btn-container-width {
  width: 100%;
  text-align: left;
  padding: 0;
}

.accordion-toggle-container .cssCircle {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  width: 30px;
  height: 30px;
  border: 1px solid #779BCA;
  color: #003580;
  text-align: center;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
  transition: color 0.2s linear;
  vertical-align: middle;
  padding: 6px;
  font-size: 1.7rem;
  float: right;
}

.accordion-toggle-container .third-level {
  padding-left: 44px;
}

.arrow-down .cssCircle,
.plus-icon .fa-chevron-down {
  display: none;
}

.button-margin {
  margin-bottom: 10px;
  margin-left: 10px;
}

.btn {
  font-size: 2rem;
}

.border-container .accordion-button-left {
  text-align: left;
}

.border-container .accordion-button-right {
  text-align: right;
}

.border-container .accordion-button-center {
  text-align: center;
}

.accordion-text.truist--icon-carat-up.before:before,
.accordion-text.truist--icon-carat-up.after:after {
  content: "\e810";
  /*up arrow*/
}

.accordion-text.truist--icon-carat-down.before:before,
.accordion-text.truist--icon-carat-down.after:after {
  content: "\e80c";
  /*down arrow*/
}

.accordion-text.truist--icon-carat-up.before:before,
.accordion-text.truist--icon-carat-down.before:before {
  margin-right: 10px;
}

.accordion-text.truist--icon-carat-up.after:after,
.accordion-text.truist--icon-carat-down.after:after {
  margin-left: 10px;
}

.btn-primary:hover .accordion-text,
.btn-primary:hover .accordion-text:before,
.btn-primary:hover .accordion-text:after,
.btn-primary:focus .accordion-text,
.btn-primary:focus .accordion-text:before,
.btn-primary:focus .accordion-text:after {
  color: #FFFFFF;
}

.open-above {
  display: flex;
  flex-direction: column-reverse;
}

.btn .accordion-text {
  /* disclaimer model text style */
}

.btn-primary .accordion-text {
  /* stack model text style (button)*/
}

.btn .accordion-text.faq {
  /* FAQ model text style */
}

.accordion__button--alignment--center .accordion-card-header-body {
  text-align: center;
}

.accordion__button--alignment--right .accordion-card-header-body {
  text-align: right;
}

.accordion__button--alignment--center .accordion-toggle-container .btn-container-width,
.accordion__button--alignment--right .accordion-toggle-container .btn-container-width {
  width: auto;
}

.accordion__model--transcript {
  margin-top: 3rem;
}

.accordion__model--transcript .card-body {
  background: #f7f7f7;
  border-radius: 1rem;
  padding: 3rem;
}


/*********************************/
/**ACCORDION COMPONENT**/
.accordion .btn-link {
  color: #7C6992;
}

.accordion .btn-link:hover,
.accordion .btn-link:focus {
  color: #7C6992;
  text-decoration: none;
}

.accordion .btn-link:focus {
  border: 1px dotted;
}

.accordion .card-header {
  padding: 0;
  margin: 0;
}

.accordion .card-body {
  padding: 0;
}

/*stack (button)*/
.accordion .button-margin {
  margin: 2.5rem 0;
}

.accordion .button-margin .card-header {
  border-bottom: none;
}

.accordion .button-margin .btn-primary {
  background: transparent;
  border: 2px solid #2e1a47;
  color: #2e1a47;
  padding: 1rem 2rem;
}

.accordion .button-margin .btn-primary:hover,
.accordion .button-margin .btn-primary:focus,
.accordion .button-margin .btn-primary:active,
.accordion .button-margin .btn-primary:active:focus {
  color: #fff;
  background-color: #2e1a47;
  border-color: #2e1a47;
  box-shadow: none;
}

/*disclaimer (up/down arrow)*/
.accordion.arrow-down .border-container {
  border-bottom: 0;
}

.accordion.arrow-down .btn-link {
  font-weight: 300;
  color: #2e1a47;
  text-decoration: none;
}

.accordion.arrow-down .btn-link:hover {
  color: #2e1a47;
  text-decoration: none;
}

.accordion.arrow-down .btn-link:focus,
.accordion.arrow-down .btn-link.focus {
  text-decoration: none;
  box-shadow: none;
  outline: 1px dotted;
}

/*zebra stripe*/
.accordion .zebra-stripe > div > div:nth-of-type(even) {
  background-color: #f7f7f7;
}

.accordion .zebra-stripe .border-container {
  padding: 5rem 2rem;
}

.accordion .zebra-stripe .border-container > div {
  margin: 0 8.333%;
}

/*faq (plus-icon)*/
.accordion.plus-icon .border-container {
  padding-left: 0;
  border-bottom: none;
  margin-bottom: 4rem;
}

.accordion.plus-icon button {
  font-size: 1.8rem;
  line-height: 1.5em;
  color: #2E1A47;
  font-weight: 600;
  margin-bottom: 0;
}

.accordion.plus-icon button .accordion-text {
  display: flex;
}

.accordion.plus-icon button .accordion-text p {
  margin-bottom: 0;
}

.accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
.accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
  margin: 0 1.4rem 0 0;
  line-height: inherit;
}

.accordion.plus-icon .card-body {
  padding: .7rem 3rem 0;
}

.accordion.plus-icon .card-body p {
  font-size: 1.6rem;
  line-height: 1.5em;
  margin-bottom: .7rem;
}

@media (min-width: 769px) {
  .accordion.plus-icon button {
    font-size: 2.4rem;
    line-height: 1.5em;
  }

  .accordion.plus-icon .card-body p {
    font-size: 1.8rem;
    line-height: 1.5em;
    margin-bottom: 1.4rem;
  }

  .accordion.plus-icon .card-body {
    padding: 1.4rem 3rem 0;
  }

  .accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
  .accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
    line-height: inherit;
  }
}
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    display: inline-flex;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}
/* Tabs container */
/*  removing as per ADA suggestion by Joe - Ravi
.tab-content *{outline: none;}
*/

.r-tabs {
	position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 12px;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.4rem;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

/* Info bar */
.global-tabs .info {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	width: 300px;
	line-height: 100%;
	cursor: pointer;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	background-color: #fff;
	border: 1px solid #000;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #000;
	background-color: #ccc;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: #fff;
	border-bottom: 4px solid #fff;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #e8e8e8;
	color: #000;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:focus {
	background: #ccc;
}

.global-tabs .info {
	color: #00c5ad;
	border: 2px solid #00ab94;
	background-color: #fff;
}


/* style provided by authors */
/*tab nav (desktop/tablet)*/
.r-tabs {}

.r-tabs .r-tabs-nav {}

.r-tabs .r-tabs-nav .r-tabs-tab {
	border: 2px solid #344152;
	border-right: none;
	background-color: #fff;
	border-radius: 0;
}

.r-tabs .r-tabs-nav .r-tabs-tab:first-child {
	border-radius: .5rem 0 0 .5rem;
}

.r-tabs .r-tabs-nav .r-tabs-tab:last-child {
	border-right: 2px solid #344152;
	border-radius: 0 .5rem .5rem 0;
}

.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
	color: #344152;
	font-size: 1.6rem;
	background-color: transparent !important;
	font-weight: normal;
	padding: .5rem 2.5rem;
}

.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
	background-color: #344152;
}

.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {
	color: #fff;
}

/*content panel*/
.r-tabs .r-tabs-panel {
	background-color: #f7f7f7;
	border-bottom: none;
}

@media (max-width: 768px) {
	/*accordian (mobile)*/
	.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
		background-color: #fff;
		color: #344152;
		border: 2px solid #344152;
		border-bottom: none;
		font-weight: normal;
		font-size: 1.6rem;
	}

	.r-tabs .r-tabs-accordion-title:first-child .r-tabs-anchor {
		border-radius: .5rem .5rem 0 0;
	}

	.r-tabs .r-tabs-accordion-title:nth-last-child(2) .r-tabs-anchor {
		border-radius: 0 0 .5rem .5rem;
		border-bottom: 2px solid #344152;
	}

	.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
		background-color: #344152;
		color: #fff;
	}
}
.navigation {
	width: 100%;
	height: 90px;
	display: table;
	position: relative;
	font-family: inherit;
}

.navigation .bg-transparent {
	background-color: rgba(255, 255, 255, 0);
}

.navigation .bg-white {
	background-color: rgba(255, 255, 255, 1);
}

.navigation * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

.navigation-portrait {
	height: 48px;
}

.navigation-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19998;
}

.navigation-hidden {
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.align-to-right {
	float: right;
}

.nav-header {
	float: left;
}

.navigation-hidden .nav-header {
	display: none;
}

.nav-brand {
	line-height: 85px;
	padding: 0;
	color: #726785;
	font-size: 2.4rem;
	text-decoration: none;
	margin: 0 auto;
}

.nav-brand:hover,
.nav-brand:focus {
	color: #726785;
}

.nav-brand>img {
	max-width: 200px;
}

.nav-logo>img {
	height: 48px;
	margin: 11px auto;
	padding: 0 15px;
	float: left;
}

.nav-logo:focus>img {
	outline: initial;
}

.navigation-portrait .nav-logo>img {
	height: 36px;
	margin: 6px auto 6px 15px;
	padding: 0;
	border: 3px solid green;
}

.nav-toggle {
	width: 30px;
	height: 30px;
	padding: 6px 2px 0;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	left: 15px;
	right: auto;
	display: none;
	cursor: pointer;
}

.nav-toggle:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 2px;
	background-color: #726785;
	border-radius: 10px;
	box-shadow: 0 .5em 0 0 #726785, 0 1em 0 0 #726785;
	left: 0;
}

.nav-toggle:focus {
	outline: 0;
	border: 0;
}

.navigation-portrait .nav-toggle {
	display: block;
}

.navigation-portrait .nav-menus-wrapper {
	width: 100%;
	height: 100%;
	top: 0;
	position: fixed;
	background-color: #2F2F4F;
	z-index: 20000;
	display: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
	left: auto;
	right: -400px;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
	display: block;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
	left: auto;
	right: 0;
}

.nav-menus-wrapper-close-button {
	width: 30px;
	height: 40px;
	margin: 2rem;
	display: none;
	float: left;
	color: #726785;
	font-size: 2.6rem;
	cursor: pointer;
}

.navigation-portrait .nav-menus-wrapper-close-button {
	display: block;
	z-index: 100000;
	position: absolute;
}

.nav-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	font-size: 0;
}

.navigation-portrait .nav-menu {
	width: 66% !important;
	margin: 0 auto !important;
	padding-top: 30px;
}

.navigation-landscape .nav-menu.nav-menu-centered {
	float: none;
	text-align: center;
}

.navigation-landscape .nav-menu.nav-menu-centered>li {
	float: none;
}

.nav-menu>li {
	display: inline-block;
	float: left;
	text-align: left;
	position: relative;
}

.navigation-portrait .nav-menu>li {
	width: 100%;
	position: relative;
	border-top: solid 1px #f0f0f0;
}

.navigation-portrait .nav-menu>li:last-child {
	border-bottom: solid 1px #f0f0f0;
}

.nav-menu+.nav-menu>li:first-child {
	border-top: none;
}

.nav-menu>li>a {
	color: #4A708B;
	display: inline-block;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 300;
	padding: .5rem 1rem;
	margin: 2.5rem 1rem 1rem;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
}

.navigation-portrait .nav-menu>li>a {
	width: 100%;
	height: auto;
	padding: 12px 15px 12px 26px;
}

.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {
	color: #4A708B;
}

.nav-menu>li>a>i,
.nav-menu>li>a>[class*=ion-] {
	width: 18px;
	height: 16px;
	line-height: 16px;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.nav-menu>li>a>[class*=ion-] {
	width: 16px;
	display: inline-block;
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}

.nav-menu>li>a.nav-specialty-item {
	border: 2px solid #4A708B;
	padding: 10px 25px 10px 25px;
	margin-top: 18px;
	border-radius: 5px;
	font-weight: 400;
}

.nav-menu>li>a.nav-specialty-item:hover {
	color: #fff;
	background: #4A708B;
	border: 2px solid #4A708B;
}

.nav-menu>li>a.nav-specialty-item:focus {
	color: #fff;
	background: #4A708B;
	border: 2px solid #4A708B;
}


.navigation-portrait .nav-menu.nav-menu-social {
	width: 100%;
	text-align: center;
}

.nav-menu.nav-menu-social>li {
	text-align: center;
	float: none;
	border: none !important;
}

.navigation-portrait .nav-menu.nav-menu-social>li {
	width: auto;
}

.nav-menu.nav-menu-social>li>a>[class*=ion-] {
	font-size: 1.2rem;
}

.nav-menu.nav-menu-social>li>a>.fa {
	font-size: 1.4rem;
}

.navigation-portrait .nav-menu.nav-menu-social>li>a {
	padding: 15px;
}

.submenu-indicator {
	margin-left: 6px;
	margin-top: 11px;
	float: right;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.navigation-portrait .submenu-indicator {
	width: 54px;
	height: 44px;
	margin-top: 0;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	z-index: 20000;
}

.submenu-indicator-chevron {
	height: 6px;
	width: 6px;
	display: block;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.navigation-portrait .submenu-indicator-chevron {
	position: absolute;
	top: 28px;
	left: 24px;
}

.nav-overlay-panel {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	z-index: 19999;
}

.no-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.nav-search {
	height: 70px;
	float: right;
	z-index: 19998;
}

.navigation-portrait .nav-search {
	height: 48px;
	padding: 0 10px;
	margin-right: 52px;
}

.navigation-hidden .nav-search {
	display: none;
}

.nav-search-button {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	cursor: pointer;
	background-color: #fbfcfd;
}

.navigation-portrait .nav-search-button {
	width: 50px;
	height: 48px;
	line-height: 46px;
	font-size: 2.2rem;
}

.nav-search-icon {
	width: 14px;
	height: 14px;
	margin: 2px 8px 8px 4px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color: #343a40;
	text-align: left;
	text-indent: -9999px;
	border: 2px solid;
	border-radius: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-search-icon:after,
.nav-search-icon:before {
	content: '';
	pointer-events: none;
}

.nav-search-icon:before {
	width: 2px;
	height: 11px;
	top: 11px;
	position: absolute;
	left: 50%;
	border-radius: 0 0 1px 1px;
	box-shadow: inset 0 0 0 32px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.nav-search-button:hover .nav-search-icon {
	color: #726785;
}

.nav-search>form {
	width: 100%;
	height: 100%;
	padding: 0 auto;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 99;
}

.nav-search-inner {
	width: 70%;
	height: 70px;
	margin: auto;
	display: table;
}

.navigation-portrait .nav-search-inner {
	height: 48px;
}

.nav-search-inner input[type=text],
.nav-search-inner input[type=search] {
	height: 70px;
	width: 100%;
	margin: 0;
	padding: 0 12px;
	font-size: 2.6rem;
	text-align: center;
	color: #343a40;
	outline: none;
	line-height: 70px;
	border: none;
	background-color: transparent;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.navigation-portrait .nav-search-inner input[type=text],
.navigation-portrait .nav-search-inner input[type=search] {
	height: 48px;
	font-size: 1.8rem;
	line-height: 48px;
}

.nav-search-close-button {
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	line-height: normal;
	color: #343a40;
	font-size: 2rem;
	cursor: pointer;
	text-align: center;
}

.navigation-portrait .nav-search-close-button {
	top: 10px;
	right: 14px;
}

.nav-button {
	margin: 18px 15px 0;
	padding: 8px 14px;
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}

.nav-button:hover,
.nav-button:focus {
	color: #fff;
	text-decoration: none;
}

.navigation-portrait .nav-button {
	width: calc(100% - 52px);
	margin: 17px 26px;
}

.nav-text {
	margin: 25px 15px;
	display: inline-block;
	color: #343a40;
	font-size: 1.4rem;
}

.navigation-portrait .nav-text {
	width: calc(100% - 52px);
	margin: 12px 26px 0;
}

.navigation-portrait .nav-text+ul {
	margin-top: 15px;
}

.nav-dropdown {
	min-width: 210px;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	list-style: none;
	z-index: 98;
	white-space: nowrap;
}

.nav-dropdown::before {
	padding-top: 10px;
}

.nav-dropdown::after {
	padding-bottom: 10px;
}

.navigation-portrait .nav-dropdown {
	width: 100%;
	position: static;
	left: 0;
}

.nav-dropdown .nav-dropdown {
	left: 100%;
}

.nav-dropdown>ul {
	padding: 0;
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	white-space: normal;
}

.nav-dropdown ul li {
	list-style: none;
}

.nav-dropdown>ul>li>a {
	text-align: left;
	width: 100%;
	padding: 5px 20px;
	display: inline-block;
	text-decoration: none;
	float: left;
	font-size: 1.8rem;
	color: #fff;
	white-space: nowrap;
}

.nav-dropdown>ul>li>a::after {
	border-bottom: 2px solid #000;
}

.nav-dropdown>ul>li:hover>a,
.nav-dropdown>ul>li.focus>a {
	text-align: left;
	color: #726785;
}

.nav-dropdown.nav-dropdown-left {
	right: 0;
}

.nav-dropdown>ul>li>.nav-dropdown-left {
	left: auto;
	right: 100%;
}

.navigation-portrait .nav-dropdown>ul>li>a {
	text-align: left;
	padding: 12px 20px 12px 30px;
}

.nav-button-icon {
	background: none;
	border: 0;
}

.nav-dropdown>ul>li>a:hover,
.nav-dropdown>li>a:focus {
	color: #726785;
}

.main_header_area.sticky {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 9999;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.transparent-menu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
}

.navigation-portrait .nav-menu>li>a {
	text-align: left;
	width: 100%;
	height: auto;
	padding: 10px 10px 10px 30px;
}

@media only screen and (min-width:320px) and (max-width:767px) {

	.nav-dropdown>li>a,
	.megamenu-list>li>a {
		width: 65%;
	}
}

@media only screen and (max-width:768px) {
	.color-light-grey {
		color: #8d8d8d;
	}
}

@media only screen and (max-width:991px) {
	.nav-menu>li>a.nav-specialty-item {
		width: 50%;
		margin-left: 27px;
	}
}

@media (min-width: 992px) {
	.nav-menus-wrapper .nav-brand>img,
	.nav-brand-mobile-slideout {
		display: none;
	}

	.nav-menu {
		float: right;
	}

	.nav-menu>li>a:hover {
		background-color: #B0C4DE;
		border-radius: 4px;
	}

	.nav-menu>li>a.nav-dropdown-link:hover,
	.nav-menu>li.focus>a.nav-dropdown-link {
		background-color: transparent;
		border-radius: 0;
	}

	.nav-menu>li>a.nav-dropdown-link:hover::after,
	.nav-menu>li.focus>a.nav-dropdown-link::after {
		content: "";
		height: 2px;
		width: auto;
		margin-right: 1.5rem;
		background-color: #2F2F4F;
		display: block;
	}

	.nav-dropdown {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		background-color: #2F2F4F;
		padding: 1.5rem;
		margin-left: 20px;
	}

	.container {
		max-width: 1140px;
	}

	.nav-button-icon {
		display: none;
	}
}

@media (max-width: 992px) {
	.nav-header {
		width: 100%;
		text-align: center;
	}

	.nav-brand {
		display: flex
	}

	.nav-brand>img {
		margin: 0 auto;
	}

	.nav-menus-wrapper .nav-brand>img {
		margin: 0 auto;
		display: block;
	}

	.navigation-portrait .nav-menu>li>a {
		padding: 0;
		margin: 1.5rem 0rem 1rem;
	}

	.nav-menu>li>a {
		color: #fff;
	}

	.navigation-portrait .nav-menu>li {
		border-top: none !important;
		border-bottom: 1px solid #fff !important;
		margin-bottom: 1rem;
	}

	.navigation-portrait .nav-menu>li:last-child {
		border-bottom: none !important;
	}

	.nav-menu>li:hover>a,
	.nav-menu>li.active>a,
	.nav-menu>li.focus>a {
		color: #fff;
	}

	.nav-menu>li>a.nav-specialty-item {
		margin: 8rem 0 4rem 0 !important;
		display: block !important;
		text-align: center !important;
		width: 100% !important;
		padding: 10px;
		border: 2px solid #fff;
	}

	.nav-menu>li>a.nav-specialty-item:hover,
	.nav-menu>li>a.nav-specialty-item:focus {
		color: #2F2F4F;
		background: #fff;
		border: 2px solid #2F2F4F;
	}

	.nav-dropdown>li>a,
	.megamenu-list>li>a {
		width: 100% !important;
	}

	.nav-dropdown>li>a {
		background-color: transparent !important;
		border-bottom: none !important;
	}
}
.subpage-navigation {
  display: flex;
  position: relative;
  font-family: inherit;
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 400;
  background: var(--truClrOffWht);
  border-radius: 0 0 8px 8px;
  box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.2);
  width: 100%;
  min-width: 100%;
  height: 55px;
  padding-right: 0;
  padding-left: 0;
  z-index: 9;
  transition: transform .3s ease-in-out;
  animation: downShift .3s ease-in-out forwards;
}

.subpage-navigation a,
.subpage-navigation button {
  cursor: pointer;
}

.subpage-navigation.upshift {
  animation: upShift .3s ease-in-out forwards;
  transform: translateY(-57px);
}

.subpage-cta-navigation-mobile,
.subpage-cta-navigation-mobile >.btn,
.subpage-cta-navigation-mobile .mobile-cta-nav-container {
  font-family: inherit;
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 400;
}

.subpage-cta-navigation-mobile.downshift /* Mobile cta */ {
  animation: downShift .3s ease-in-out forwards;
  transform: translateY(45px);
}

.subpage-navigation .subpage-navigation-container{
  width: 100%;
  max-width: 1600px;
}

.subpage-navigation .subpage-navbar-collapse {
  justify-content: center;
}

.subpagenavigation .subpage-nav {
  display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.subpage-navigation .subpage-nav-item {
  flex-wrap: nowrap;
  padding-bottom: 0
}

.subpage-navigation .subpage-nav-item.cta-dropdown-container{
  visibility: hidden;
  display: block;
}

.subpage-navigation .navbar-brand.subpage-brand {
  display: inline-flex;
color: var(--truClrPplBs);
font-weight: 600;
margin-top: 0px;
margin-bottom: 0px;
font-size: inherit;
margin-right: 0;
}

.subpage-navigation .psuedo-crumb{
  font-weight: 400;
  color: var(--truClrGryLt);
}

.subpage-navigation .subpage-text {
  color: var(--truClrPplBs);
}

.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.more-drop {
  display: none;
}

.subpage-navigation .subpage-nav .subpage-nav-link:link,
.subpage-navigation .subpage-nav .subpage-nav-link:visited,
.subpage-navigation .subpage-nav .subpage-navbar-cta-link:link,
.subpage-navigation .subpage-navbar-cta-link:visited,
.subpage-navigation .subpage-navbar-cta-text,
.subpage-navigation .subpage-nav .subpage-nav-item-dropdown .subpage-more {
  color: var(--truClrPplBs);
  background: var(--truClrClear);
  border: 1px solid var(--truClrClear);
  padding: 6px 16px;
  border-radius: 33px;
  text-decoration: none;
}

.subpage-navigation .subpage-nav .subpage-nav-item-dropdown .subpage-more  {
  padding: 6px 32px 6px 16px;
}
.subpage-navigation a.subpage-navbar-cta,
.subpage-navigation button.subpage-navbar-cta {
  color: var(--truClrNtrlWht);
  background: var(--truClrPplBs);
  border: 1px solid var(--truClrPplBs);
  padding: 6px 16px;
  border-radius: 33px;
}



.subpage-navigation .subpage-nav .subpage-nav-link.dropdown-toggle,
.subpage-navigation button.subpage-navbar-cta /* Dropdown */ {
  padding-right: 32px;
  margin-bottom: 0;
}

.subpage-navigation a.subpage-navbar-cta /* Desktop cta */ {
  padding-right: 16px !important; /* Remove !important when component launches */
  margin-bottom: 0;
  text-decoration: none;
}

.subpage-navigation .subpage-nav .subpage-nav-link:hover,
.subpage-navigation .subpage-nav .subpage-nav-link:focus,
.subpage-navigation .subpage-nav .dropdown-toggle:hover,
.subpage-navigation .subpage-nav .dropdown-toggle:focus,
.subpage-navigation .subpage-nav .subpage-navbar-cta-link:hover,
.subpage-navigation .subpage-nav .subpage-navbar-cta-link:active,
.subpage-navigation .subpage-nav .subpage-navbar-cta-link:focus,
.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.show .dropdown-toggle,
.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.show.active .dropdown-toggle{
  border: 1px solid rgba(107, 77, 141, 0.3);
  background: rgba(124, 105, 146, 0.3);
}

.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.active .subpage-nav-link.selected-item{
  border: 1px solid var(--truClrPplBs);
  background: var(--truClrClear);
}

.subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link,
.subpage-navigation .subpage-nav .subpage-nav-item.show .subpage-nav-link,
.subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link:hover,
.subpage-navigation .subpage-nav .subpage-nav-item.show .subpage-nav-link:hover,
.subpage-navigation .subpage-nav .subpage-nav-link:active,
.subpage-navigation .subpage-nav .subpage-nav-item.active .dropdown-toggle,
.subpage-navigation .subpage-nav .subpage-nav-item.show .dropdown-toggle,
.subpage-navigation .subpage-nav .subpage-nav-item.active .dropdown-toggle:hover,
.subpage-navigation .subpage-nav .subpage-nav-item.show .dropdown-toggle:hover,
.subpage-navigation .subpage-nav .dropdown-toggle:active,
.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.active  .subpage-navbar-cta-link,
.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.active  .subpage-more.active {
  border: 1px solid var(--truClrPplBs);
  background: var(--truClrClear);
}

.subpage-navigation .btn:hover,
.subpage-navigation .show>.btn.dropdown-toggle:hover,/* Desktop cta */
.subpage-navigation .show>.btn.dropdown-toggle.active:hover,/* Desktop cta */
.subpage-navigation .btn:focus,
.subpage-navigation .show>.btn.dropdown-toggle:focus,/* Desktop cta */
.subpage-navigation .show>.btn.dropdown-toggle.active:focus,
.subpage-navigation .btn:not(:disabled):not(.disabled):active,
.subpage-navigation .show> .btn/* Desktop cta */ {
  color: var(--truClrPplBs);
  border: 1px solid rgba(107, 77, 141, 0.3);
  background: rgba(124, 105, 146, 0.3);
  box-shadow: none;
}

.subpage-navigation .subpage-nav .dropdown-toggle,
.subpage-navigation .subpage-navbar-cta/* Desktop cta */ {
  position: relative;
  font-size: inherit;
}

.subpage-navigation .dropdown-toggle::after,
.subpage-navigation .subpage-nav .subpage-more::after {
  content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
  border: none;
  transform: scale(0.6) rotate(90deg);
  position: absolute;
  margin-left: -2px;
  transition: all .3s ease-in-out;
}

.subpage-navigation .subpage-navbar-cta.dropdown-toggle::after {
  content: url(../../../content/dam/global-images/sub-page-navigation/caret-wht.svg);
}

.subpage-navigation .subpage-navbar-cta.dropdown-toggle:hover::after,
.subpage-navigation .subpage-navbar-cta.dropdown-toggle:focus::after,
.subpage-navigation .show>.btn.dropdown-toggle.active::after,
.subpage-cta-navigation-mobile .show>.btn.dropdown-toggle-cta::after,/* Mobile cta */
.subpage-cta-navigation-mobile .show>.btn.dropdown-toggle.active::after,/* Mobile cta */
.subpage-cta-navigation-mobile .show>.btn.dropdown-toggle-cta:hover::after,/* Mobile cta */
.subpage-cta-navigation-mobile .show>.btn.dropdown-toggle.active:hover::after,/* Mobile cta */
.subpage-navigation .show>.btn.dropdown-toggle::after,/* Desktop cta */
.subpage-navigation .show>.btn.dropdown-toggle:hover::after,/* Desktop cta */
.subpage-navigation .show>.btn.dropdown-toggle.active:hover::after/* Desktop cta */ {
  content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
}

.subpage-navigation .subpage-nav-item-dropdown {
  position: relative !important;
  border-bottom: none;
  padding-bottom: 0;
}
.subpage-navigation .show .dropdown-toggle:not(.subpage-more)::after{
  transform:  scale(0.6)rotate(-90deg);
  top: 4px;
  margin-left: 4px;
}

.subpage-navigation .subpage-nav .subpage-nav-item-dropdown.show .subpage-more::after{
  transform:  scale(0.6)rotate(-90deg);
  top: 4px;
  margin-left: 4px;
}

.subpage-navigation .subpage-dropdown-menu,
.subpage-navigation .cta-dropdown-container .cta-dropdown-menu {
  font-size: inherit;
  margin-top: 0;
  min-width: 365px;
  border-radius: 8px;
  top: 35px;
}

.subpage-navigation .cta-dropdown-container .cta-dropdown-menu {
  left: -193px;
}

.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item,
.subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item {
  color: var(--truClrPplBs);
  padding: 0.75rem 1.5rem .75rem 1rem;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item:hover,
.subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item:hover,
.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.active,
.subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item.active {
 background: var(--truClrOffWht);
}

.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.active,
.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.active:hover,
.subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item.active ,
.subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item.active:hover,
.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link,
.subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link:hover {
  font-weight: 600;
  background: var(--truClrOffWht);
 }

 .alignlastmenudropdown {
  left: 0;
}

.subpage-cta-navigation-mobile,
.psuedo-crumb,
.navbar-toggler.custom-toggler,
.subpage-navbar-cta-text,
.hide-for-large  {
    display: none;
  }

.navbar-toggler.custom-toggler {
  float: right;
}

.cta-base{
  color: var(--truClrPplBs);
  border: 1px solid rgba(107, 77, 141, 0.3);
  background: rgba(124, 105, 146, 0.3);
  boxShadow: none;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}

/* Utilities */
.bg-lighter {
  background: var(--truClrNtrlWht);
}

.no-radius {
  border-radius: 0;
}

  @media (min-width: 1023.99px) {
    .navbar-toggler.custom-toggler,
    .psuedo-crumb {
      display: none !important;
    }

  .subpage-navigation .subpage-navbar-collapse {
    display: flex !important;
      flex-basis: 0%;
  }

  .subpage-navigation .subpage-nav {
    flex-direction: row;
  }

  .subpage-navigation .hide-for-large {
    display: none;
  }

  }

  /* Signon mobile expand margin fix when Sec Nav is on page */
@media (max-width: 640px) {
  .truist-globalnav-signon-container {top: 5.5rem;}
  }

  @media (max-width: 991px) {
  .truist-globalnav-signon-container {top: 60px;}
  }

@media (min-width: 0px) and (max-width: 1023.98px){

  .hide-for-medium {
    display: none !important;
  }

  .hide-for-large {
    display: block !important;
  }

  .subpage-navigation {
    border-radius: 0;
    height: 50px;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .cta-dropdown-container.hide-for-large {
    width: 100%;
    position: fixed;
    top: calc(100vh - 60px);
    z-index: 1000;
  }


  .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border-radius: 0;
    background: var(--truClrPplBs);
    color: var(--truClrNtrlWht);
    margin-bottom: 0;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
    display: none;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
    width: fit-content;
    font-weight: bold;
  }

  .hide-for-large button.subpage-navbar-cta:hover,
.hide-for-large button.subpage-navbar-cta:focus {
color: var(--truClrPplBs);
    background: #7C6992;
    box-shadow: none;
}

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
    content: "";
    border: 2px solid var(--truClrNtrlWht);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    left: calc(100% + 1rem);
    text-align: center;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
    border: 2px solid var(--truClrPplBs);
    border-width: 0 2px 2px 0;
    margin-top: 8px;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
    transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }

  .cta-dropdown-container.hide-for-large .cta-dropdown-menu {
    width: 100%;
  }

  .subpage-navigation .subpage-navigation-container,
  .subpage-navigation .container,
  .subpage-navigation.navbar > .container,
  .subpage-navigation.navbar > .container-fluid {
    max-width: 100vw;
    padding: 0;
    display: block
  }


.psuedo-crumb {
    display: block;
  }

  .subpage-navigation .subpage-brand {
    padding-top: 10px;
  }

  .subpage-navigation .custom-toggler .caret-toggle::after {
    content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
    position: absolute;
    top: 17px;
    right: 21px;
    border: none;
    transform: scale(1) rotate(90deg);
    transition: all .3s ease-in-out;
  }

  .subpage-navigation .custom-toggler .caret-toggle.flipped::after {
    transform:  scale(1)rotate(-90deg);
    top: 12px;
    right: 14px;
  }

  .subpage-navigation  .navbar-collapse.subpage-navbar-collapse {
    flex-basis: 100%;
    min-width: 100vw;
    justify-content: flex-start;
    position: absolute;
    top: 52px;
    left: 0rem;
    background: var(--truClrNtrlWht);
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    overflow: hidden;
  }

  .subpage-navigation  .navbar-collapse.subpage-navbar-collapse.collapse:not(.show) {
    display: none;
  }

  .subpage-navigation .subpage-nav {
    flex-direction: column;
    width: 100%;
    background: var(--truClrNtrlWht);
  }

  .subpage-navigation .subpage-nav-item {
    margin: 0;
  }

  .subpage-navigation .subpage-nav-item-dropdown{
    min-height: 44px;
    margin: 0;
  }

  .subpage-navigation .subpage-nav-item .subpage-nav-link,
  .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item,
  .subpage-navigation .cta-dropdown-container .cta-dropdown-menu .subpage-dropdown-item{
    background: var(--truClrClear);
    border: none;
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--truClrPplBs);
    padding: 6px 16px;
    text-decoration: none;
  }

  .subpage-navigation .subpage-nav-item-dropdown .subpage-nav-link.subpage-more {
    display: block;
  }

  .dropdown-menu.subpage-dropdown-menu {
    display: block;
    margin-top: 0;
    padding: 0;
  }

  .subpage-navigation .subpage-nav .subpage-nav-link:hover,
   .subpage-navigation .subpage-nav .subpage-nav-link:focus,
  .subpage-navigation .subpage-nav .subpage-nav-link:active,
  .subpage-navigation .subpage-nav .subpage-nav-item .subpage-nav-link:hover,
  .subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link,
  .subpage-navigation .subpage-nav .subpage-nav-item.active .subpage-nav-link:hover,
  .subpage-navigation .subpage-nav-item-dropdown .subpage-nav-link.subpage-more:hover,
  .subpage-navigation .subpage-nav-item-dropdown.show .subpage-nav-link.subpage-more,
  .subpage-navigation .subpage-nav-item-dropdown.show .subpage-nav-link.subpage-more:hover,
  .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link,
  .subpage-navigation .subpage-dropdown-menu .subpage-dropdown-item.selected-link:hover {
    font-weight: 600;
    background: var(--truClrOffWht);
    border-radius: 0;
    border: none;
    height: 44px;
   }

   .subpage-navigation .subpage-dropdown-menu {
     border-radius: 0;
     border: 0;
   }
}

@media (min-width: 0px) and (max-width: 767.98px){
  .subpage-navigation {
    z-index: 9;
  }
   .subpage-navigation .subpage-navigation-container,
  .subpage-navigation .container {
    max-width: 100vw;
    padding: 0;
    justify-content: flex-start;
  }
  /* OA CTA to show up under Signin expand */
  .navbar-expand-lg .navbar-toggler  {
    display: none;
    flex: 1 1 auto !important;
    padding: 0;
    border-radius: 0;
    outline: none;
    border: none;
    line-height: inherit;
    z-index: 199;
    transition: all .3s ease-in-out;
  }
  .subpage-cta-navigation-mobile  /* Mobile cta */ {
    display: flex;
    padding: 0px;
    background: none;
    transition: all .3s ease-in-out;
  }

  .subpage-cta-navigation-mobile .mobile-cta-nav-container /* Mobile cta */ {
    width: 100%;
    min-width: 100%;
    position: absolute;
    bottom: 65px;
  }

  .subpage-cta-navigation-mobile .subpage-mobile-cta {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="false"]/* Mobile cta */ ,
  .subpage-cta-navigation-mobile a.subpage-mobile-cta{
    border-radius: 0px;
    background: var(--truClrPplBs);
    color: var(--truClrNtrlWht);
    border-top: 1px solid var(--truClrNtrlWht);
    width: 100%;
    height: 65px;
    margin-bottom: 0;
  }

  .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="true"],
  .subpage-cta-navigation-mobile a.subpage-mobile-cta:hover {
    font-family: inherit;
    border-radius: 0px;
    background: rgba(124, 105, 146, 0.3);
    color: var(--truClrPplBs);
    border-top: 1px solid var(--truClrNtrlWht);
    width: 100%;
    height: 65px;
    margin-bottom: 0;
  }

  .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="false"]::after/* Mobile cta */ {
    content: url(../../../content/dam/global-images/sub-page-navigation/caret-wht.svg);
    border: none;
    margin-top: -4px;
    transform: translateX(10px) scale(.8) rotate(-90deg);
    transition: all .3s ease-in-out;
  }

  .subpage-cta-navigation-mobile .subpage-mobile-cta[aria-expanded="true"]::after {
    content: url(../../../content/dam/global-images/sub-page-navigation/caret.svg);
    border: none;
    margin-top:7px;
    transform: translateX(3px) scale(.8) rotate(90deg);
    transition: all .3s ease-in-out;
  }

  .subpage-cta-navigation-mobile .mobile-cta-nav-container .card /* Mobile cta */  {
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    border-radius: 8px 8px 0 0;
    padding: 0;
  }

  .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:link,
  .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:visited {
    display: flex;
    align-items: center;
    color: var(--truClrPplBs);
    padding: 0 1.25rem;
    height: 65px;
    text-decoration: none;
  }

  .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:hover,
  .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:active,
  .subpage-cta-navigation-mobile .mobile-cta-nav-container .subpage-dropdown-item:focus {
    background: var(--truClrOffWht);
    font-weight: 600;
  }
}

  /* iPad 1, 2, Mini and Air */
@media only screen
and (min-device-width: 767.99px)
and (max-device-width: 1023.98px)
and (-webkit-min-device-pixel-ratio: 1) {
  .subpagenavigation .dropdown-menu.subpage-dropdown-menu.deconstructed.show,
  .subpagenavigation .dropdown-menu.subpage-dropdown-menu.show,
  .subpagenavigation .dropdown-menu.cta-dropdown-menu.show{
    display: block;
    z-index: 200;
  }
  .cta-dropdown-container.hide-for-large {
    width: 100%;
    position: fixed;
    top: calc(100vh - 3.9rem);
    z-index: 1000;
  }


  .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border-radius: 0;
    background: var(--truClrPplBs);
    color: var(--truClrNtrlWht);
    margin-bottom: 0;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
    display: none;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
    width: fit-content;
    font-weight: bold;
  }

  .hide-for-large button.subpage-navbar-cta:hover,
.hide-for-large button.subpage-navbar-cta:focus {
color: var(--truClrPplBs);
    background: #7C6992;
    box-shadow: none;
}

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
    content: "";
    border: 2px solid var(--truClrNtrlWht);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    left: calc(100% + 1rem);
    text-align: center;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
    border: 2px solid var(--truClrPplBs);
    border-width: 0 2px 2px 0;
    margin-top: 8px;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
    transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }

  .cta-dropdown-container.hide-for-large .cta-dropdown-menu {
    width: 100%;
  }

}

/* iPad 3, 4 */
@media only screen
and (min-device-width: 767.99px)
and (max-device-width: 1023.98px)
and (-webkit-min-device-pixel-ratio: 2) {

  .subpagenavigation .dropdown-menu.subpage-dropdown-menu.deconstructed.show,
  .subpagenavigation .dropdown-menu.subpage-dropdown-menu.show,
  .subpagenavigation .dropdown-menu.cta-dropdown-menu.show{
    display: block;
    z-index: 200;
  }

  .cta-dropdown-container.hide-for-large {
    width: 100%;
    position: fixed;
    top: calc(100vh - 3.9rem);
    z-index: 1000;
  }


  .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border-radius: 0;
    background: var(--truClrPplBs);
    color: var(--truClrNtrlWht);
    margin-bottom: 0;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
    display: none;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
    width: fit-content;
    font-weight: bold;
  }

  .hide-for-large button.subpage-navbar-cta:hover,
.hide-for-large button.subpage-navbar-cta:focus {
color: var(--truClrPplBs);
    background: #7C6992;
    box-shadow: none;
}

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
    content: "";
    border: 2px solid var(--truClrNtrlWht);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    left: calc(100% + 1rem);
    text-align: center;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
    border: 2px solid var(--truClrPplBs);
    border-width: 0 2px 2px 0;
    margin-top: 8px;
  }

  .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
    transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }

  .cta-dropdown-container.hide-for-large .cta-dropdown-menu {
    width: 100%;
  }

}

/* ----------- iPad Pro 9.7 " ----------- */
/* Portrait */
@media only screen
  and (min-device-width: 767.99px)
  and (max-device-width: 1023.98px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    .cta-dropdown-container.hide-for-large {
      width: 100%;
      position: fixed;
      top: calc(100vh - 3.9rem);
      z-index: 1000;
    }
    .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
      border-radius: 0;
      background: var(--truClrPplBs);
      color: var(--truClrNtrlWht);
      margin-bottom: 0;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
      display: none;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
      width: fit-content;
      font-weight: bold;
    }
    .hide-for-large button.subpage-navbar-cta:hover,
  .hide-for-large button.subpage-navbar-cta:focus {
  color: var(--truClrPplBs);
      background: #7C6992;
      box-shadow: none;
  }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
      content: "";
      border: 2px solid var(--truClrNtrlWht);
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      position: absolute;
      left: calc(100% + 1rem);
      text-align: center;
      margin-top: 10px;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
      border: 2px solid var(--truClrPplBs);
      border-width: 0 2px 2px 0;
      margin-top: 8px;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
      transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
    }
    .cta-dropdown-container.hide-for-large .cta-dropdown-menu {
      width: 100%;
    }

}

/* Landscape */
@media only screen
  and (min-device-width: 767.99px)
  and (max-device-width: 1023.98px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .cta-dropdown-container.hide-for-large {
      width: 100%;
      position: fixed;
      top: calc(100vh - 3.9rem);
      z-index: 1000;
    }
    .cta-dropdown-container.hide-for-large .subpage-navbar-cta.single-link,
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
      border-radius: 0;
      background: var(--truClrPplBs);
      color: var(--truClrNtrlWht);
      margin-bottom: 0;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta.dropdown-toggle::after {
      display: none;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text {
      width: fit-content;
      font-weight: bold;
    }
    .hide-for-large button.subpage-navbar-cta:hover,
  .hide-for-large button.subpage-navbar-cta:focus {
  color: var(--truClrPplBs);
      background: #7C6992;
      box-shadow: none;
  }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta .button-text::after {
      content: "";
      border: 2px solid var(--truClrNtrlWht);
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      position: absolute;
      left: calc(100% + 1rem);
      text-align: center;
      margin-top: 10px;
      transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta:focus .button-text::after {
      border: 2px solid var(--truClrPplBs);
      border-width: 0 2px 2px 0;
      margin-top: 8px;
    }
    .cta-dropdown-container.hide-for-large button.subpage-navbar-cta[aria-expanded="true"] .button-text::after {
      transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
    }
    .cta-dropdown-container.hide-for-large .cta-dropdown-menu {
      width: 100%;
    }

}


/* ----------- iPad Pro 12.9 " ----------- */
/* Landscape*/
/* @media only screen
and (min-device-width: 1365.99px)
and (max-device-height: 1023.98px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape)  {

} */

/* Portrait*/
/* @media only screen
and (min-device-width: 1023.99px)
and (max-device-height: 1365.98px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait)  {

} */
/* Truist RTM Offer cards */

.rtmOffersHeading {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
}

.RTMofferCards {
    margin: 15px 0;
}

.RTMoffersRow {
    margin: 25px 0;
}

.productPageCard .RTMofferCards {
    width: 279px;
    margin-right: 20px;
}

.dashboard-cards .RTMofferCards {
    width: 302px;
    margin-right: 20px;
}

.dashboard-cards .RTMofferCards.wealthDashBoardCrd {
    width: 680px;
    margin-right: 20px;
}

.dashboard-cards .RTMofferCards.SBdashBoardCrd {
    width: 566px;
    margin-right: 20px;
}

.view-all .RTMofferCards {
    width: 489px;
    margin-right: 20px;
}

.rtmOffersCardSec {
    background: #2e1a47;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    margin: 0 !important;
}

.productPageCard .rtmOffersCardSec .card-body,
.view-all .rtmOffersCardSec .card-body {
    padding: 32px 24px 24px;
}

.dashboard-cards .rtmOffersCardSec .card-body {
    padding: 16px;
}

.wealthDashBoardCrd .rtmOffersCardSec .card-body {
    padding: 24px;
}

.SBdashBoardCrd .rtmOffersCardSec .card-body {
    padding: 16px;
}

.productPageCard .rtmOffersCardSec .card-title,
.dashboard-cards .rtmOffersCardSec .card-title {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.8rem;
    color: #fff;
    line-height: normal;
    font-weight: 400;
}

.wealthDashBoardCrd .rtmOffersCardSec .card-title {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 3.2rem;
    font-weight: 400;
}

.SBdashBoardCrd .rtmOffersCardSec .card-title {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
}

.view-all .rtmOffersCardSec .card-title {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.4rem;
    color: #fff;
    line-height: normal;
    font-weight: 400;
}

.rtmOffersCardSec p {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 1.6rem;
    color: #fff;
    line-height: normal;
    margin: 0 0 20px 0;
}

.wealthDashBoardCrd .rtmOffersCardSec p {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.4rem;
}

.rtmOffersCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 1.6rem;
    color: #fff;
    line-height: normal;
    margin-top: 10px;
    text-decoration: none;
}

.rtmOffersCTA::after {
    content: ' \2192';
}

.rtmOffersCTA:hover,
.rtmOffersCTA:focus {
    color: #fff;
    text-decoration: underline;
}

/* Media queries starts here */

@media only screen and (max-width: 414px) and (orientation: portrait) {
    .RTMofferCards {
        margin: 15px;
    }

    .rtmOffersCardSec {
        border: 1px solid #DBDBDB;
        background: #ffffff;
        border-radius: 5px;
        margin: 15px;
    }

    .productPageCard .RTMofferCards,
    .dashboard-cards .RTMofferCards,
    .view-all .RTMofferCards {
        width: 352px;
    }

    .productPageCard .rtmOffersCardSec .card-body,
    .view-all .rtmOffersCardSec .card-body {
        padding: 16px;
    }

    .productPageCard .rtmOffersCardSec .card-title,
    .dashboard-cards .rtmOffersCardSec .card-title,
    .view-all .rtmOffersCardSec .card-title {
        font-size: 2rem;
        color: #7C6992;
        line-height: normal;
        font-weight: 400;
    }

    .rtmOffersCardSec p {
        font-size: 1.5rem;
        color: var(--truNeutral500);
        line-height: normal;
        margin-bottom: 16px;
    }

    .rtmOffersCTA {
        font-size: 1.7rem;
        color: #7C6992;
        line-height: normal;
    }

    .rtmOffersCTA::after {
        content: '\276F';
        padding-left: 10px;
    }
}

@media only screen and (max-width: 932px) and (orientation: landscape) {

    .rtmOffersCardSec {
        border: 1px solid #DBDBDB;
        background: #ffffff;
        border-radius: 5px;
        margin: 15px;
    }

    .view-all .RTMofferCards,
    .dashboard-cards .RTMofferCards,
    .dashboard-cards .wealthDashBoardCrd.RTMofferCards,
    .dashboard-cards .SBdashBoardCrd.RTMofferCards,
    .productPageCard .RTMofferCards {
        width: 100%;
        margin: 15px 0;
    }

    .productPageCard .rtmOffersCardSec .card-body,
    .view-all .rtmOffersCardSec .card-body {
        padding: 16px;
    }

    .productPageCard .rtmOffersCardSec .card-title,
    .dashboard-cards .rtmOffersCardSec .card-title,
    .view-all .rtmOffersCardSec .card-title {
        font-size: 2rem;
        color: #7C6992;
        line-height: normal;
        font-weight: 400;
    }

    .rtmOffersCardSec p {
        font-size: 1.5rem;
        color: var(--truNeutral500);
        line-height: normal;
        margin-bottom: 16px;
    }

    .rtmOffersCTA {
        font-size: 1.7rem;
        color: #7C6992;
        line-height: normal;
    }

    .rtmOffersCTA::after {
        content: '\276F';
        padding-left: 10px;
    }
}
/* Truist RTM Offer detail - splash page */

.cmp-RTM-offerDetail-splash {
    max-width: 800px;
    min-width: 300px;
    background: #fff;
    border-radius: 5px;
    padding: 48px;
    margin: 20px auto;
}

.offer-detail-image {
    height: auto;
    width: auto;
    max-width: 100%;
}

.rtm-offer-details-splash {
    display: block;
    margin-top: 25px;
}

.offer-details-Splash-PgHeader {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 3.6rem;
    font-weight: 400;
    color: #2e1a47;
    margin-top: 14px;
    text-align: left;
}

.offer-details-Splash-headerTxt {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.8rem;
    color: #2e1a47;
    font-weight: 300;
    margin-bottom: 24px;
    text-align: left;
}


.offer-details-apply4HelocCTA,
.offer-details-applyCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    margin-right: 16px;
    padding: 15px 25px;
    background: #2e1a47;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
}

.cmp-RTM-offerDetail-splash .disclosure {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    background: #fff;
    padding: 15px 20px;
    border: 1px solid #999;
}

.offer-details-splashCloseCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    width: 30px;
    border: none;
    background: none;
    display: block;
    position: relative;
    float: right;
}

.offer-details-splashCloseCTA:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=");
    height: 18px;
    width: 18px;
}

.offer-details-splashCloseCTA:focus,
.offer-details-splashCloseCTA:hover {
    outline: none;
    border: none;
    background: none;
}


/* Media queries starts here */

@media only screen and (max-width: 414px) and (orientation: portrait) {

    .cmp-RTM-offerDetail-splash {
        padding: 25px;
    }

    .offer-details-applyCTA,
    .offer-details-apply4HelocCTA {
        width: 100%;
        margin-bottom: 15px;
    }

    .offer-detail-image {
        height: auto;
    }
}

@media only screen and (max-width: 932px) and (orientation: landscape) {}
/* Truist RTM Offer Details */

.cmp-RTM-offers.detailTemplate-1 {
    margin: 0 auto;
}

.RTM-offers,
.cmp-RTM-offerDetail-splash,
.cmp-RTM-offers {
    position: relative;
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-weight: 400;
    line-height: normal;
}

.rtmOffersHeading {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    color: #d9d9d9;
}

.rtm-offer-details {
    display: block;
}

.offer-details-PgHeader {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 4.8rem;
    font-weight: 400;
    color: #2e1a47;
    margin: 16px auto 24px auto;
    text-align: center;
}

.offer-details-headerTxt {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 3.6rem;
    color: #2e1a47;
    font-weight: 400;
    margin-bottom: 24px;
}

.offer-details-subHeaderTxt {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.8rem;
    color: #2e1a47;
    font-weight: 200;
}

.offer-detail-image {
    display: block;
    margin: 24px auto;
    position: relative;
    max-width: 100%;
    /* box-shadow: 2px 2px 6px darkslategrey; */
}

ul.offer-detail-bullets {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*grid-auto-rows: 1fr;*/
    padding: 0;
}

ul.offer-detail-bullets li:nth-child(even) {
    margin-left: 30px;
}

ul.offer-detail-bullets li span:first-child {
    display: block;
    font-weight: 600;
}

ul.offer-detail-bullets li {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    position: relative;
    padding-left: 30px;
    margin: 10px 0;
    color: var(--truNeutral500);
    padding-right: 5px;
}

ul.offer-detail-bullets li p {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    margin-bottom: 0 !important;
}

ul.offer-detail-bullets li:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDQ4YTIwOCAyMDggMCAxIDEgMCA0MTYgMjA4IDIwOCAwIDEgMSAwLTQxNnptMCA0NjRBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5YzkuNC05LjQgOS40LTI0LjYgMC0zMy45cy0yNC42LTkuNC0zMy45IDBsLTExMSAxMTEtNDctNDdjLTkuNC05LjQtMjQuNi05LjQtMzMuOSAwcy05LjQgMjQuNiAwIDMzLjlsNjQgNjRjOS40IDkuNCAyNC42IDkuNCAzMy45IDBMMzY5IDIwOXoiLz48L3N2Zz4=");
    position: absolute;
    top: 4px;
    left: 0;
    height: 15px;
    width: 15px;
}

ul.offer-detail-bullets li:before path {
    fill: var(--truNeutral500);
}

.offer-details-CTAsection {
    clear: both;
    margin: 32px 0;
}

.offer-details-showMeCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    margin-right: 16px;
    padding: 15px 25px;
    background: #7c6992;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    border: 1px solid #7c6992;
}

.offer-details-showMeCTA:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHg9JzBweCcgeT0nMHB4JyB2aWV3Qm94PScwIDAgNTEyIDUxMic+PHBhdGggZD0nTTM1MiAwYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOUwzNzAuNyA5NiAyMDEuNCAyNjUuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMEw0MTYgMTQxLjNsNDEuNCA0MS40YzkuMiA5LjIgMjIuOSAxMS45IDM0LjkgNi45czE5LjgtMTYuNiAxOS44LTI5LjZWMzJjMC0xNy43LTE0LjMtMzItMzItMzJIMzUyek04MCAzMkMzNS44IDMyIDAgNjcuOCAwIDExMlY0MzJjMCA0NC4yIDM1LjggODAgODAgODBINDAwYzQ0LjIgMCA4MC0zNS44IDgwLTgwVjMyMGMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMlY0MzJjMCA4LjgtNy4yIDE2LTE2IDE2SDgwYy04LjggMC0xNi03LjItMTYtMTZWMTEyYzAtOC44IDcuMi0xNiAxNi0xNkgxOTJjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIODB6JyBmaWxsPSd3aGl0ZScvPjwvc3ZnPg==");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    vertical-align: text-top;
}

.offer-details-remindMeCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 1.7rem;
    margin-right: 16px;
    padding: 15px 25px;
    background: #fff;
    color: #7C6992;
    border: 1px solid #7C6992;
    border-radius: 5px;
    font-weight: 500;
}

.offer-details-noThanksCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 1.7rem;
    margin-right: 16px;
    padding: 15px 25px;
    background: #fff;
    color: #7C6992;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-weight: 500;
}

/* Template - 2 Unique styles starts here... */
.offer-details-tNcCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    color: #2e1a47;
    border: none;
    outline: none;
    font-weight: 600;
    background: none;
}

.offer-details-tNcCTA:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzUyIDBjLTEyLjkgMC0yNC42IDcuOC0yOS42IDE5LjhzLTIuMiAyNS43IDYuOSAzNC45TDM3MC43IDk2IDIwMS40IDI2NS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDQxNiAxNDEuM2w0MS40IDQxLjRjOS4yIDkuMiAyMi45IDExLjkgMzQuOSA2LjlzMTkuOC0xNi42IDE5LjgtMjkuNlYzMmMwLTE3LjctMTQuMy0zMi0zMi0zMkgzNTJ6TTgwIDMyQzM1LjggMzIgMCA2Ny44IDAgMTEyVjQzMmMwIDQ0LjIgMzUuOCA4MCA4MCA4MEg0MDBjNDQuMiAwIDgwLTM1LjggODAtODBWMzIwYzAtMTcuNy0xNC4zLTMyLTMyLTMycy0zMiAxNC4zLTMyIDMyVjQzMmMwIDguOC03LjIgMTYtMTYgMTZIODBjLTguOCAwLTE2LTcuMi0xNi0xNlYxMTJjMC04LjggNy4yLTE2IDE2LTE2SDE5MmMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkg4MHoiLz48L3N2Zz4=");
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    margin-left: 10px;
    vertical-align: text-top;
}

/* Template - 3 Unique styles starts here... */

.offer-details-introCopy {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    margin: 25px 0;
    font-size: 1.6rem;
    line-height: 24px;
}

.rtm-offer-details ol {
    padding-left: 18px;
}

.rtm-offer-details ol li {
    padding-left: 10px;
    margin: 0px;
}

.disclosure {
    background: #fff;
    padding: 15px 20px;
}

.offer-details-disclosuresCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    color: #2e1a47;
    border: none;
    outline: none;
    font-weight: 600;
    background: none;
    width: 100%;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid grey;
}

.offer-details-disclosuresCTA:focus,
.offer-details-disclosuresCTA:hover {
    outline: none;
}

.offer-details-disclosuresCTA.expandBtn:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=");
    height: 18px;
    width: 18px;
    display: block;
    position: relative;
    float: right;
}

.offer-details-disclosuresCTA.collapseBtn:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBkPSdNMjMzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwyNTYgMTczLjMgODYuNiAzNDIuNmMtMTIuNSAxMi41LTMyLjggMTIuNS00NS4zIDBzLTEyLjUtMzIuOCAwLTQ1LjNsMTkyLTE5MnonLz48L3N2Zz4=");
    height: 18px;
    width: 18px;
    display: block;
    position: relative;
    float: right;
}

.offer-details-disclosureContent {
    display: none;
    margin: 20px 0;
}

.offer-details-disclosureContent p {
    line-height: normal;
    margin-bottom: 10px;
}


/* Media queries starts here */

@media only screen and (max-width: 414px) and (orientation: portrait) {

    ul.offer-detail-bullets {
        display: block;
        padding: 0 20px;
    }

    .rtm-offer-details ol {
        padding: 0 40px;
    }

    .cmp-RTM-offers.detailTemplate-1,
    ul.offer-detail-bullets li,
    .rtm-offer-details ol li {
        width: 100%;
    }

    ul.offer-detail-bullets li:nth-child(even) {
        margin-left: 0;
    }

    .offer-details-showMeCTA,
    .offer-details-remindMeCTA,
    .offer-details-noThanksCTA {
        width: 100%;
        margin-bottom: 15px;
    }

    .offer-detail-image.reg-img,
    .offer-details-tNcCTA,
    .offer-details-CTAsection.disclosure {
        display: none;
    }

    .offer-detail-image {
        width: auto;
        max-width: 100%;
        margin: 24px auto;
    }

    ul.offer-detail-bullets li,
    .rtm-offer-details ol li {
        margin-top: 24px;
    }

    .offer-details-headerTxt,
    .offer-details-subHeaderTxt,
    ul.offer-detail-bullets li span {
        font-family: 'Truist Trio Light', Truist Trio, sans-serif;
        font-size: 1.7rem;
        line-height: normal;
    }

    .offer-details-headerTxt,
    .offer-details-subHeaderTxt {
        margin-bottom: 16px;
    }

    .offer-details-CTAsection {
        margin-top: 28px;
    }

    .cmp-RTM-offers.detailTemplate-2 .offer-details-headerTxt,
    .cmp-RTM-offers.detailTemplate-2 .offer-details-subHeaderTxt {
        text-align: center;
    }

}

@media only screen and (max-width: 932px) and (orientation: landscape) {

    .cmp-RTM-offers.detailTemplate-1,
    ul.offer-detail-bullets li,
    .rtm-offer-details ol li {
        width: 100%;
    }

    .offer-detail-image {
        width: auto;
        max-width: 100%;
        margin: 24px auto;
    }

    ul.offer-detail-bullets li:nth-child(even) {
        margin-left: 0;
    }
}
/* Truist RTM Offer splash mobile */


.rtm-offer-splash-mob-bg {
    background: #2e1a47;
    padding: 0 16px;
    min-height: 100vh;
    height: 100%;
}

.offer-splash-mob-closeLnk{
    color: #7C6992;
    display: inline-block;
    margin: 10px 0 154px;
}

.offer-splash-mob-PgHeader{
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 2.4rem;
    color: #b0e0e2;
    line-height: normal;
    text-align: center;
    padding: 0 16px;
}

.offer-splash-mob-subHeaderTxt{
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 1.6rem;
    color: #afabc9;
    line-height: normal;
    text-align: center;
    margin-top: 15px;
    padding: 0 16px;
}

.rtm-offer-splash-mob-CTAsection{
    padding: 92px 0 48px;
}

.rtm-offer-splash-mob-primaryCTA {
    background: #7C6992;
    color:#fff;
    border: 2px solid #7C6992;
}
.rtm-offer-splash-mob-secondaryCTA{
    background: transparent;
    border: 2px solid #7C6992;
    color: #7C6992;
}

.rtm-offer-splash-mob-primaryCTA,
.rtm-offer-splash-mob-secondaryCTA {
    font-family: 'Truist Trio Light', Truist Trio, sans-serif;
    font-size: 1.6rem;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
    border-radius: 5px;
}

.rtm-offer-splash-mob-icon {
    display:block;
    margin: 28px auto;
    width: 92px;
    height: 105px;
}

.speedBump {
	padding-top: 0px !important;
	background-color: #f5f5f5;
}

.speedbump.aem-GridColumn {
	background-color: #f5f5f5;
	margin-top: 30px;
}

.suntrust-maint-page {
	padding-left: 30px;
	padding-right: 30px;
	background-color: #f5f5f5;
}

.suntrust-maint-message-container {
	display: block;
	border: 1px solid #dcdcdc;
	text-align: left;
	padding: 30px;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	color: #484848;
	background-color: #fff;
	/* font-family: "suntrustregular", "Trebuchet MS", sans-serif; */
	border-radius: 6px;
}

.suntrust-maint-message-container p {
	color: #484848;
	font-size: 1.5rem;
	line-height: 20px;
}

.suntrust-maint-message-container img {
	max-width: 150px;
	display: block;
	margin: 0 auto 30px;
}

.suntrust-maint-message-container h1 {
	font-size: 2rem;
	line-height: 21px;
	font-weight: 200;
	color: #484848;
	margin-bottom: 15px;
	width: 90%;
}

.suntrust-maint-button {
	background-color: #005ead;
	width: 100%;
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 19px;
}

.suntrust-maint-button:hover,
.suntrust-maint-button:focus {
	background-color: #003b71;
}

.suntrust-maint-link {
	color: #005ead;
	display: block;
	text-align: center;
	margin-bottom: -20px;
	font-size: 1.6rem;
	line-height: 19px;
}

.suntrust-maint-link:hover,
.suntrust-maint-link:focus {
	text-decoration: underline;
	color: #005ead;
}

.suntrust-maint-footer {
	position: relative;
	max-width: 500px;
	margin: 0 auto;
}

.suntrust-maint-footer p {
	padding-left: 0px;
}

.suntrust-maint-footer .suntrust-logo {
	display: none;
}

@media screen and (min-width: 480px) {
	.speedbump.aem-GridColumn {
		margin-top: 60px;
	}

	.suntrust-maint-message-container {
		padding: 30px 60px;
	}

	.suntrust-maint-message-container h1 {
		font-size: 3rem;
		line-height: 35px;
	}
}
.footer-primary-link .tru-icon {
    height: 1.8rem;
    fill: currentColor;
    width: 1.8rem;
}

.footer-primary-link .tru-icon--add {
    height: 40px;
    width: 40px;
}

@media screen and (min-width: 481px) {
    .footer-primary-link .tru-icon--add {
        height: 48px;
        width: 48px;
    }
}

.footer-primary-link .tru-icon--contact {
    height: 3rem;
    width: 3rem;
}

.footer-primary-link .icon-check-circle:before {
    content: "\e900";
}

.footer-primary-link .tru-grid--1-columns {
    grid-template-columns: repeat(1, 1fr);
}

.footer-primary-link .tru-grid--2-columns {
    grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 768px) {
    .footer-primary-link .tru-grid--2-columns-md-up {
        grid-template-columns: repeat(2, 1fr);
    }
}

.footer-primary-link .tru-grid--4-columns {
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (min-width: 576px) {
    .footer-primary-link .tru-grid--4-columns-sm-up {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 768px) {
    .footer-primary-link .tru-grid--4-columns-md-up {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 992px) {
    .footer-primary-link .tru-grid--4-columns-lg-up {
        grid-template-columns: repeat(4, 1fr);
    }
}

.footer-primary-link .tru-grid--3-4-offset {
    grid-template-columns: 3fr 1fr;
}

@media screen and (min-width: 576px) {
    .footer-primary-link .tru-grid--3-4-offset-sm-up {
        grid-template-columns: 3fr 1fr;
    }
}

.footer-primary-link .tru-grid--3-4-offset {
    grid-template-columns: 3fr 1fr;
}

@media screen and (min-width: 768px) {
    .footer-primary-link .tru-grid--3-4-offset-md-up {
        grid-template-columns: 3fr 1fr;
    }
}

.footer-primary-link .tru-grid--3-4-offset {
    grid-template-columns: 3fr 1fr;
}

@media screen and (min-width: 992px) {
    .footer-primary-link .tru-grid--3-4-offset-lg-up {
        grid-template-columns: 3fr 1fr;
    }
}

.footer-primary-link .tru-grid--3-4-offset {
    grid-template-columns: 3fr 1fr;
}

.footer-primary-link .tru-grid {
    display: grid;
    display: -ms-flexbox;
    -ms-flex: 0 80%;
}

.footer-primary-link .tru-grid .js-form-group {
    margin-right: 1rem;
}

.footer-primary-link .accordion__content ul {
    padding: 0;
}


.footer-primary-link .tru-grid--column-gutters {
    grid-column-gap: 1.8rem;
}

.footer-primary-link .tru-grid--row-gutters {
    grid-row-gap: 1.8rem;
}

.footer-primary-link .tru-grid--gutters {
    grid-gap: 1.8rem;
}

.footer-primary-link .no-cssgrid .tru-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-primary-link .no-cssgrid .tru-grid>* {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.footer-primary-link .no-cssgrid .tru-grid--row-gutters,
.footer-primary-link .no-cssgrid .tru-grid--column-gutters,
.footer-primary-link .no-cssgrid .tru-grid--gutters {
    margin-top: -1.8rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -1.8rem;
}

.footer-primary-link .no-cssgrid .tru-grid--row-gutters>*,
.footer-primary-link .no-cssgrid .tru-grid--column-gutters>*,
.footer-primary-link .no-cssgrid .tru-grid--gutters>* {
    padding-top: 1.8rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1.8rem;
}

.footer-primary-link .no-cssgrid .tru-grid--1-columns>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (min-width: 576px) {
    .footer-primary-link .no-cssgrid .tru-grid--1-columns-sm-up>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .footer-primary-link .no-cssgrid .tru-grid--1-columns-md-up>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .footer-primary-link .no-cssgrid .tru-grid--1-columns-lg-up>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .footer-primary-link .no-cssgrid .tru-grid--1-columns-xl-up>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--2-columns>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media screen and (min-width: 768px) {
    .footer-primary-link .no-cssgrid .tru-grid--2-columns-md-up>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .footer-primary-link .no-cssgrid .tru-grid--2-columns-lg-up>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 1200px) {
    .footer-primary-link .no-cssgrid .tru-grid--2-columns-xl-up>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--4-columns>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media screen and (min-width: 576px) {
    .footer-primary-link .no-cssgrid .tru-grid--4-columns-sm-up>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (min-width: 768px) {
    .footer-primary-link .no-cssgrid .tru-grid--4-columns-md-up>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (min-width: 992px) {
    .footer-primary-link .no-cssgrid .tru-grid--4-columns-lg-up>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

@media screen and (min-width: 576px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-sm-up>*:first-child {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media screen and (min-width: 576px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-sm-up>*:last-child {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

@media screen and (min-width: 768px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-md-up>*:first-child {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media screen and (min-width: 768px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-md-up>*:last-child {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

@media screen and (min-width: 992px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-lg-up>*:first-child {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media screen and (min-width: 992px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-lg-up>*:last-child {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:first-child {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

@media screen and (min-width: 1200px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-xl-up>*:first-child {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

.footer-primary-link .no-cssgrid .tru-grid--3-4-offset>*:last-child {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media screen and (min-width: 1200px) {
    .footer-primary-link .no-cssgrid .tru-grid--3-4-offset-xl-up>*:last-child {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.footer-primary-link .tru-button {
    font-size: 1.8rem;
    font-weight: 300;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    padding: 10px 20px;
    line-height: initial;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    position: relative;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 2px;
}

.footer-primary-link .tru-button:hover {
    outline: none;
}

.footer-primary-link .tru-button:focus:not(:disabled):before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 2px solid;
    border-radius: 2px;
}

.footer-primary-link .tru-button.is-disabled {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
}

.footer-primary-link .tru-button--footer {
    background: #afabc9;
    border: 2px solid #afabc9;
    height: 56px;
    width: 117px;
}

.footer-primary-link .tru-button--footer:hover {
    background: #7c6992;
    color: #FFF;
}

.footer-primary-link .accordion {
    width: 100%;
    -webkit-transition: opacity ease-in 0.25s;
    transition: opacity ease-in 0.25s;
    color: #2e1a47;
}

.footer-primary-link .accordion.is-collapsed {
    border-bottom: 0;
}

.footer-primary-link .accordion:not(.is-collapsed) .accordion__title--total {
    opacity: 0;
    -webkit-transition: opacity ease-in 0.3s;
    transition: opacity ease-in 0.3s;
    position: relative;
    -webkit-animation: dropTotal 0.8s forwards;
    animation: dropTotal 0.8s forwards;
}

@-webkit-keyframes dropTotal {
    0% {
        top: 0;
    }

    100% {
        top: 18px;
    }
}

@keyframes dropTotal {
    0% {
        top: 0;
    }

    100% {
        top: 18px;
    }
}

.footer-primary-link .accordion__content {
    overflow: hidden;
    padding: 10px 20px;
    width: 100%;
    font-size: 1.8rem;
}

.footer-primary-link .accordion__content.is-expanded {
    display: -ms-flexbox;
    display: flex;
}

.footer-primary-link .accordion__table,
.footer-primary-link .accordion__img {
    margin: 1em 0;
}

.footer-primary-link .accordion__img {
    display: block;
    max-width: 100%;
}

.footer-primary-link button.accordion__header {
    border-width: 0 0 1px;
}

.footer-primary-link .accordion--border-top {
    border-top: 1px solid var(--truNeutral500);
}

.footer-primary-link .accordion__header {
    padding: 2.7rem 1.8rem;
    border-color: var(--truNeutral500);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-primary-link .accordion__header--disabled {
    cursor: default;
}

.footer-primary-link .accordion__title {
    font-size: 2.16rem;
    color: currentColor;
    margin: 0;
    font-weight: 300;
}

.accordion__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.is-collapsed .accordion__icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.accordion__item {
    border-bottom: 1px solid var(--truNeutral500);
}

.accordion__item:last-child {
    border-bottom: 0;
}

.footer-primary-link .disclosures-accordion {
    padding: 0.9rem 1.5rem;
    max-width: 200px;
    width: 100%;
    border: 1px solid #c9c9c9;
    border-bottom: transparent;
    border-radius: 7px 7px 0 0;
    position: relative;
    margin: 0 auto;
    color: #000000;
}

@media (min-width: 768px) {
    .footer-primary-link .disclosures-accordion {
        margin-left: 5.25rem;
    }
}

.footer-primary-link .disclosures-accordion .accordion__title {
    color: #000000;
    font-size: 1.8rem;
}

.footer-primary-link .disclosures-accordion.is-expanded:after {
    content: '';
    position: absolute;
    height: 3px;
    background: #FFF;
    width: 100%;
    top: 100%;
    left: 0;
}

.footer-primary-link .disclosures-accordion__content {
    border-top: 1px solid #c9c9c9;
}

.footer-primary-link .footer {
    background: #2e1a47;
    color: #FFF;
    font-size: 0.75rem;
    border-top: 1px solid #222a31;
    padding: 3.6rem 3.6rem 1.8rem 3.6rem;
}

@media (min-width: 992px) {
    .footer-primary-link .accordion__content {
        display: block
    }
}

.footer-primary-link .footer hr {
    margin: 3rem 0;
    width: 100%;
    border-top: 1px solid #7c6992;
}

.footer-primary-link .footer__logo {
    width: 245px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

.footer-primary-link .footer__details {
    color: #FFF;
    text-align: center;
    width: 100%;
    font-size: 1.53rem;
    margin-top: 2rem;
}

.footer-primary-link .footer__details .footer-nav-primary-link {
    justify-content: center;
}

.footer-primary-link .footer__links-container {
    margin-top: 3.6rem;
    color: #FFF;
    width: 100%;
}

.footer-primary-link .disclosure-block {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    color: var(--truNeutral500);
    font-weight: 300;
}

@media (min-width: 576px) {
    .footer-primary-link .disclosure-block {
        max-width: 576px;
    }
}

@media (min-width: 768px) {
    .footer-primary-link .disclosure-block {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .footer-primary-link .disclosure-block {
        max-width: 940px;
    }
}

@media (min-width: 1200px) {
    .footer-primary-link .disclosure-block {
        max-width: 1140px;
    }
}

.footer-primary-link .footer-nav--disclosures {
    display: flex;
    flex-wrap: wrap;
}

.bg-clear .footer-primary-link .footer-nav--disclosures li.footer-nav-item a,
.footer-primary-link .footer-nav--disclosures li.footer-nav-item a {
    color: #afabc9;
    font-size: 2rem;
    text-deoration: none;
}

.footer-primary-link .footer-nav--disclosures li.footer-nav-item a:hover {
    color: #fff;
}

.footer-primary-link .footer__details__header {
    color: #b0e0e2;
    font-size: 2.25rem;
    font-weight: 400;
}

.bg-clear .footer-primary-link .footer__details__header .footer__link,
.footer-primary-link .footer__details__header .footer__link {
    color: #afabc9;
    font-size: 2rem;
    text-decoration: none;
}

.footer-primary-link .footer__link {
    color: #afabc9;
    text-decoration: none;
}

.footer-primary-link .footer__link:hover {
    color: #FFF;
    text-decoration: underline;
}

.footer-primary-link .footer__section {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 576px) {
    .footer-primary-link .footer__section {
        max-width: 576px;
    }
}

@media (min-width: 768px) {
    .footer-primary-link .footer__section {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .footer-primary-link .footer__section {
        max-width: 940px;
    }
}

@media (min-width: 1200px) {
    .footer-primary-link .footer__section {
        max-width: 1140px;
    }
}

.footer-primary-link .footer__form {
    max-width: 600px;
    margin: 3.5rem auto 0;
}

.footer-primary-link .footer__form .form-group {
    border-color: #FFF;
    background: #2e1a47;
    color: #FFF;
}

.footer-primary-link .footer__form label {
    color: #AFABC9;
}

.footer-primary-link .footer__form .input {
    color: #afabc9;
    position: relative;
    top: 10px;
}

.footer-primary-link .footer__form__legend {
    color: #b0e0e2;
    font-size: 1.98rem;
    padding-bottom: 1.8rem;
    text-align: center;
}

.footer-primary-link .footer__details__header .accordion__header {
    padding: 1.5rem 0;
    border-bottom: 1px solid #b0e0e2;
}

@media (min-width: 992px) {
    .footer-primary-link .footer__details__header .accordion__header {
        border-bottom: none;
        pointer-events: none;
        padding-left: .5rem;
        outline: none;
    }
}

@media (min-width: 992px) {
    .footer-primary-link .footer__details__header .accordion__header .accordion__icon {
        display: none;
    }
}

.footer-primary-link .footer__details__header .accordion__title {
    font-size: 2.4rem;
    font-weight: 400;
}

.footer-primary-link .footer__details__header .accordion__content {
    padding: 10px 0 0 0;
    text-align: left;
}

@media (min-width: 992px) {
    .footer__details__header .accordion__content {
        padding: 0;
    }
}

.footer-primary-link .footer__details__header li {
    font-size: 1.53rem;
    padding: 0.36rem 0 0.9rem .5rem;
}

.footer-primary-link .footer-nav {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .footer-primary-link .footer-nav {
        -ms-flex-pack: left;
        justify-content: left;
    }
}

.footer-primary-link .footer-nav:last-child {
    margin-bottom: 0;
}

.footer-primary-link .footer-nav--disclosures {
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.8rem 0;
}

@media (min-width: 768px) {
    .footer-primary-link .footer-nav--disclosures {
        margin: 0;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-primary-link .footer-nav--disclosures {
        margin-top: 2rem;
    }
}

@media (min-width: 768px) {
    .footer-primary-link .footer-nav--disclosures .footer-nav-item {
        margin-bottom: 1.8rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (min-width: 992px) {
    .footer-primary-link .footer-nav-item.footer-nav-item--logo {
        float: left;
        margin-right: 30px;
        margin-top: 0;
    }
}

.footer-primary-link .footer-nav--tablet {
    display: none;
}

.footer-primary-link .footer-nav--tablet .footer-nav {
    margin-top: 1.8rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-primary-link .footer-nav--tablet {
        display: block;
    }

    .footer-primary-link .tru-button--footer {
        width: auto;
    }

    .footer-primary-link .tru-grid .js-form-group {
        margin-right: 0;
    }
}

.footer-primary-link .footer-nav--tablet__logo {
    width: 100%;
}

.footer-primary-link .footer-nav--social {
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .footer-primary-link .footer-primary-link .footer-nav-item {
        margin-right: 0.9rem;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .footer-primary-link .footer-nav-item:not(:last-child) {
        margin-bottom: 1.8rem;
    }

    .footer-primary-link ul.footer-nav-contact li {
        text-align: center;
        width: 100%;
        list-style-type: none;
    }

    .footer-primary-link .tru-button--footer {
        width: 100%;
    }
}

.footer-primary-link .footer__social-icon {
    height: 1.8rem;
    width: 1.8rem;
    fill: #FFF;
}

.footer-primary-link .footer-nav-item--social {
    margin-left: 0.9rem;
    margin-right: 0.9rem;
    margin-bottom: 0;
}

.footer-primary-link .footer-nav-item--social .tru-icon--open-new {
    display: none;
}

.footer-primary-link .footer-nav-link {
    font-size: .75rem;
    color: #FFF;
    text-decoration: none;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.footer-primary-link .footer-highlight {
    border-top: 1px solid #000000;
    background-color: #000000;
    text-align: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (min-width: 992px) {
    .footer-primary-link .footer-highlight {
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-primary-link .footer__legal {
    color: #FFF;
    font-size: 1.53rem;
    text-align: center;
    width: 100%;
}

.footer-primary-link label {
    color: var(--truNeutral500);
}

.footer-primary-link .form-group {
    position: relative;
    margin-bottom: 0.5rem;
    padding: 0.7rem;
    border: 1px solid var(--truNeutral500);
    width: 100%;
    border-radius: 4px;
    height: 56px;
    background: #FFF;
}

.footer-primary-link .form__label {
    position: absolute;
    top: 15px;
    left: 20px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    font-size: 1.8rem;
}

.footer-primary-link .input {
    font-size: 1.8rem;
    padding: 4px 9px;
    display: block;
    height: 30px;
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    bottom: 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-primary-link .input--focused {
    top: 2px;
    left: 5px;
    -webkit-transform: scale(0.78);
    transform: scale(0.78);
    font-weight: 600;
}

.footer-primary-link .has-focus {
    border-color: #2e1a47;
    border-width: 3px;
}

.footer-primary-link .tru-margin-top--md {
    margin-top: 3.6rem;
}

.footer-primary-link .tru-margin-y--md {
    margin: 3.6rem 0;
}

.footer-primary-link .tru-margin-top--lg {
    margin-top: 7.2rem;
}

.footer-primary-link .tru-margin-bottom--lg {
    margin-bottom: 7.2rem;
}

.footer-primary-link .tru-margin-right--lg {
    margin-right: 7.2rem;
}

.footer-primary-link .tru-screen-reader-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.footer-primary-link ul.footer-nav-contact {
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 1rem 0 3rem;
    flex-wrap: wrap;
}

.footer-primary-link ul.footer-nav-contact li a {
    color: #afabc9;
    text-decoration: none;
    font-size: 2rem;
}

.footer-primary-link ul.footer-nav-contact li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-primary-link ul.footer-nav-contact li {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    list-style-type: none;
}

/* new updated */

.footer-primary-link .footer .mobile-logo {
    display: none;
}

.footer-primary-link .footer .focused .form__label {
    transform: translateY(-106%);
    font-size: .75em;
    background: #2e1a47;
    z-index: 1000;
    color: #fff;
    left: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.footer-primary-link b,
.footer-primary-link strong {
    font-weight: bold;
}

.footer-primary-link i,
.footer-primary-link em {
    font-style: italic;
}

.footer-primary-link .tru-collapsible__icon {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.footer-primary-link .tru-collapsible__icon.is-rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.footer__section ul.footer-nav--social li img.footer-nav-social-icon {
    width: 24px;
    height: 24px;
}

.footer-nav.footer-nav--disclosures {
    padding: 0;
}

/***FOOTER***/
/*page disclaimer*/
.disc-selected {background: none;}
.disc-selected sup:nth-of-type(1) {border: 1px dotted;}
.disc-back-to-content {display: inline-block; padding-left: .5rem;}
.disc-back-to-content a {color: #2E1A47!important;}
.disc-back-to-content a::after {content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=) 0 0 no-repeat;
    padding: 7px 8px; transform: rotate(-90deg); display: inline-block; margin-left: .5rem;
}

/*disclosure*/
footer #footer-section-disclosure {position: relative; background: #fff; margin-top: 11rem;}
footer #footer-section-disclosure #footer-section-disclosure-container {border-top: 1px solid #cfcfcf; color: var(--truNeutral500); padding-top: 4rem;}
footer #footer-section-disclosure #footer-section-disclosure-container > .aem-Grid {width: auto; max-width: 1920px; margin: 0 auto; position: relative;}
footer #footer-section-disclosure #footer-section-disclosure-container > .aem-Grid > div {padding:0 8.333%;}
footer #footer-section-disclosure #footer-section-disclosure-container > .aem-Grid::before {
	content: "";
	display: block;
	height: .1rem;
	width: 20rem;
	background: #fff;
	position: absolute;
	top: -4.1rem;
	left: 8.333%;
}
footer #footer-section-disclosure #footer-section-disclosure-container a {color: #2E1A47; text-decoration: underline;}
footer #footer-section-disclosure #footer-section-disclosure-container a:hover,
footer #footer-section-disclosure #footer-section-disclosure-container a:focus {text-decoration: none;}
footer #footer-section-disclosure .accordion .border-container {border: none;}
footer #footer-section-disclosure .accordion .border-container > div {transition: all 0.3s 0s linear;}
footer #footer-section-disclosure .accordion .accordion-card-header {max-width: 1920px; margin: 0 auto; padding: 0 15px; position: relative;}
footer #footer-section-disclosure .accordion .btn {
	color: #2E1A47;
	font-size: 2rem;
	line-height: 1em;
	text-decoration: none;
	padding: 1.3rem 2.8rem;
    box-shadow: none;
	border: 1px solid #c9c9c9;
	border-radius: 4px 4px 0 0;
	border-bottom: #fff;
	background: #fff;
	position: absolute;
	top: -5rem;
	left: 8.333%;
	height: 5rem;
	width: 20rem;
}
footer #footer-section-disclosure .accordion .btn:focus::after {content: ""; position: absolute; bottom: 1rem; left: 3.2rem; height: 2px; background: #2E1A47; width: calc(100% - 8.9rem);}

/*disclosure - card body*/
footer #footer-section-disclosure .accordion .card-body {padding: 0;}

@media (min-width: 769px){
	footer #footer-section-disclosure {margin-top: 15rem;}
}

.footer-primary-link .footer-nav-item--social .footer-nav-link {font-size: 1.8rem;}

/* Cookie Setting CSS */

.footer__section #ot-sdk-btn.ot-sdk-show-settings{
    color: #afabc9;
    font-size: 2rem;
    padding: 0;
    background: none;
    border: 0;
    margin: 0;
    text-align: left;
    outline: 0;
}

.footer__section #ot-sdk-btn.ot-sdk-show-settings:hover{
    color: #fff;
    text-decoration: underline;
    background: none;
    border: 0;
    outline: 0;
}

/* OneTrust custcom footer links*/
.footer__section #ot-sdk-btn.ot-sdk-show-settings:focus-visible {
    border: 1px solid #fff;
    border-radius: 4px;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item.ot-vs-config{
  border-top: 1px solid #d8d8d8;
}

footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936 {
    color: #fff;
    text-decoration: none;
    background: #483460;
	border: 1px solid #483460;
	font-size: 1.6rem;
    font-weight: 700;
	margin-top: 0;    margin-bottom: 0;
    height: 55px;
    display: inline;
}

footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936:hover {
    color: #483460;
    text-decoration: none;
    background: transparent;
	border: 1px solid #483460;
}

footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936::before {
	content: "";
    background-image: url(../../../content/dam/truist-bank/us/en/icons/qr-code-icon.svg);
    background-size: contain;
    height: 2.1rem;
    width: 2.3rem;
    margin-right: 0.5rem;
    position: relative;
    top: 0.5rem;
    display: inline-block;
    background-repeat: no-repeat;
}

footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936:hover::before,
footer #footer-section-disclosure #footer-section-disclosure-container a.cta-940120936:focus::before {
    background-image: url(../../../content/dam/truist-bank/us/en/icons/qr-code-icon.svg);
}
footer #footer-section-disclosure #footer-section-disclosure-container a.cta-1949578313 {vertical-align: text-top; text-decoration: none; transition: none;}
footer #footer-section-disclosure #footer-section-disclosure-container a.cta-1949578313:hover {color: #483460; text-decoration: underline; transition: none;}
footer #footer-section-disclosure #footer-section-disclosure-container a.cta-1949578313::after {
    content: "\e805";
    font-family: "truist-icons";
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    speak: never;
    display: inline-block;
    width: 1em;
    margin-left: 0.4em;
    transform: rotate(-90deg);
    background: none;
	vertical-align: text-top;
}

@media (min-width: 992px) {
    .footer-primary-link .accordion__content {
        display: block !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 740px) {
    .footer-primary-link .footer .mobile-logo {
        display: block;
        margin: 0 auto;
    }
    .footer-primary-link .footer .footer__logo {
        display: none;
    }
}

@media only screen and (min-device-width: 314px) and (max-device-width: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .footer-primary-link .footer .mobile-logo {
        display: block;
        margin: 0 auto;
    }
    .footer-primary-link .footer .footer__logo {
        display: none;
    }
}

@media screen and (max-device-width: 812px) and (orientation: landscape) {
    .footer-primary-link .footer .mobile-logo {
        display: block;
        margin: 0 auto;
    }
    .footer-primary-link .footer .footer__logo {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .footer-primary-link .footer .mobile-logo {
        display: block;
        margin: 0 auto;
    }
    .footer-primary-link .footer .footer__logo {
        display: none;
    }
}

/*global*/
footer {background-color: transparent !important; color: #fff;}

/* MMA rates disclosures */
#footer-section-disclosure-container .mma-rate-disclosure {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#footer-section-disclosure-container .mma-rate-disclosure p{
    font-size: var(--truTxtSize6);
    line-height: var(--truLnHght6);
}

#footer-section-disclosure-container .mma-rate-disclosure sup {
    top: -.3rem;
    font-size: 75%;
}

footer #footer-section-disclosure #footer-section-disclosure-container>.aem-Grid::before {
    display: none;
}
.map-data-container .map-view {
  height: 450px;
  border-radius: 25px 0 0 25px;
  margin-bottom: 1rem;
}

.search-form-container .bg-svg{
  position: absolute;
  background: #f7f7f7;
  width: 50px;
  height: 56px;
  padding-left: 4px;
  margin-top: 2px;
  margin-left: 2px;
}

.search-form-container .locator-map-icon,
.input-svg-color .bg-svg .locator-map-icon {
  position: relative;
  width: 20px;
  top: 17px;
  left: 10px;
  z-index: 1;
}

.search-form-container .input-svg-color:hover .map-icon{
  fill: #2e1a47;
}

.search-form-container .group {
   position:relative; 
   flex: 0 0 45%;
}

.search-form .search-button {
  border-color: #ccc;
  width: 186px;
  height: 60px;
  background-color:#2e1a47;
  color: #FFF;
  border : 1px solid #2e1a47;
  position: relative;
  border-radius: 4px;
  padding: 0 3rem;
}

.search-form .search-button:hover,
.search-form .search-button:focus {
  background-color: #fff;
  color:#2e1a47;
  border : 1px solid #2e1a47;
}

.result-list-item-view {
  width: 60%;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  padding-right: 2rem;
  counter-reset: yo 0;
  padding-left: 15px;
}

.result-list-item-view .grid-button-align{
  padding: 1rem 0 2rem 4rem;
}

.input-svg-color label {
  position: relative;
  left: 6.1rem;
  height: 1.8rem;
  margin-bottom: 0;
}

.input-svg-color button ~label {
  left: 1.6rem;  
}

.input-svg-color .visuallyhidden {
  border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.input-svg-color label.placeholder {
  top: -4rem;
  font-size: 1.8rem;
}

.search-form-container .input-svg-color:hover label.placeholder-active {
  color: #2E1A47;
}

.js-reverse-trip .search-finder label.placeholder-active,
.search-form-container .search-finder label.placeholder-active{
  left: 1.8rem;
}

.search-filter .group .search-finder div.dropdown{
  margin-right: 0;
}

.input-svg-color label.placeholder-active {
  top: 1rem;
  font-size: 1.2rem;
  color: var(--truNeutral500);
  font-weight: bold;
  position: absolute;
}

.search-form-container .peoplefinder-search-component .show .dropdown-toggle{
  border:1px solid #2e1a47;
  outline: 0;
  box-shadow: none;   
  background: none;
  color: var(--truNeutral500);           
}

.search-form-container .peoplefinder-search-component .dropdown-toggle:focus{
   outline: 0;
   box-shadow: none; 
   background: #fff; 
   color: var(--truNeutral500);            
}

.search-form-container .search-finder .dropdown .dropdown-menu{
	  width: 97%;
     z-index: 10000;
}

.search-form .input-svg-color .locator-input .selection-menu-item{
  display: inline-block;
  padding-top: 1rem;
  width: 100%;
}

.input-svg-color input.locator-input:focus      ~label.placeholder,
.input-svg-color input.locator-input:valid      ~label.placeholder,
.input-svg-color input.locator-input:disabled   ~label.placeholder,
.input-svg-color span.mq-place-search.js-active ~label.placeholder {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  display: none;
}

.input-svg-color input.locator-input:focus      ~label.placeholder-active,
.input-svg-color input.locator-input:valid      ~label.placeholder-active,
.input-svg-color input.locator-input:disabled   ~label.placeholder-active,
.input-svg-color span.mq-place-search.js-active ~label.placeholder-active,
.input-svg-color button.dropdown-toggle         ~label.placeholder-active {
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  display: block;
}

.result-list-item-view >.js-result-page {
  display: none;
}

.result-list-item-view >.js-result-page.js-show-me {
  display: block;
  width: 85%;
}

.result-list-item-view .card {
  line-height: 1.3;
  background-color:transparent;
  display:flex;
  color:#160C23;
  padding:1.5rem 2rem 1.5rem 1rem !important;
  text-align: left;
  border-width: 0 0 2px 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}

.result-list-item-view .grid-container a{
  padding-bottom: 0;
}

.result-list-item-view .card:hover {
  background: #F7F7F7;
}

.result-list-item-view .card.hide {
  display: none;
}

.result-list-item-view .chosen {
  background-color: #eeeeee;
}

.result-list-item-view .address {
  color:var(--truNeutral500);
  white-space: pre-line;
  font-size: 2rem;
}

.result-list-item-view .phone-no-align{
  text-align: right;
  padding-right: .5rem;
  margin-left: auto;
}

.result-list-item-view .grid-item .d-flex-item{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 1.875rem 0 1.875rem 4rem;
  font-size: 2rem;
}

.result-list-item-view .grid-item-title .get-direction{
  color: #2E1A47;
  text-decoration: underline;
  }

  .result-list-item-view .grid-item-title a.get-direction:hover{
    color: #2E1A47;
    text-decoration: underline;
  }

  .result-list-item-view .grid-container .mobile-address{
    white-space: normal;
    padding-top: 1rem;
    display: none;
  }

  .result-list-item-view .grid-item .d-flex-item .order-1{
    width: 50%
  }

  .result-list-item-view .card .address >span {
    display: block;
  color: var(--truNeutral500);
  }

  .result-list-item-view .grid-container {
    margin-bottom:0;
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
    padding: 0 0 0 4rem;
    position: relative;
  }

  .result-list-item-view .grid-container .map-icon-number{
    position:absolute;
  } 

  .result-list-item-view .grid-container .map-number-display{
    left: 10px;
    position: absolute;
    z-index: 1000;
    color: #fff;
    top: 8px;
  }

  .map-number-display::before {
    counter-increment: yo 1;
    content: counter(yo);
  }

   .result-list-item-view .grid-container p{
      margin-bottom: 0
   }

  .result-list-item-view .grid-container .card-title{
    padding: 0;
    margin: 0;
    font-size: 2.4rem;
    color: #2E1A47;
    line-height: 1.3;
    font-weight: 600;
 }

 .result-list-item-view .grid-container .grid-align-right{
   text-align: right;
   padding-right: 1rem;
   font-size: 2rem;
 }

 .result-list-item-view .grid-item .card-sub-title{
   margin-bottom: .3rem;
   color: #7C6992;
   font-weight: 600;
 }

 .result-list-item-view .grid-item-title .card-miles{
    margin-bottom: 0;
    color: #7C6992;
    font-size: 2rem;
    padding-top: .6rem;
    font-weight: 600;
}

[data-sched-key] >div {
  font-weight: bold;
  margin-top: 0.5rem;
  color: #2E1A47;
}

[data-sched-key] >span {
  display: inline-block;
  width: 45%;
}

.tel-syntax a{
    color: #2E1A47;
    text-decoration: underline;
}

.tel-syntax a:hover{
  text-decoration: none;
  color: #2E1A47;
}

.result-list-item-view .grid-container .grid-item {
  text-align: left;
  font-size: 2rem;
}

.search-filter .search-form {
  display: flex;
}

.search-filter .search-form-container{
  display: flex;
  width: 100%;
}

.search-filter .search-form >div {
  margin-right: 1rem;
  font-size: 2rem;
  line-height: 1;
}

.search-form-container >div:not( .group ) {
  flex: 0 1 auto;
  padding: 1rem;
  line-height: 2.2;
}

.js-reverse-trip {
  flex-direction: row-reverse;
}

.search-filter .locator-input {
  width: 100%;
  padding-top: 10px;
  border: 1px solid var(--truNeutral500);
  font-size: 2rem;
  border-radius: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: none;
  color: var(--truNeutral500);
}

.search-filter .input-svg-color .locator-input {
  height: 60px;
  width: 33rem;
  padding-top: 2rem;
}

.search-filter .input-svg-color input.locator-input {
  padding-left: 59px;
}

.search-filter .input-svg-color button.locator-input {
  line-height: 50px;
  font: inherit;
  padding-left: 15px;
  padding-right: 35px;
}

.locator-input:hover, .locator-input:focus{
 border:1px solid #2E1A47;
}

.locator-header-container {
  width: 100%;
  padding: 0;
}

.locator-header-container .locator-header-title{
  font-size: 4.8rem;
  font-weight: 300;
  color: #2E1A47;
  line-height: .9;
  margin-left: 15px; margin-right: 15px;
}

.locator-header-container .location-container{
  padding: 0 0 2.5rem 0rem;
  display: flex;
}

.locator-header-container a {
  color: #2E1A47;;
  text-decoration: underline;
}

.locator-header-container .js-see-all {
  float: right;
  display: none;
}

.js-advisor-locations-mode-routes .js-see-all {
  display: block;
  margin-left: auto;
  font-size: 2rem;
  color: #2E1A47;
  padding-top:1rem;
}

.locator-header-container .Search-navigation {
  display: none;
}

.js-advisor-locations-mode-routes .Search-navigation {
  display: block;
  margin-left: 4.167%;
  margin-right: 4.167%;
}

.pac-container {
      z-index: 1051 !important;
}

.js-truist-locations .main-container {
  display: flex;
  width: 100%;
  margin-top: .8rem;
  justify-content: space-between;
}

.js-truist-locations >.error-container {
  display: none;
}

.js-truist-locations .loading-indicator {
  display: none;
}

.js-advisor-locations-mode-results .routes-view,
.js-advisor-locations-mode-waiting .routes-view {
  display: none;
}

.js-advisor-locations-mode-routes .card {
  display: none;
}

.js-advisor-locations-mode-routes .result-list-item-view >.load-more-button,
.js-advisor-locations-mode-routes .result-list-item-view >.show-less-button {
  display: none;
}

.js-advisor-locations-mode-noresults >.map-data-container {
  display: none;
}

.js-advisor-locations-mode-noresults >.error-container {
  display: flex;
}

.js-advisor-locations-mode-waiting .loading-indicator {
  display: unset;
}

.loading-indicator >.get-direction-page {
  display: none;
}

.js-advisor-locations-mode-routes .loading-indicator >.result-list-item-view {
  display: none;
}

.js-advisor-locations-mode-routes .loading-indicator >.get-direction-page {
  display: unset;
}

.Search-navigation .search-filter {
  width: 75%;
  margin: 1rem 0 0;
  flex-direction: row;
}

.result-list-item-view {
  width: 55%;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  padding-right: 2rem;
}

.result-list-item{
width: 30%;
padding-left:50px;
}

.map-data-container .map-view{
  display: flex;
  align-items: flex-start;
  width: 40%;
  padding-left:20px;
}

.map-icon{ white-space: normal; margin-right: 5px;}

 .js-advisor-locations-mode-results .no-result-msg{
      width: 100%;
      margin: 0 auto;
      text-align: center;
      padding-top: 5rem;
      font-size: 3.8rem;
  }

  .js-advisor-locations-mode-results .no-result-msg p{
       padding: 0;
       margin: 0;
  }

   .pac-container{
    border: 1px solid var(--truNeutral500);
   }

   .pac-item{
     border: 0;
    padding-left: 1rem;
   }

   .pac-container .pac-icon-marker{
     display: none
   }

   .pac-item:hover{
      background: #C9C9C9;
   }

   .pac-item .pac-item-query{
     font-weight: bold;
    color: #000;
   }

   .suggest-text{
      color: #7c6992;
      padding: .5rem .5rem 0 2.5rem;
        font-size: .8rem;
      text-align: left;
      font-weight: bold;
  }

.toggle-switch-map,
.mobil-reversi{
  display: none;
}

.result-list-item-view .load-more-button{
  width: 98%;
  position: relative;
   padding-top:1.875rem;
  padding-bottom:1.875rem;
  margin-right:auto;
  margin-left:auto;
  text-align: center;
  display: none;
  border: 0;
}

.result-list-item-view .load-more-button a, .result-list-item-view .load-more-button button{
  position: relative;
  font-size: 2rem;
  background: #F7F9FA;
  border: 2px solid #2E1A47;
  color: #2E1A47;
  border-radius: 4px;
  padding:1rem 3rem;
  margin-right: 16%;
  text-decoration: none;

}

.result-list-item-view .load-more-button a:hover, .result-list-item-view .load-more-button button:hover,
.result-list-item-view .load-more-button a:focus, .result-list-item-view .load-more-button button:focus{
    background: #2E1A47;
    color: #fff;
}

.result-list-item-view .show-less-button{
  width: 98%;
  position: relative;
  margin: auto auto auto auto;
  text-align: center;
  display: none;
}

.result-list-item-view .show-less-button a{
   text-decoration: underline;
   color: #2e1a47;
   margin-right: 16%;

}

.js-advisor-locations-mode-results .js-result-page:not( .js-show-me ) ~.load-more-button {
  display: inline-block;
}

.js-advisor-locations-mode-results .js-show-me:nth-child(2) ~.show-less-button {
  display:none;
}

.map-view-toggle {
  display: none;
}

.input-svg-color.search-finder .dropdown .dropdown-menu >li >a {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.external-link-modal {
  z-index: 1000;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 414px;
  transform: translate( -50%, -50% );
  background-color: #fff;
  border: 1px solid #0000004D;
  font-size: 2rem;
  line-height: 1.3;
}

.external-link-modal svg {
  display: block;
  margin: 2rem 2rem 1rem auto;
  width: 2rem;
  height: 2rem;
}

.external-link-modal >h2,
.external-link-modal >p {
  margin: 0 3rem 2rem 2rem;
}

.external-link-modal >h2 {
  color: #2e1a47;
}

.external-link-modal >p {
  color: var(--truNeutral500);
}

.external-link-modal >p >span {
  font-weight: bold;
}

.external-link-modal >p:last-child {
  margin-right: 2rem;
}

.external-link-modal a,
.external-link-modal button {
  display: block;
  width: 100%;
  margin: 2rem 0;
  padding: 0.5rem;
  border: 2px solid #2e1a47;
  border-radius: 4px;
  text-align: center;
}

.external-link-modal a {
  background-color: #2e1a47;
  color: #fff;
}

.external-link-modal button {
  background-color: #fff;
  color: #2e1a47;
}

/* Portrait */
@media screen  and (min-width: 220px) and  (max-width: 814px) {

  .advisor-locations .map-data-container,
  .locator-header-container .location-container,
  .search-filter .search-form .search-form-container, 
  .result-list-item-view .grid-container .mobile-address {
      display: block;
}

.js-advisor-locations-mode-results .error-container,
.js-advisor-locations-mode-results .desktop-reversi,
.result-list-item-view .grid-container .map-icon-number,
.result-list-item-view .grid-container .desktop-address{
    display: none;
}

.result-list-item-view .grid-container .card-title{
  font-size: 2rem;
}

.search-form-container .input-svg-color label.placeholder-active,
.js-reverse-trip .input-svg-color .placeholder-active{
  padding-top: 6.3rem;
}

.search-form-container .input-svg-color.search-finder .placeholder-active{
  padding-top: 0;
}

.search-form-container .search-finder .dropdown .dropdown-menu{
  width: 100%;
}

.result-list-item-view .address,
.result-list-item-view .d-flex-item,
.result-list-item-view .reversi{
  font-size: 1.8rem;
}

.js-advisor-locations-mode-routes .js-see-all{
  text-align: left;
  width: 100%;
  margin:1rem 0;
  padding: 2rem 0 3rem;
  padding-left: 4.167%;
}

.locator-header-container .locator-header-title{
  margin-bottom: 0;
}

.search-filter .search-form .search-form-container,
.search-filter .search-form
 {
  display: block;
  width: 100%;
}

.search-form-container .mobile-to{
  margin: 0 0 2rem 0;
}

.result-list-item-view >.js-result-page.js-show-me{
  width: 100%;
  padding-left: 0;
}

.result-list-item-view .grid-container{
  margin: 1.5rem 0 0 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}

.locator-header-container, 
.result-list-item-view .grid-item .d-flex-item{
  padding: 0;
}

.map-data-container .map-view {
  display: none;
  width: 100%;
  border-radius: 0;
  padding: 0
}

.map-data-container .map-view.show {
  display: block;
}

.toggle-switch-map {
  display: block; 
  position: relative;
}

.map-view-toggle {
  right: 1rem;
  z-index: 1;
  position: absolute;
  display: block;
  top: 11rem;
  cursor: pointer;
  background-image: linear-gradient(#87749E, #7C6992);
  width: 56px;
  height: 56px;
  border-radius: 20rem;
}

.list-view-toggle{
  width: 95%;
  z-index: 1000;
  height: 50px;
  position:absolute;
  background-color: #fff;
  text-align: center;
  font-size: 1.8rem;
  color: #2E1A47;
  border: 2px solid #2E1A47;
  margin: 1rem 0 0 .5rem;
  cursor: pointer;
  padding: 1.1rem 0;
  border-radius: 4px;
}

.map-view-toggle .map-view-text{
  padding-top: 16px;
  display: block;
  font-size: 1.6rem;
  margin-left: 1.3rem;
  color: #fff;
}

.search-form >div >div:not( .group ){
  text-align: center;
  line-height: 0;
  padding-top: 3rem;
}

.result-list-item-view .grid-container .grid-title-mobile{
  width: 60%;
  white-space: normal;
}

.result-list-item-view .d-flex-item .order-1{
  order: 2;
  width: 100%;
}

.result-list-item-view .grid-container .grid-align-right{
  margin-left: auto;
  padding-right: .6rem;
  width: 40%;
}

.result-list-item-view .d-flex-item .order-2{
  order: 1;
  width: 100%;
  text-align: left;
  padding: 2rem 0 0;
  margin-left: inherit;
  margin-left: -5px;
}

.location-container.locator-header-title{
   font-size: 3.2rem;
   width: 100%;
}

.search-filter .search-form-container .group{
  margin-left:  0;
  margin-right: 0;
}

.search-filter .search-button{
  width: 100%;
  margin-left: 0;
  margin-bottom: 4rem;
}

.Search-navigation .search-filter, .Search-navigation .search-form{
  display: block;
  width: 100%;
}

.result-list-item-view{
      padding: 0;
      height: auto;
      width: 100%;
}

.search-filter .locator-input,
.search-form-container .input-svg-color,
.search-filter .input-svg-color .locator-input  {
    width: 100%;
}

.result-list-item-view .load-more-button a, .result-list-item-view .load-more-button button
.result-list-item-view .show-less-button a{
    margin-right: 0;
}

.result-list-item-view .grid-item .d-flex-item .order-1{
    width: 100%
}
}
.show{display:block }

.hide { display: none ; }

@media screen and (min-width: 1200px) {
  .search-filter .search-form-container{width: auto}
}

/*pin styles*/
img[src="/content/dam/global-images/locations-pins.svg"] {
	opacity:1;
  z-index:-10000;
}
.advisor-label {
  z-index: 10000;
	margin-top:-11px;
}

.advisor-base-page .result-list-item-view .selected-card{
  background-color:#f7f7f7;
}

.advisor-base-page .result-list-item-view{
  height: 450px;
  overflow-y: auto;

}


.advisor-base-page .result-list-item-view::-webkit-scrollbar{
width:10px;
}

.advisor-base-page .result-list-item-view::-webkit-scrollbar-track{
background:#c9c9c9;
}

.advisor-base-page .result-list-item-view::-webkit-scrollbar-thumb{
background:#afabc9;
  border-radius:5px;
          }
.advisor-base-page .result-list-item-view::-webkit-scrollbar-thumb:hover{
background:#afabc9;
          }

.advisor-base-page .result-list-item-view.hide-scrollbar{
overflow:hidden;
         }

.js-advisor-locations-mode-routes .result-list-item-view::-webkit-scrollbar{
  display:none
 }

.js-advisor-locations-mode-routes .result-list-item-view{
  height:auto;
  }


.main-content-row{
    background:none ;
}

.mobile-img{
    display: none;
}

.block {width: 100%}

 .grid-button-align .makeapp-btn{
    border-radius:4px;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    padding:1rem 0.8rem;
    font-size: 2rem;
    background: none;
    border:2px solid #2E1A47;
    cursor: pointer;
    color: #2e1a47;
    margin-right: 1rem;
}

.grid-button-align a.makeapp-btn:hover, .grid-button-align a.makeapp-btn:focus{
    background: #2E1A47;
    color: #fff;
}

.get-direction-page{
    width: 85%;
}

.get-direction-page .map-view{
  width: 100%;
}

.get-direction-page .auto-direction{
    padding: 0 0 0 .7rem;
    direction: ltr;
    margin-top: 1rem;
}

.reversi {
  margin-bottom: 2rem;
  font-size: 2rem;
}

.reversi >span { position: relative; }
.reversi >span:first-of-type { left: 0.4rem; bottom: 0.1rem; }
.reversi >span:last-of-type { top: 0.1rem; }

.js-pickers >div {
  display: block; 
}

.get-direction-page .search-button{
    background: none;
 }

@media screen  and (min-width: 320px) and  (max-width: 814px) {
.reversi {
         font-size: 1.8rem;
}

.grid-button-align .makeapp-mobile-btn{
            width: 100%;
            height: 54px;
            position: relative;
            display: inline-block;
}
}
.auto-direction {
  display: none;
}

.auto-direction >div:first-child[jstcache] {
  display: none;
}

.auto-direction div.adp-summary {
  display: none;
}

.js-direction-details-expanded .auto-direction {
  display: unset;
}

.js-direction-details-collapse {
  display: none;
}

.js-direction-details-expanded.js-route-chosen .js-direction-details-collapse {
  display: unset;
}

.js-direction-details-expanded.js-route-chosen .js-direction-details-expand {
  display: none;
}

.get-direction-page .locator-input{
    padding-left: 51px;
    padding-top: 0;
}

.adp-directions {
    width: 100%;
}

.adp-directions .adp-substep{
    padding: .15rem 0 2rem 3rem;
    color: #707077;
}

.adp-directions .adp-substep .adp-stepicon{
     width: 24px;
     height: 24px;
 }

 .auto-direction .adp-step,  .auto-direction .adp-substep{
     border-top: 0;
 }

 .auto-direction .adp table {
     border-left: 1px solid #afabc9;
     margin-left: 3rem;
 }

.adp-directions .adp-substep .adp-stepicon .adp-maneuver{
     background: none;
} 

.adp-directions .adp-substep .adp-stepicon .adp-maneuver.adp-turn-left, 
.adp-directions .adp-substep .adp-stepicon .adp-maneuver.adp-keep-left{
          background-position: 0 0
}

.get-direction-page [jstcache="117"]{
    color: #000;
    font-weight: normal;
}

.get-direction-page .adp-list{border: 0; padding-left: 32px; color: var(--truNeutral500);}

.get-direction-page [jstcache="120"]{
    text-align: right;
    margin-left: auto;
    color: #160C23;
}

.get-direction-page .adp-placemark,
.get-direction-page [jstcache="118"],
.get-direction-page [jstcache="37"],
.get-direction-page [jstcache="26"],
.get-direction-page [jstcache="31"],
.get-direction-page [jstcache="115"],
.get-direction-page [jstcache="63"],
.get-direction-page [jstcache="64"],
.get-direction-page [jstcache="65"] {
   display: none;
}

.get-direction-page .adp-summary{
    text-align: right;
    top: -31px;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 2rem;
    }

.get-direction-page [jstcache="23"]{
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
}

.adp-directions tr td:first-child{
    height:6px;
    width:6px;
    background-color: #7C6992;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    margin-left: -3px;
    margin-top: 12px;
    padding: 0;
}

.adp-directions tr:first-child > td:first-child,
.adp-directions tr:last-child > td:first-child{
    height: 10px;
    width: 11px;
    margin-left: -6px;
    padding-bottom:0;
}

.get-direction-page .adp-listinfo {
        background:url(../../../content/dam/global-images/directions-car.svg );
        background-repeat: no-repeat;
        margin: 1rem 0; 
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 0 4rem; 
        font-size: 2rem; 
        line-height: 1;
        cursor: default;
}

.get-direction-page .js-direction-details-expand,
.get-direction-page .js-direction-details-collapse{
    padding-left: 2rem;
}
    
.get-direction-page .adp-listinfo span:nth-child( odd ) {
  flex: 0 0 79%;
  padding-bottom: 0.5rem;
}

.get-direction-page .adp-listinfo span:nth-child( even ) {
  flex: 0 0 19%;
  text-align: right;
}

.get-direction-page .adp-listinfo > span:nth-of-type(1){
    color: #000;
}
.get-direction-page .adp-listinfo > span:nth-of-type(2){
  color: #160C23;
}

.js-direction-wrapper:not( .js-direction-details-expanded ) {
  border-bottom: 1px solid #c9c9c9;
}

.auto-direction >div {
  border-bottom: 1px solid #ccc;
}

.js-route-picker {
  padding-bottom: 2rem;
  margin-bottom: 1.5rem;
}

.js-route-picker >* {
  padding-left: 2.4rem;
}
   
.js-route-picker >div >span {
  border-bottom: 1px solid;
}

.map-quest-direction .leaflet-control-truist-narrative >.route-summary {
  display: none;
}

.get-direction-page .reversi a{
        color: #2E1A47;    
        font-size: 0.775rem; 
        margin: 1rem 0;
        text-decoration: underline;
}

.reversi a:hover,
.reversi a:focus{
    text-decoration: underline;
}

.bestRoute{
        display: block;
        width: 80%;
}

.cols-direction{
        color: #2E1A47;
}
    
@media screen  and (min-width: 320px) and  (max-width: 814px) {
    .auto-direction,
    .get-direction-page .adp-listinfo{
        font-size: 1.8rem;
    }

    .auto-direction, .adp-listinfo {
   		 padding: 0 0 0 1.5rem;
	}

    .get-direction-page{
        width: 100%;
    }

    .get-direction-page .adp-listinfo span:nth-child( odd ){
        padding-left: 0;
    }
}
.mq-place-search .locator-input{
    height: 60px;
    background: none;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.map-quest-direction .auto-direction{
    padding-left: 0;
}

.map-quest-direction .route-summary{
    border: 0;
    width: 100%;
    font-size: 2rem;
    display: flex;
}

.map-quest-direction .route-summary .time{
    display: inline-block;
    padding-left: 3rem;
    vertical-align: top;
    color: #160C23;
}

.map-quest-direction .route-summary .distance{
    display: inline-block;
    text-align: right;
    margin-left: auto;
    color: #160C23;
    font-size: 2rem;
}

.map-quest-direction .leaflet-control{
    max-height: inherit;
    padding: 0 0 2rem 0;
    width: 100%;
    outline: none;
    box-shadow: none;
    background: none;
    margin-bottom: 2rem;
}

.map-quest-direction .maneuver{
    width: 100%;
    border: 0;
    border-left: 1px solid #afabc9;
    margin-left: 8px;
    display: flex;
}

.search-form-container .mq-input-icon svg g{
	fill: #000;
}

.map-quest-direction .maneuver-icon:before{
    content: "";
    height:6px;
    width:6px;
    background-color: #7C6992;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    margin-left: -8px;
    margin-top: 8px;
    padding: 0;
}

.map-quest-direction .maneuver .maneuver-icon, 
.map-quest-direction .via-popup .maneuver-icon{
    min-width: 9px;
}

.map-quest-direction .maneuver .distance-container{
    margin-right: 15px;
    margin-left: auto;
}

.Search-navigation .search-filter .mobil-reversi{
    display: none;
}

.map-view .leaflet-bottom.leaflet-right .leaflet-control-attribution{
          background: #fff;
          color:#000000;
}
    
@media screen  and (min-width: 320px) and  (max-width: 814px) {
.map-quest-direction .auto-direction{
        font-size: 1.8rem
}

.Search-navigation .search-filter .mobil-reversi{
         display: block;
         padding: 2rem 0;
}

.Search-navigation .desktop-reversi{
        display: none;
}

.mq-place-search .locator-input{
        width: 100%;
}

.map-quest-direction .maneuver .result-wrap {
        width: 100%;
}
}

.map-quest-direction .maneuver:nth-child(2) .maneuver-icon:before {
    width: 10px;
    height: 10px;
    margin-left: -11px;
}

.map-quest-direction .maneuver:last-child .maneuver-icon:before{
    width: 10px;
    height: 10px;
    margin-left: -11px;
}
 #addProfileForm fieldset {
    background: white;
    border: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
}

.tpf .form-card {
    text-align: left;
}

#addProfileForm fieldset:not(:first-of-type) {
    display: none;
}

.tpf .card {
    z-index: 0;
    border: none;
    position: relative;
}

.tpf fieldset h4 
{
   color: #7c6992;
   display: inline-block;
   margin-bottom: 1rem;
}

#progressbar {
    margin: 0px 0px 30px 0;
    padding: 0;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #2e1a47;
}

#progressbar li {
    list-style-type: none;
    font-size: 1.5rem;
    width: 100%;
    float: left;
    position: relative;
    font-weight: 400;
    text-align: center;
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f0c0";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f406";
}

#progressbar #profileLocations:before {
    font-family: FontAwesome;
    content: "\f3c5";
}

#progressbar #profileBiography:before {
    font-family: FontAwesome;
    content: "\f1c5"; 
}

#progressbar #profileEducation:before {
    font-family: FontAwesome;
    content: "\f19d";
}

#progressbar #profileInterests:before {
    font-family: FontAwesome;
    content: "\f1e5";
}

#progressbar #profileAwards:before {
    font-family: FontAwesome;
    content: "\f559";
}

#progressbar #profileSpecialties:before {
    font-family: FontAwesome;
    content: "\f0c3";
}

#progressbar #profileProcess:before {
    font-family: FontAwesome;
    content: "\e068";
}

#progressbar #profileMedia:before {
    font-family: FontAwesome;
    content: "\f05a";
}

#progressbar li {
    z-index: 0;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    text-align: center;
    font-size: 2rem;
    color: #ffffff;
    background: lightgray;
    border-radius: 10px;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #2e1a47;
}

.progress {
    height: 20px;
}

.progress-bar {
    background-color: #2e1a47;
}

#profileNext {
    visibility: hidden;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author �ukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */ 
 
 .easy-autocomplete {
   position: relative;
   width: 100% !important;
 }
 .easy-autocomplete input {
   border-color: #ccc;
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   color: #555;
   float: none;
   padding: 6px 12px;
 }
 .easy-autocomplete input:hover, .easy-autocomplete input:focus {
   box-shadow: none;
 }
 .easy-autocomplete a {
   display: block;
 }
 .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
   border-color: #66afe9;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .easy-autocomplete.eac-blue-light ul {
   border-color: #66afe9;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
   border-color: #66afe9;
 }
 .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
   background-color: #ecf5fc;
 }
 .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
   border-color: #41DB00;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
 }
 .easy-autocomplete.eac-green-light ul {
   border-color: #41DB00;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
 }
 .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
   border-color: #41DB00;
 }
 .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
   background-color: #9eff75;
 }
 .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
   border-color: #ff5b5b;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
 }
 .easy-autocomplete.eac-red-light ul {
   border-color: #ff5b5b;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
 }
 .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
   border-color: #ff5b5b;
 }
 .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
   background-color: #ff8e8e;
 }
 .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
   border-color: #ffdb00;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
 }
 .easy-autocomplete.eac-yellow-light ul {
   border-color: #ffdb00;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
 }
 .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
   border-color: #ffdb00;
 }
 .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
   background-color: #ffe233;
 }
 .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
   border-color: #333;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
 }
 .easy-autocomplete.eac-dark-light ul {
   border-color: #333;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
 }
 .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
   border-color: #333;
 }
 .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
   background-color: #4d4d4d;
   color: #fff;
 }
 .easy-autocomplete.eac-dark {
   color: #fff;
 }
 .easy-autocomplete.eac-dark input {
   background-color: #404040;
   border-radius: 4px;
   box-shadow: 0;
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
   border-color: #333;
   box-shadow: 0;
 }
 .easy-autocomplete.eac-dark ul {
   border-color: #333;
 }
 .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
   background-color: #404040;
   border-color: #333;
 }
 .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
   background-color: #737373;
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-dark-glass {
   color: #fff;
 }
 .easy-autocomplete.eac-dark-glass input {
   background-color: rgba(0, 0, 0, 0.8);
   border-radius: 4px;
   box-shadow: 0;
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
   border-color: rgba(0, 0, 0, 0.8);
   box-shadow: 0;
 }
 .easy-autocomplete.eac-dark-glass ul {
   border-color: rgba(0, 0, 0, 0.8);
 }
 .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
   background-color: rgba(0, 0, 0, 0.8);
   border-color: rgba(0, 0, 0, 0.8);
 }
 .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
   background-color: rgba(64, 64, 64, 0.8);
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
   border-radius: 0 0 4px 4px;
 }
 .easy-autocomplete.eac-blue {
   color: #fff;
 }
 .easy-autocomplete.eac-blue input {
   background-color: #6d9ed1;
   border-radius: 4px;
   box-shadow: 0;
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-blue input::-webkit-input-placeholder {
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-blue input:-moz-placeholder {
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-blue input::-moz-placeholder {
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-blue input:-ms-input-placeholder {
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
   border-color: #5A91CB;
   box-shadow: 0;
 }
 .easy-autocomplete.eac-blue ul {
   border-color: #5A91CB;
 }
 .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
   background-color: #6d9ed1;
   border-color: #5A91CB;
 }
 .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
   background-color: #94b8dd;
   color: #f6f6f6;
 }
 .easy-autocomplete.eac-yellow {
   color: #333;
 }
 .easy-autocomplete.eac-yellow input {
   background-color: #ffdb7e;
   border-color: #333;
   border-radius: 4px;
   box-shadow: 0;
   color: #333;
 }
 .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
   border-color: #333;
   box-shadow: 0;
 }
 .easy-autocomplete.eac-yellow ul {
   border-color: #333;
 }
 .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
   background-color: #ffdb7e;
   border-color: #333;
 }
 .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
   background-color: #ffe9b1;
   color: #333;
 }
 .easy-autocomplete.eac-purple {
   color: #333;
 }
 .easy-autocomplete.eac-purple input {
   background-color: #d6d1e7;
   border-color: #b8afd5;
   box-shadow: 0;
   color: #333;
 }
 .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
   border-color: #333;
   box-shadow: 0;
 }
 .easy-autocomplete.eac-purple ul {
   border-color: #333;
 }
 .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
   background-color: #d6d1e7;
   border-color: #333;
 }
 .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
   background-color: #ebe8f3;
   color: #333;
 }
 .easy-autocomplete.eac-bootstrap input {
   border-color: #ccc;
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
   color: #555;
   padding: 6px 12px;
 }
 
 .easy-autocomplete-container {
   left: 0;
   position: absolute;
   width: 100%;
   z-index: 2;
 }
 .easy-autocomplete-container ul {
   background: none repeat scroll 0 0 #ffffff;
   display: none;
   margin-top: 0;
   padding-bottom: 0;
   padding-left: 0;
   position: relative;
   top: -6px;
   left: 0;
 }
 .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
   background: inherit;
   border-top: none;
   border-right: 1px solid #2e1a47;
   border-bottom: none;
   border-left: 1px solid #2e1a47;
   display: block;
   font-size: 14px;
   font-weight: normal;
   padding: 4px 12px;
 }

 .easy-autocomplete-container ul li:last-child {
   border-bottom: 1px solid #2e1a47 !important;
 }
 
 .easy-autocomplete-container ul li.selected {
   background: none repeat scroll 0 0 #ebebeb;
   cursor: pointer;
 }
 .easy-autocomplete-container ul li.selected div {
   font-weight: normal;
 }
 .easy-autocomplete-container ul li div {
   display: block;
   font-weight: normal;
 }

 .easy-autocomplete-container ul li div.row 
 {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
 }

 .easy-autocomplete-container ul li div.row div.col-sm-3
 {
   flex: 0 0 25%;
   max-width: 25%;
 }

 .easy-autocomplete-container ul li div.row div.col-sm-5
 {
   flex: 0 0 41.666667%;
   max-width: 41.666667%;
 }
 
 .easy-autocomplete-container ul li div.row div.col-sm-4
 {
   flex: 0 0 33.333333%;
    max-width: 33.333333%;
 }

 .easy-autocomplete-container ul li b {
   font-weight: bold;
 }
 
 .easy-autocomplete-container ul .eac-category {
    color: #aaaaaa;
    font-style: italic;
 }
 
 .eac-description .eac-item span {
   color: #aaa;
   font-style: italic;
   font-size: 0.9em;
 }
 
 .eac-icon-left .eac-item img {
   margin-right: 4px;
   max-height: 30px;
 }
 
 .eac-icon-right .eac-item {
   margin-top: 8px;
   min-height: 24px;
   position: relative;
 }
 .eac-icon-right .eac-item img {
   margin-left: 4px;
   max-height: 30px;
   position: absolute;
   right: -4px;
   top: -8px;
 } 
.profile-main-container {
    border-bottom: 1px solid #ccc;
    padding-top: 4.0625rem !important;
    padding-bottom: 4.0625rem !important;
    padding-right: 0;
    padding-left: 0;
    margin: 0 15px;
    max-width: 1600px;
}

.profile-main-container .profile-content a:hover {
    text-decoration: none;
}

.profile-main-container .profile-info {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.profile-main-container .profile-image {
    max-width: 433px;
    width: 433px;
    height: auto;
    border-radius: 10%;
}

.profile-main-container .profile-header {
    font-size: 7rem;
    color: #2E1A47;
    line-height: normal;
    margin: 0;
}

.profile-main-container .profile-header .profilename-designationCode {
    display: inline-block;
    line-height: 1;
    padding-bottom: 1.25rem;
}

.profile-main-container .profile-title {
    color: #3c1d5d;
    font-weight: 300;
    font-size: 3.8rem;
    padding: 0;
}

.profile-main-container .advisor-title {
    display: flex;
    padding: 0;
}

.profile-main-container .profile-advisory-text {
    color: #7C6992;
    font-size: 2.4rem;
    font-weight: 600;
    width: 45rem;
    display: inline-block;
    padding-bottom: 1.25rem;
    padding-right: 2rem;
}

.profile-main-container .profile-advisory-text .profile-advisory-block {
    display: inline-block;
    width: 100%;
}

.profile-main-container .advisor-title .team-name {
    margin-left: auto;
    font-size: 2.4rem;
    color: #2E1A47;
    text-decoration: underline;
    text-align: right;
}

.profile-main-container .advisor-title .nounderline-team-name {
    margin-left: auto;
    font-size: 2.4rem;
    color: #2E1A47;
    text-decoration: none;
    text-align: right;
}

.profile-main-container .profile-header .profile-advisory-text .profile-advisory-block {
    display: inline-block;
}

.profile-main-container .profile-advisory-text .profile-advisory-block {
    display: inline-block;
    width: 100%;
}

.profile-main-container .detail-group-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    line-height: 1.25;
    padding-top: 1rem;
    margin-bottom: 1.875rem;
}

.profile-main-container .profile-content {
    padding: 0 0 0 6rem;
    width: 66%;
}

.profile-main-container .profile-heading {
    margin-bottom: 3rem;
}

.detail-group-row .detail-group-address {
    color: var(--truNeutral500);
    font-size: 2rem;
    line-height: 2;
}

.get-direction-link {
    color: #2E1A47;
}

.get-direction-link:hover {
    color: #2E1A47;
}

.detail-group-list .detail-group-row {
    width: 60%;
}

.detail-group-list .detail-color-apply {
    padding-right: 2rem;
}

.detail-group-row p {
    margin-bottom: 0.9375rem;
}

.detail-group-row .detail-group-right-align {
    color: #2E1A47;
}

.detail-group-row .tru-icon-contact {
    width: 20px;
    height: 20px
}

.detail-group-row .telno-profile {
    color: #2E1A47;
}

.detail-group-list .item-align-right {
    text-align: right;
    color: #2E1A47;
    font-size: 2rem;
    width: 40%;
    padding-right: 0;
}

.detail-group-list .item-align-right p {
    color: #2E1A47;
    word-break: break-all;
}

.detail-group-list .item-align-right p a:hover,
.detail-group-list .item-align-right p span a:hover {
    text-decoration: none;
}

.detail-color-apply p:not(:first-child) {
    color: var(--truNeutral500);
    font-size: 2rem;
}

.profile-main-container .profile-email {
    word-break: break-all;
    cursor: pointer;
    color: #2E1A47;
    font-size: 2rem;
}

.profile-destinaion-space {
    margin: 0 0 2rem;
}

.profile-about-section {
    border-bottom: 1px solid #ccc;
    padding-top: 4.0625rem !important;
    padding-bottom: 4.0625rem !important;
    padding-right: 0;
    padding-left: 0;
    margin: 0 15px; max-width: 1600px;
}

.profile-about-section .about-content {
    font-size: 2rem;
    color: var(--truNeutral500);
    margin: 1.875rem 0;
}

.about-content ul {
    list-style-type: disc;
}

.profile-about-section .section-title {
    color: #2E1A47;
    font-weight: 300;
}

h2.section-title {
    margin-bottom: 30px !important;
}

.profile-about-section .profile-subhead {
    color: #7C6992;
    font-weight: 600;
    padding: 0;
    font-size: 2.4rem;
}

h3.profile-subhead {
    margin-bottom: 20px !important;
}

.profile-about-section .profile-sub-education {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.875rem;
}

.profile-sub-education .school {
    width: calc(100% * .48);
    margin-right: 1%;
    margin-bottom: 20px;
    font-size: 2rem;
}

.profile-sub-education .school p {
    margin-bottom: 0;
}

.profile-sub-education .degree {
    color: var(--truNeutral500);
    font-weight: bold;
}

.profile-sub-education .degree p {
    margin-bottom: 0
}

.profile-sub-education .nonbold {
    font-weight: normal;
    color: var(--truNeutral500);
    line-height: 1.4;
}

ul.about-profile-link {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 2rem;
    color: #2E1A47;
}

ul.about-profile-link li {
    padding: 1rem;
}

ul.about-profile-link li:first-child {
    padding-left: 0;
}

ul.about-profile-link li a {
    color: #2E1A47;
    text-decoration: underline;
}

.profile-about-section .interests {
    font-size: 2rem;
    color: var(--truNeutral500);
    font-size: 2rem;
    padding: 1rem 0 4rem;
}

.profile-about-section .broker-check {
    color: #2E1A47;
    text-decoration: underline;
}

.profile-about-section .broker-check:hover {
    text-decoration: none
}

.profile-specialties {
    border-bottom: 1px solid #ccc;
    padding-top: 4.0625rem !important;
    padding-bottom: 4.0625rem !important;
    padding-right: 0;
    padding-left: 0;
    margin: 0 15px; max-width: 1600px;
}

.profile-specialties .section-title {
    color: #2E1A47;
    font-weight: 300;
}

.profile-specialties .tru-grid-display {
    display: inline-block;
    margin-bottom: 2rem;
    vertical-align: top;
    width: 49.5%
}

.profile-specialties .accordion-icon {
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: 0;
}

.profile-specialties .accordion-title {
    width: 100%;
    white-space: normal;
    color: var(--truNeutral500);
    font-size: 2rem;
    margin-right: 1rem;
}

.profile-specialties .no-padding {
    padding-left: 0;
}

.profile-specialties .specialites-list {
    display: flex;
    cursor: pointer;
    width: 100%;
    padding: 3px;
    outline: none;
    box-shadow: none;
    border: 0;
}

.profile-specialties .specialites-list:focus {
    border: 1px solid #ccc;
}

.profile-specialties .specialites-list .tru-collapsible__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.profile-specialties .specialites-list .is-rotated {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.specialites-item .spec-content {
    display: none;
    padding: 0;
    font-size: 2rem;
}

.specialites-item ul {
    padding: 2rem;
    margin: 0;
    list-style-type: none;
    background: #F7F9FA;
    margin-bottom: 2rem;
}

.specialites-item ul li {
    color: var(--truNeutral500);
    list-style-type: none;
}

.tru-collapsible__icon.is-rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
}

.profile-specialties .specialities-pad {
    padding-right: 7rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.profile-specialties .specialites-item {
    width: calc(100% * .48);
    margin-right: 1%;
    margin-bottom: 1.25rem;
    text-align: left;
    position: relative;
    font-size: 2rem;
    color: var(--truNeutral500);
    line-height: 1;
    padding-right: 4%;
}

.profile-specialties p {
    margin-bottom: 0;
}

.profile-specialties .accordion-icon:focus {
    outline: 0;
    border: 1px solid #ccc;
}

.profile-accomplish {
    border-bottom: 1px solid #ccc;
    padding-top: 4.0625rem !important;
    padding-bottom: 4.0625rem !important;
    padding-right: 0;
    padding-left: 0;
    margin: 0 15px; max-width: 1600px;
}

.profile-accomplish .section-title {
    color: #2E1A47;
    font-weight: 300;
}

.profile-accomplish .accomplish-content {
    display: flex;
    font-size: 2rem;
    width: 100%;
    flex-wrap: wrap;
}

.accomplish-content .accomplish-details {
    width: calc(100% * .45);
    margin-right: 1%;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    font-size: 2rem;
    color: var(--truNeutral500);
    line-height: 1;
}

.accomplish-content .title-award {
    line-height: 1.5;
}

.awardTitle {
    font-weight: bold;
}

.profile-accomplish p {
    margin-bottom: 1rem;
}

.profile-video-section {
    border-bottom: 1px solid #ccc;
    padding: 10rem 0;
}

.profile-video-section .profile-resources {
    font-size: 4.8rem;
    color: #7C6992;
    font-weight: 600;
    text-align: center;
}

.profile-video {
    max-width: 1140px;
    width: 100%;
    height: 572px;
    background: #7c6992;
    border-radius: 4rem;
}

.js-advisor-locations-mode-results {
    border-bottom: 1px solid #ccc;
    padding-top: 4.0625rem !important;
    padding-bottom: 4.0625rem !important;
    padding-right: 0;
    padding-left: 0;
}

h2#advisor-location {
    margin-bottom: 0px !important
}

.js-advisor-locations-mode-noresults,
.js-advisor-locations-mode-routes {
    border-bottom: 1px solid #ccc;
    padding: 10rem 0;
}

.mortgage-page.js-advisor-locations-mode-results,
.mortgage-page.js-advisor-locations-mode-noresults,
.mortgage-page.js-advisor-locations-mode-routes {
    border-bottom: 0;
}

.resource-center {
    padding: 10rem 0;
}

.resource-center .profile-resource-subhead {
    color: #2E1A47;
    font-weight: 300;
    padding: 1rem 0 1rem;
    width: 100%;
}

h2.color-primary.text-center.profile-resource-subhead.justify-content-center {
    padding-bottom: 2px;
}

.resources-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 0 0 0;
}

.resources-container .resources {
    width: calc(85% * 0.34333);
    margin-left: 0%;
    margin-right: 4%;
    margin-bottom: 4rem;
    text-align: left;
    position: relative;
    background: #2e1a47;
    height: 203px;
}


.resources-container .resource-link {
    width: 100%;
    display: block;
    text-decoration: none;
    height: 203px;
}

.resources-container .resource-link:hover,
.resources-container .resource-link:hover {
    text-decoration: none;
}

.resources-container .resources:hover {
    transform: scale(1.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.resources-container h3.resourceTitle {
    display: block;
    color: #b0e0e2;
    font-size: 2.4rem;
    padding: 3rem 2rem 0 3rem;
}

.resources-container .resourceType {
    display: block;
    color: #ffffff;
    font-size: 2rem;
    padding-left: 3rem;
}

.resource-center .load-more-button {
    width: 98%;
    position: relative;
    margin: 5rem auto auto auto;
    text-align: center;
    display: inline-block;
    border: 0;
}

.resource-center .load-more-button a {
    background: #F7F9FA;
    border: 1px solid #2E1A47;
    color: #2E1A47;
    text-align: center;
    border-radius: 0.25rem;
    padding: 1rem 3rem;
    font-size: 2rem;
    top: -12px;
    position: relative;
    text-decoration: none;
}

.resource-center .load-more-button a:hover,
.resource-center .load-more-button a:focus {
    background: #2E1A47;
    color: #fff;
}

.resources {
    display: none;
}

.tru-margin-y-md {
    padding: 2rem 0;
}

.profile-main-container a.see-all-location-link {
    cursor: pointer;
    color: #2E1A47;
    font-size: 2rem;
    text-decoration: underline;
}

.profile-main-container .btn-make-apply-container {
    display: flex;
    flex-wrap: wrap;
}

.profile-main-container a.dark-blue-btn {
    border: 2px solid #2E1A47;
    border-radius: 4px;
    padding: 2rem 3rem;
    font-size: 2rem;
    margin-right: 5rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #2E1A47;
    margin-top: 1rem;
}

.profile-main-container .dark-blue-btn:hover {
    background-color: #fff;
    color: #2E1A47;
    text-decoration: none;
}

.profile-main-container .apply-mortgage {
    border: 2px solid #2E1A47;
    border-radius: 4px;
    background: #fff;
    padding: 2rem 3rem;
    color: #2E1A47;
    text-align: center;
    text-decoration: none;
    margin-top: 1rem;

}

.profile-main-container .apply-mortgage:hover,
.profile-main-container .apply-mortgage:focus {
    background-color: #2E1A47;
    color: #fff;
    text-decoration: none;
}

.pipe-line::before {
    content: ' | ';
}

.dashes::before {
    content: ' - ';
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@media (min-width: 1601px) {
    .profile-main-container,
    .profile-about-section,
    .profile-specialties,
    .profile-accomplish,
    .advisor-base-page [data-page-type="newspage" i][data-view-model="GridView" i] {margin: 0 auto; max-width: 1570px;}
}

@media screen and (min-width: 320px) and (max-width: 1023px) {

    .profile-main-container,
    .profile-about-section,
    .profile-specialties,
    .profile-accomplish,
    .profile-video-section,
    .resource-center,
    .js-advisor-locations-mode-results,
    .js-advisor-locations-mode-routes,
    .advisor-base-page [data-page-type="newspage" i][data-view-model="GridView" i] {
        padding: 6rem 0;
    }




    .profile-main-container .advisor-title .team-name,
    .profile-main-container .advisor-title .nounderline-team-name {
        text-align: left;
    }

    .profile-main-container .wrap,
    .profile-about-section .profile-sub-education,
    .profile-main-container .advisor-title {
        display: block;
    }

    .profile-main-container .profile-header {
        padding: 2rem 0;
        font-size: 4.8rem;
    }

    .profile-specialties .accordion-icon:focus {
        outline: 0;
        border: 0;
    }

    .profile-main-container .profile-content {
        padding: 0;
        width: 100%;
    }

    .profile-main-container .profile-title {
        font-size: 2.6rem;
        padding-top: 4rem;
        display: inline-block;
    }


    .profile-main-container .profile-advisory-text {
        width: 100%;
        margin-bottom: 1rem;
        display: inline-block;
    }

    .detail-group-row .telno-profile {
        padding-top: 1rem;
        display: inline-block
    }

    .detail-color-apply p:not(:first-child) {
        font-size: 1.8rem
    }

    .profile-specialties .accordion-title {
        font-size: 1.8rem;
        width: 100%;
    }

    .profile-media {
        text-align: center;
    }

    .detail-group-right-align .svg-phone-icon,
    .detail-group-right-align .svg-fax-icon {
        margin-left: -5px;
    }

    .profile-main-container .profile-image-mobile {
        max-width: 100%;
        width: 100%;
        height: auto;
        border-radius: 10%;
    }

    .profile-main-container .profile-heading {
        padding: 0 1rem 0 0;
        margin-bottom: 2rem;
    }

    .detail-group-list .detail-group-row,
    .profile-main-container .detail-group-list {
        display: block;
        width: 100%;
        text-align: left;
        line-height: 1.4;
    }

    .profile-main-container a.dark-blue-btn {
        margin-right: 0;
        width: 100%;
        margin-bottom: 2rem;
    }

    .profile-main-container .apply-mortgage {
        width: 100%;
        margin-bottom: 2rem;
    }


    .profile-about-section ul.about-profile-link {
        display: block;
        margin-bottom: 2rem;
    }

    .profile-main-container .profile-info {
        padding-bottom: 0;
    }

    .profile-about-section .profile-sub-education .school {
        width: 100%;
        margin-bottom: 2rem;
    }

    .pipe-line {
        display: none;
    }

    .year-wrap {
        display: inherit;
    }

    ul.about-profile-link li {
        padding: 1rem 1rem 1rem 0;
    }

    .profile-specialties .tru-grid-display {
        display: inline-block;
        width: 100%;
        margin-bottom: 0;
    }

    .profile-specialties .specialites-item {
        width: 100%;
    }

    .profile-specialties .specialites-list {
        margin-bottom: 2rem;
        width: 100%;
        margin-bottom: 2rem;
        padding-bottom: 0;
        outline: none;
        box-shadow: none;
        border: 0;
    }

    .profile-specialties .specialites-list:focus {
        outline: none;
        box-shadow: none;
        border: 0;
    }


    .profile-specialties .specialities-pad {
        padding-right: 0;
    }

    .profile-accomplish .accomplish-content {
        flex-direction: column
    }

    .accomplish-content .accomplish-details {
        width: 100%;
    }

    .resources-container {
        padding: 2rem;
    }

    .resources-container .resources {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .profile-main-container .profile-image-mobile {
        max-width: 100%;
        width: 100%;
        height: auto;
        border-radius: 10%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
    .profile-main-container a.dark-blue-btn {
        margin-right: 1rem;
        padding: 2rem 2rem;
    }
}

.team-page-truist-tab .ori-tabs__position--relative {
    min-width: 99%;
}

.team-page-truist-tab .ori-tabs__tab {
    flex: 1;
}

.team-page-truist-tab .team-profile-tab-container {
    padding: 5rem 0;
}

.team-page-truist-tab .ori-tabs__tab {
    white-space: nowrap;
}

.mortgage-recommended {
    margin-top: 6.5rem;
}

.mortgage-recommended h2 {
    margin-bottom: 0;
}

.interested-mortgage {
    margin-top: 6.5rem;
}

.interested-mortgage p {
    margin-bottom: 3rem;
}

.mortgage-apply-cta {
    margin-bottom: 6.5rem;
    margin-top: 0 !important;
}

.bg-clear a.telno-profile.phone,
.bg-clear a.telno-profile.fax,
.bg-clear a.get-direction-link,
.bg-clear .js-tru-accordion__target p,
.bg-clear .see-all-location-link,
.bg-clear .advisor-loc-phone a,
.bg-clear .advisor-loc-fax a {
    font-size: var(--truTxtSize5);
}
/* button color fix for bg-clear in finder  */
.bg-clear .profile-button .view-profile {
    padding: .75rem 1.5rem .5rem 1.5rem;
    color: var(--truNeutral0);
    text-decoration: none;
}

.bg-clear .profile-button .make-apt-btn {
    color: var(--truPurple600);
    text-decoration: none;
}

.bg-clear a.dark-blue-btn {
    color: var(--truNeutral0);
    text-decoration: none;
}
.team-view .team-container {
    min-height: 0;
    padding: 0;
}

.team-container .team__image {
    position: relative;
    left: 0%;
    right: 0%;
    max-height: 100%;
    border-radius: 0 0 4rem 0;
    height: auto;
    overflow: hidden;
}

.team-container .team__image .desktop-image{
  width: 100%;
  height: auto;
  border-radius: 0 0 4rem 0;
}

.team-container .team__image .mobile-image,
.advisor-base-page .team-container .team__image .mobile-image{
     display: none;
}

.team-profile-container{
  border-bottom: 1px solid #ccc;
  padding-top: 4.0625rem !important; 
  padding-bottom: 4.0625rem !important; 
  padding-right:0;
  padding-left:0;
}

.team-view .team-profile-container{
   border-bottom: 1px solid #ccc;
   padding-bottom: 7rem;
   margin-left: 4.16666667%; 
   padding-top: 6rem; 
}

.team-view .cardview-component .container{
	border-bottom: 1px solid #ccc;
}

.team-view .cardview-component .container .list-grid-container{
	padding-bottom: 75px;
}  

.team-profile-container .profile-content{
  width: 100%;
}

.team-profile-container .profile-destinaion-space{
 display: flex;
 padding-bottom:1.25rem;
}

.team-profile-container .profile-info{
  display: flex;
  flex-direction: row;
}

.team-profile-container .profile-header{
 font-size: 7rem;
 color: #2E1A47; 
 margin-bottom: 0;
 line-height: 1;
}

.team-profile-container .profile-title{
 display: inline-block;
 color: #3c1d5d;
 font-weight: 300;
 font-size: 3.8rem;
 padding: 0 0 4rem;
 width: 100%;
}

.team-profile-container .detail-group-list{
 width: 100%;
 display: flex;
 flex-direction: row;
}

.team-profile-container .profile-heading{
  margin-bottom: 1.875rem;
}

.team-profile-container .detail-group-row .detail-group-address{
 color: var(--truNeutral500);
 font-size: 2rem;
 line-height: 2;
}

.team-profile-container .get-direction-link{
 color: #2E1A47;
}

.team-profile-container .get-direction-link:hover{
  text-decoration: none;
}

.team-profile-container .get-direction-link:hover{
 color: #2E1A47;
}

.team-profile-container .detail-group-list .detail-group-row{
 width: 50%;
}

.team-profile-container .detail-group-row p{
 margin-bottom: 0.935rem;
}

.team-profile-container .detail-group-row .detail-group-right-align{
color: #2E1A47; 
}

.team-profile-container .detail-group-row .tru-icon-contact{
 width: 20px;
 height: 20px
}

.team-profile-container .detail-group-row .telno-profile,
.team-profile-container .detail-group-list a.profile-email{
 color: #2E1A47; 
 word-break: break-all;
}

.team-profile-container .detail-group-list .item-align-right{
 text-align: right;
 color: #2E1A47;
 font-size: 2rem;
}

.team-profile-container .profile-advisory-text{
 color: #7C6992;
 font-size: 2.4rem;
 font-weight: 600;
}

.team-profile-container .margin-auto{
 margin-left: auto;
 line-height: 2;
}

.team-profile-container .detail-color-apply p:not(:first-child) {
 color: var(--truNeutral500);
 font-size: 2rem;
}

.team-profile-container .btn-make-apply-container{
  display: flex;
  flex-wrap: wrap;
}

.team-profile-container .dark-blue-btn{
  border: 2px solid #2E1A47;
  border-radius: 4px;
  padding: 2rem 3rem;
  font-size: 2rem;
  margin-right: 5rem;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #2E1A47;
 }
 
 .team-profile-container .dark-blue-btn:hover{
      background-color: #fff;
      color: #2E1A47;
      text-decoration: none;
  }

  .team-profile-container .apply-mortgage{
    border: 2px solid #2E1A47;
    border-radius: 4px;
    background: #fff;
    padding: 2rem 3rem;
    color: #2E1A47;
    text-align: center;
    text-decoration: none;
}

.team-profile-container .apply-mortgage:hover,
.team-profile-container .apply-mortgage:focus{
    background-color: #2E1A47;
    color: #fff;
    text-decoration: none;
 }
 
.team-view .profile-about-section{
    border-bottom: 0;
    padding-bottom: 0
}

.team-pfofile-whoare-component .section-title{
  color: #2E1A47;
  font-weight: 300;
}

.team-pfofile-whoare-component .team-profile-link{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.team-view .team-profile-tab-container{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 3.125rem; 
    padding-bottom: 4.0625rem; 
    padding-right:0;
    padding-left:0;
  border-bottom: 1px solid #ccc;
}

.team-profile-tab-container .meet-team-card{
  width: calc(94% * 0.33333);
  margin-left: 2%;
  margin-bottom: 3.125rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem
}

.team-profile-tab-container .meet-team-card:hover{
  padding-bottom: 2.1875rem;}

.team-profile-tab-container .meet-team-card:hover{
   background: #f7f7f7;
}

.team-profile-tab-container .meet-team-card .team-ProfileImage{
    border-radius: 10%;
    max-width: 100%;
    height: auto;
    width: 100%;
}

.team-profile-tab-container .team-profile-full-name{
   margin: 2rem 0 .5rem;
   font-size: 2.4rem;
   color: #7C6992;
   line-height: 1;
   text-decoration: none;
   display: inline-block;
   width: 100%;
   font-weight: 600;
}
.team-profile-tab-container .profile-designation-code{
	font-size: 1.4rem;
}

.team-profile-tab-container .team-profile-job-title, 
.team-profile-tab-container .team-profile-wealth-officer-title{
  font-size: 2rem;
  color: var(--truNeutral500);
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: .6rem 0;
}

.team-profile-tab-container .team-see-more{
  display: none
}

.team-view .profile-specialties{
    border-bottom: 0;   
    padding: 1rem 0 0;
}

.team-view .profile-specialties .section-title{
  color: #7C6992;
  font-size: 2.4rem;
  font-weight: 600;
}

.team-view .r-tabs-panel .profile-resource-subhead{
  display: none;  
}

.team-view .resource-center {
  border-bottom: 1px solid #ccc;
}

.team-view .error-container .no-result-msg{
  width: 100%;
  text-align: center
}

.team-view .js-advisor-locations-mode-results,
.team-view .js-advisor-locations-mode-noresults,
.team-view .js-advisor-locations-mode-routes{
    padding: 10rem 0;
 }



@media screen  and (min-width: 212px) and  (max-width: 812px) {

  .profile-about-section{
    padding: 5rem 0;
  }

  .team-view .team-profile-container{
    padding: 2rem 0;
  }

  .team-container .team__image .mobile-image{
    margin-left: 4.16666667%;
    width: 100%;
    height: auto;
    border-radius: 2rem;
    display: block;
  }

  .advisor-base-page .team-container .team__image .mobile-image{
     display: block;
  }

 .team-view .js-advisor-locations-mode-results,
 .team-view .js-advisor-locations-mode-noresults,
 .team-view .js-advisor-locations-mode-routes{
     padding: 2rem 0 5rem
  }

  .team-profile-container .dark-blue-btn{
      margin-right: 0;
      width: 100%;
      margin-bottom: 2rem;
  }

  .team-profile-container .apply-mortgage{
     width: 100%;
     margin-bottom: 2rem;
  }    
 
  .team-profile-container .profile-header{
    font-size: 4.8rem;
  }

  .team-profile-container .detail-color-apply p:not(:first-child),
  .result-list-item-view .grid-item-title .card-miles{
    font-size: 1.8rem;
  }

  .team-view .locator-header-container .locator-header-title{
    font-size: 3.2rem;
    margin: 0;
  }

  .team-view .team-container{
     padding: 5rem 0 5rem
  }

  .team-container .team__image{
    height: auto;
    border-radius: 3rem;
    margin:0 auto;
    position: relative;
    left: 0;
  }
  
  .team-profile-specialties .profile-specialties .specialities-pad {
    padding-right: 1rem;
  }   

  .team-view .team-profile-tab-container {
      width: 100%;
  }

  .team-profile-tab-container .meet-team-card{
      width: 100%;
  }

  .team-profile-tab-container .team-see-more{
      border: 2px solid #2E1A47;
      border-radius: 4px;
      background: #fff;
      padding: 1rem;
      font-size: 2rem;
      color: #2E1A47;
      text-align: center;
      text-decoration: none;
      width: 100%;
      display: block;
      margin: 1rem 0 0 0;
  }

  .team-view .r-tabs-panel .resource-center{
      padding: 3rem 0;
  }

  .team-profile-container .detail-group-list{
    display: block;
  }

  .team-profile-container .detail-group-list .item-align-right{
    text-align: left;
    font-size: 1.8rem;
  }

  .advisor-team-page .result-list-item-view .grid-button-align{
        padding: 1rem 0 2rem 0rem
  }

  .team-profile-container .detail-group-list .detail-group-row{
    width: 100%;
    font-size: 1.8rem;
    line-height: 2;
  }

  .team-profile-container .detail-group-row .detail-group-right-align svg{
    margin-left: -5px;
  }

  .team-profile-tab-container .meet-team-card .team-ProfileImage{
    width: 100%;
    height: auto;
  }

  .team-profile-tab-container .team-profile-full-name{
    font-size: 2rem;
  }

  .team-profile-tab-container .team-profile-job-title,
  .team-profile-tab-container .team-profile-wealth-officer-title {
    padding: 0;
    font-size: 1.8rem;
  }

}


@media screen and (min-width: 220px) and (max-width: 896px) {

  .team-container .team__image .mobile-image,
  .advisor-base-page .team-container .team__image .mobile-image{
    display: block;
    width: 100%;
    height: auto;
  }

 }

@media screen 
and (min-device-width: 814px) 
and (max-device-width: 1024px) 
 { 

  .team-profile-tab-container .meet-team-card{
    width: calc(100% * .48);
  }

  .team-profile-tab-container .team-see-more{
    border: 2px solid #2E1A47;
    border-radius: 4px;
    background: #fff;
    padding: 1rem;
    font-size: 2rem;
    color: #2E1A47;
    text-align: center;
    text-decoration: none;
    width: 98%;
    display: block;
    margin: 4rem 0 2rem;
}
}

@media only screen  and (min-width : 845px) and (max-width : 1000px) {
      .team-profile-tab-container .meet-team-card{
        width: calc(100% * .48);
      }
  }

 @media (orientation:landscape) and (min-width : 320px) and (max-width : 900px)  {
      .team-profile-tab-container .meet-team-card{
          width: calc(100% * .48);
        }

        .team-profile-tab-container .meet-team-card .team-card-text-align{
          padding: 0 0 2rem 0;
        }
  }

  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .team-profile-tab-container .meet-team-card{
      width: calc(100% * .48);
    }
}

.truist-tabs .ori-tabs__list{
  margin-bottom:0px;
}
.ori-tabs__panel-group .ori-tabs__panel .cmp-truist-cards-list-v1 .cardview-component{
 padding-top:3.125rem;
 padding-bottom:4.0625rem
}
.about-process-component {
    width: 100%;
    padding: 10rem 15px;
    border-bottom: 1px solid #ccc;
}

.advisor-base-page .team-view .about-process-component{
    text-align: left;
    border: 0;
    color: #2E1A47;
    font-size: 2rem;
    padding: 10rem 15px;
    line-height: 1.2;
    border-bottom: 1px solid #ccc;
}

.about-process-component h3{
    color: #3C1D5D;
    font-size: 3.8rem;
    font-weight: 300;
}

.about-process-component h4{
    color:#7C6992;
    font-weight: 600;
    font-size: 2.4rem;
}

.wistia-video-template {
    width: 100%;
    padding: 5rem;
}

.wistia-video-template  .video-title{
        color: #2E1A47;
        font-weight: 300;
        text-align: center;
}

 .wistia-video-template .wistia-arrow-up{ transform: rotate(180deg);}

 .wistia-video-template .wistia-arrow-down{ transform: rotate(360deg);}

.wistia-video-template .wistia-script a{
        font-size: 2rem;
        color: #2e1a47;
        padding: 2rem 0 0 0;
        text-align: justify;
        text-decoration: none;
        border:0;
}

.wistia-video-template .wistia-script a:hover{
    text-decoration: none;
} 

.wistia-video-template .wistia-script-container{
    padding-top: 2rem;
}

.wistia-video-template .wistia-transcript-info{
     font-size: 1.8rem;
     width: 100%;
     padding: 2rem 0;
     text-align: justify;
}

.wistia-video-template .show{display: block}

.wistia-video-template .hide{display: none}
 
 @media screen  and (min-width: 320px) and  (max-width: 1023px) {
    .wistia-video-template {
        padding: 1rem;
    }
 }  
.team-page-tab{
    padding: 10rem 15px; max-width: 1600px; margin: 0 auto;
}

.team-page-tab.r-tabs .r-tabs-nav {
    width: 100%;
    display: flex;
}

.team-page-tab.r-tabs .r-tabs-nav li{
    flex-grow: 1;
    text-align:center;
    border: 0;
    border-bottom: 1px solid #7C6992;
    background: none;
    padding-bottom: 1rem;
}

.team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active{
    background:inherit;
    border-bottom: 2px solid #2E1A47;
    border-radius: 0;
}

.team-page-tab.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
		color:#2E1A47;
        background: none !important;
        font-weight: 600;
        width: 100%;
        font-size: 2.4rem;
}

 .team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover{
    background: none !important;
    color:#2E1A47 !important;
    font-weight: 600;
    font-size:2.4rem;
}

.team-page-tab.r-tabs .r-tabs-nav li.r-tabs-state-default .r-tabs-anchor{
    font-size:2.4rem;
    color: #7C6992;
}

.team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor{
    width:100%;
}

.team-page-tab.r-tabs .r-tabs-nav .r-tabs-tab:last-child{
    border-right: 0;
    border-radius: 0;
}

.team-page-tab .tab-content .r-tabs-state-active a span.r-tabs-state-item-title{
  color: #2E1A47 !important;
   font-weight: 600 !important;
}

.team-page-tab .tab-content .r-tabs-accordion-title a span.r-tabs-state-item-title{
    color: #7C6992;
    display: inline-block;
    width: 92%;
    margin-left: 3rem;
    font-weight: 300;
}

@media (max-width: 768px) {

.team-page-tab{
    padding: 3rem 0 6rem; border-bottom: 1px solid #ccc; margin: 0 15px;
}

.team-page-tab.r-tabs.r-tabs .r-tabs-nav{
    display: none;
}

.team-page-tab.r-tabs .r-tabs-accordion-title:first-child .r-tabs-anchor {
    border-radius: 0 ;
}

.team-page-tab.r-tabs .r-tabs-accordion-title{
    padding:1.2rem 0;
    border-bottom:1px solid #ccc !important;
}

.team-page-tab .r-tabs-panel .about-process-component {
    padding: 3rem 0;
    line-height: 1.2;
}

.team-page-tab.r-tabs .r-tabs-accordion-title .r-tabs-anchor{
    border: 0 !important;
    color: #7C6992;
    font-size: 2rem;
}

.team-page-tab .r-tabs-nav .r-tabs-tab:first-child {
    border-radius: 0;
}

.team-page-tab .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {
    color: #7C6992;
    font-size: 2.4rem;
}

.team-page-tab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{
    color: #2e1a47;
    font-size: 2rem;
    font-weight: 600;
}

.team-page-tab  .tab-content .r-tabs-state-default .r-tabs-anchor,
.team-page-tab  .tab-content  .r-tabs-anchor{
    background: url('../../../content/dam/global-images/icon-plus.svg') no-repeat 0 !important;
    padding-left:30px !important;
}

.team-page-tab .tab-content .r-tabs-state-active .r-tabs-anchor{
    background: url('../../../content/dam/global-images/icon-minus.svg') no-repeat 0 !important;
    padding-left:30px !important;
}
}

/*DAM unique styles goes here*/
.advisor-base-page {background-color: #fff;}
.advisor-base-page .js-advisor-locations-mode-results,
.advisor-base-page .js-advisor-locations-mode-noresults,
.advisor-base-page .js-advisor-locations-mode-routes {border-bottom: none; padding: 10rem 0; margin: 0 auto; max-width: 1600px;}
.advisor-base-page .result-list-item-view .card:last-child {border-bottom: none;}

.advisor-base-page [data-page-type="newspage" i][data-view-model="GridView" i] {border-top: none; padding: 10rem 0; margin: 0 auto; max-width: 1600px;}

@media screen and (min-width: 212px) and (max-width: 812px) {
    .advisor-base-page .profile-about-section {padding: 6rem 0;}
    .advisor-base-page .locator-header-container .locator-header-title {margin-left: 15px; margin-right: 15px;}
    .advisor-base-page .list-view-toggle {margin: 1rem 1.5rem; width: calc(100% - 3rem);}
    .advisor-base-page .result-list-item-view {padding: 0;}
    .advisor-base-page .map-view-toggle .map-view-text {margin-left: 1.1rem;}
}

.advisor-individual-page .cta .global-cta-btn .gl-align-center {
    margin-bottom: 0rem;
    margin-top: 0rem;
}

.advisor-individual-page .global-cta-btn {
    padding-bottom: 4.0625rem;
}


.login-component{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.6rem;
    background: var(--truClrPplBs);
}

 /* Remove the pw toggle icon in Edge */
 ::-ms-reveal {
    display: none;
}

.login-open-button.active button{
    background: var(--truClrPplBs);
    color: var(--truClrNtrlWht);
}

.login-header {
    display: none;
}

.truist-login-widget--button-submit:hover {
    background-color: var(--truClrSkyLt);
    color: var(--truClrPplBs);
    border-color:var(--truClrSkyLt);
}

.maintenancemodeendpointurl {
    width: 100%;
    max-width: 375px;
    min-width: 375px;
    padding: 16px;
    background: var(--truClrPplBs);
    border-radius: 1.5rem;
    color: var(--truClrNtrlWht);
    opacity: 0;
}

.maintenancemodeendpointurl .maintenance-mode {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.maintenancemodeendpointurl .maintenance-mode p {
    text-align: center;
  }

  .maintenancemodeendpointurl .maintenance-mode .msgHeading {
    margin-top: 20px;
    font-weight: 600;
    font-size: 1.8rem !important;
  }

.sign-in-form {
    width: 100%;
    max-width: 375px;
    min-width: 320px;
}

.sign-in-form .form-group {
    position: relative;
    margin-bottom: 4px;
    text-align: left;
 }

 .sign-in-form .form-group.form-space-24 {
    margin-bottom: 24px;
 }

 .sign-in-form .form-group label {
    color: var(--truClrGryDkr);
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 3;
 }

 .sign-in-form .form-group label.form-check-label {
    position: relative;
    width: auto;
    min-width: 50%;
    cursor: pointer;
 }

.sign-in-form .form-group label.form-check-label .label-span{
    color: var(--truClrNtrlWht);
    position: absolute;
    display: block;
    width: 100%;
    top: -.85rem;
    left: 2.25rem;
 }

 .sign-in-form .form-group .input-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    height: 46px;
 }

 .sign-in-form .form-group .input-wrapper.login-checkbox-container {
    display: inline-block;
    width: calc(375px / 2);
    position: relative;
    height: auto;
}

 .sign-in-form .form-group .input-wrapper::before {
    content: "";
    display: block;
    background: var(--truClrNtrlWht);
    position: absolute;
    top: 0 !important;
    width: 100%;
    height: 46px;
    border: 1px solid var(--truClrGryLt);
    border-radius: 0.25rem;
    z-index: 1;
 }

 .sign-in-form .form-group .input-wrapper.login-checkbox-container::before,
 .sign-in-form .form-group .input-wrapper.login-radio-container::before {
    display: none;
 }

 .sign-in-form .form-group .form-check-label::before {
    content: "";
    display: block;
    background: var(--truClrClear);
    position: absolute;
    left: -10px;
    top: -8px;
    width: 24px;
    height: 24px;
    border: 2px solid var(--truClrNtrlWht);
    border-radius: 0.25rem;
    z-index: 2;
 }

 .sign-in-form .form-group .form-check-label::after {
    content: "";
    display: block;
    background-color: var(--truClrClear);
    background-image: none;
    background-position: center 42%;
    background-repeat:  repeat;
    background-size: 14px;
    position: absolute;
    left: -8px;
    top: -6px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--truClrClear);
    transition: all .3s ease-in-out;
 }

 .sign-in-form .form-group .form-check-label:hover::after {
    background: var(--truClrClear);
    border: 1px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.focus::before,
 .sign-in-form .form-group .form-check-label.checked.focus::before {
    padding: 1px;
    border: 1px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.focus::after {
    background: var(--truClrClear);
    border: 2px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.checked::before {
    padding: 0px;
    border: 2px solid var(--truClrDuskBs);
 }

 .sign-in-form .form-group .form-check-label.checked::after,
 .sign-in-form .form-group .form-check-label.checked.focus::after {
    background-color: var(--truClrDuskBs);
    background-image: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/checkmark-wht.svg);
    background-position: center 42%;
    background-repeat:  no-repeat;
    background-size: 14px;
    border-color: var(--truClrDuskBs);
 }

 .sign-in-form .form-group .form-check-label.checked:hover::before {
    padding: 0px;
    border: 2px solid var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.checked:hover::after {
    background-color: var(--truClrNtrlWht);
    background-image: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/checkmark.svg);
    border-color: var(--truClrNtrlWht);
 }

 .sign-in-form .form-group .form-check-label.checked.focus::before {
    padding: 1px;
    border: 1px solid var(--truClrNtrlWht);
 }

.sign-in-form input[type="password"],
.sign-in-form input[type="text"] {
    position: absolute;
    width: calc(100% - 4px);
    height: 100%;
    max-height: calc(100% - 4px) !important;
    background: var(--truClrClear);
    color: var(--truClrGryDkr);
    padding: 1rem 3rem 0rem 1rem !important;
    border: 1px solid var(--truClrClear);
    border-radius: 0.5rem;
    box-shadow: none;
    font-size: inherit;
    z-index: 2;
    top: 2px !important;
 }

.sign-in-form input[type="password"] {
    padding-right: 40px;
 }

button.password-not-visible {
    background: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/show-password.svg) no-repeat center;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 14px;
    right: 10px;
    border:none;
    z-index: 3;
    transition: all .3s ease-in-out;
}

button.password-not-visible:focus {
	outline: 1px solid;
}

button.password-not-visible.password-visible{
    background: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/hide-password.svg) no-repeat center;
    aspect-ratio: 1;
}

.sign-in-form input[type="checkbox"] {
    position: absolute;
    border: 0;
    background: var(--truClrClear);
    left: -10px;
    top: -8px;
    opacity: 0;
    z-index: 4;
    cursor: pointer;
    box-shadow: none;
}

.sign-in-form input[type="radio"] {
    border: 0;
    background: var(--truClrClear);
    position: absolute;
    width: 24px;
    height: 24px;
    left: -11px;
    top: -8px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    box-shadow: none;
 }

 .sign-in-form .form-group .input-hint {
    font-size: var(--truTxtSizeMicro);
    color: var(--truClrDawnDkr);
    position: relative;
    top: .5rem;
 }

 .sign-in-form .form-group label.is-focused,
 .sign-in-form .form-group label.is-focused.has-error {
    font-weight: var(--truFontWtBd);
    font-size: var(--truTxtSizeMicro);
    transform: translate(.25rem, -1.35rem);
 }

 .sign-in-form .form-group input:not(.validation-failed):is(:-webkit-autofill, :autofill) ~ label {
    font-weight: var(--truFontWtBd);
    font-size: var(--truTxtSizeMicro);
    transform: translate(.25rem, -1.35rem);
 }

 .sign-in-form Input.form-control:focus {
    border-color: var(--truClrGryLt);
    box-shadow: none;
 }

 .sign-in-form .form-group label.has-error {
    color: var(--truClrErrBs);
 }

 .sign-in-form .form-group .input-wrapper.has-error::before {
    border: 1px solid var(--truClrErrBs);
 }

 .sign-in-form input.validation-failed,
 .sign-in-form input.validation-failed:focus {
    border-color: var(--truClrErrBs);
 }

 .sign-in-form .form-group label,
 .sign-in-form .form-group label::before,
 .sign-in-form .form-group label::after,
 .sign-in-form .form-group .validation-message,
 .sign-in-form .form-group .form-group .input-wrapper::before,
 .sign-in-form Input.form-control,
 .sign-in-form .form-group .input-hint,
 .login-component a,
 .login-component a svg.arrow {
    transition: all .3s ease-in-out;
 }

 .login-component a {
    color: var(--truClrHazeBs);
    text-decoration: underline;
    outline: 0;
}

.global-nav .login-component a {
 text-decoration: underline;
}

.global-nav .login-component a:focus,  .global-nav .login-component a:hover, .global-nav .login-component a:active{
 text-decoration: none;
}

.global-nav .login-component a:focus, .login-component a:focus {
  outline: 1px solid;
}

.login-component .oa-link-container a {
      text-decoration: none;
}

.login-component .in-block-link {
    display: block;
    float: right;
}

.login-component a:hover,
.login-component a:focus,
.login-component a:active {
    color: var(--truClrHazeLt);
}

.truist-login-widget--login-unavailable form,
.truist-login-widget--button-QR.truist-login-widget--login-unavailable,
.truist-login-widget--unavailable-container
.unavailable {
    display: none;
}

.truist-login-widget--login-unavailable .truist-login-widget--unavailable-container,
.truist-login-widget--login-unavailable .unavailable {
    display: block;
}

.truist-login-widget--login-unavailable .unavailable {
    margin-top: 1em;
}

.truist-login-widget--unavailable-container {
    border:solid 2px var(--truClrNtrlWht);
    border-radius: 2rem;
    padding:1em;
    text-align: center;
}

.truist-login-widget--unavailable-container p {
    margin-bottom:0;
}

.truist-login-widget--unavailable-title {
    font-weight: 700;
    font-size: 2rem;
    padding-bottom:1.1rem;
    margin-top: 1.13rem;
}

.login-component .btn-truist-login {
    color: var(--truClrPplBs);
    background-color: var(--truClrHazeBs);
    width: 100%;
    border-radius: 14px;
    height: 48px;
    font-weight: bolder;
}

.login-component .btn-truist-login span {
    pointer-events: none;
}

.login-component .btn-truist-login:hover,
.login-component .btn-truist-login:active {
    background-color: var(--truClrHazeLt);
}

.login-component .btn-truist-login:focus {
    outline: var(--truClrHazeBs) 2px solid;
    border: solid 1px var(--truClrPplBs);
    background: var(--truClrHazeBs);
}

.login-component .btn-truist-login.loading {
    background-color: var(--truClrGryLtr);
    color: var(--truClrGryDkr);
    border:solid 2px var(--truClrGryDkr);
}


.truist-login-widget--form-container .truist-login-widget-form--submit {
    margin-bottom:11px;
}

.truist-login-widget-form--need-id {
    margin: 8px 0;
}

.truist-login-widget-form--other-accounts {
    margin-top: 8px;
}

.sign-in-form .truist-login-widget-form--need-id.form-space-32 {
    margin-bottom: 32px;
}

.login-component .truist-login-widget-form--need-id p {
    padding-left:0;
    margin-bottom: 0;
    color: var(--truClrNtrlWht);
}

.login-component .truist-login-widget-form--need-id a {
    display: inline-block;
    width: auto;
}

.login-component .truist-login-widget-form--need-id .sign-in-qr-copy a{
  margin-left:6px;
}

.truist-login-widget--main-container.truist-login-widget--login-unavailable .truist-login-widget--container .truist-login-widget--form-container{
    display:none;
}

.sign-in-form .form-check {
    padding-left: 1rem;
}

.sign-in-form .form-check p{
    margin-bottom: 0;
    position: relative;
    left: 14px;
}

.form-check.truist-login-widget-form--password-forgot .col-sm {
    display: block;
    margin-right: 0;
}

.form-check.truist-login-widget-form--password-forgot .col-sm a {
	width: max-content;
	float: right;
    margin-top:0;
}


.sign-in-form .form-group .validation-message {
    width: 100%;
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 100;
    padding:0;
    color: var(--truClrGryDkr);
 }

 .sign-in-form .validation-message::before {
    content: '';
    margin-left: 15px;
    border: 8px solid var(--truClrErrBs);
    border-color: var(--truClrClear) var(--truClrClear) var(--truClrErrBs) var(--truClrClear);
    width: 16px;
    display: block;
    z-index: 100;
    position: absolute;
    top: -15px;
}

.sign-in-form .form-group .validation-message .err-alert-icon {
    stroke: var(--truClrNtrlWht);
    width: 13px;
    height: auto;
    margin-top: -3px;
    margin-right: .5rem;
 }


 .sign-in-form .validation-message li {
    display: block;
    width: 100%;
    background: var(--truClrErrBs);
    border-radius: 5px;
    height: auto;
    list-style-type: none;
    padding: 5px 10px 5px 10px;
    text-align: left;
    z-index: 10;
    position: relative;
    top: -1px;
    font-size: var(--truTxtSizeMicro);
    color: var(--truClrNtrlWht);
}

.sign-in-form .validation-message li::before {
    content: '';
    background: url(../components/content/login-component/v2/login-component/clientlibs/resources/img/alert-icon.svg) center center no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    top: 5px;
    position: relative;
    margin: 0px 5px 0px 0px;
}

.truist-global-login-logo {
    display: none;
}

.close-icon {
    color: var(--truClrNtrlWht);
    font-size: 2rem;
}

.login-header div.image-container{
    display: flex;
    justify-content: start;
    width: 50%;
}

.login-header div.button-container {
    justify-content: end;
    padding-right:2.2em;
}

.login-header div.image-container,
.login-header div.button-container {
    display: flex;
    width: 50%;
}

.login-header div.button-container button {
    background: none;
    border:none;
}

.login-modal-removed-message {
    visibility: hidden;
}

.truist-login-widget-form--other-accounts.row,
.truist-login-widget-form--other-accounts.row .col-sm {
    display: flex;
    justify-content: flex-start;
}

.truist-login-widget-form--other-accounts .other-accounts-button {
    display: none;
    padding: 14px 24px;
    border-radius: 10px;
    width: 100%;
}

.truist-login-widget-form--other-accounts a span {
    position: relative;
    top: 2px;
}

button.truist-login-widget--button-QR.loading span.button-label,
.truist-login-widget-form--submit.loading button span.button-label,
button.truist-login-widget--button-QR span.loading-animation,
.truist-login-widget-form--submit button span.loading-animation,
.truist-login-widget-form--other-accounts button span.loading-animation,
button.truist-login-widget--button-QR.loading svg.qr-icon  {
    display: none;
}

button.truist-login-widget--button-QR.loading span.loading-animation,
.truist-login-widget-form--submit.loading button span.loading-animation {
    display: block;
}

.truist-login-widget-form--submit.loading button span.loading-animation .btn-truist-login span.loading-animation{
    position: relative;
    top: 3px;
}

.truist-login-widget-form--submit.loading .btn-truist-login {
    display: block;
    background: var(--truClrGryLtr);
    border:2px solid var(--truClrGryDkr);
    color: var(--truClrGryDkr);
}

.global-nav .open-act-group .dropdown-menu {
    background: var(--truClrPplBs);
}

.truist-login-widget-form--other-accounts a:link {
    color: var(--truClrHazeBs);
    font-weight: bold;
    text-decoration: none;
    display: inline;
    outline: none;
}

.sign-in-form .truist-global-nav-header-icon-sign-in {
    margin-left: -3px;
    transform: translateY(-2px)
}

.truist-login-widget-form--other-accounts svg.truist-global-nav-header-icon-sign-in path,
.truist-login-widget-form--other-accounts svg.arrow path{
    stroke: var(--truClrHazeBs);
    fill: var(--truClrHazeBs);
    transition: all .3s ease-in-out;
}

.truist-login-widget-form--other-accounts a:hover svg.truist-global-nav-header-icon-sign-in path,
.truist-login-widget-form--other-accounts a:focus svg.truist-global-nav-header-icon-sign-in path {
    stroke: var(--truClrHazeLt);
    fill: var(--truClrHazeLt);
}

.truist-login-widget-form--other-accounts svg.arrow {
    position: relative;
    transform: translate(3px, -1px);
}

.truist-login-widget-form--other-accounts a:hover svg.arrow,
.truist-login-widget-form--other-accounts a:focus svg.arrow {
    transform: translate(8px, -1px);
}

.truist-login-widget-form--other-accounts a:hover svg.arrow path,
.truist-login-widget-form--other-accounts a:focus svg.arrow path{
    stroke: var(--truClrHazeLt);
}


.truist-login-widget-form--other-accounts a:hover svg.truist-global-nav-header-icon-sign-in mask,
.truist-login-widget-form--other-accounts a:focus svg.truist-global-nav-header-icon-sign-in mask {
    fill: var(--truClrClear);
}

.truist-login-widget-form--other-accounts a:hover,
.truist-login-widget-form--other-accounts a:focus {
    color: var(--truClrHazeLt);
}

.truist-login-widget-form--other-accounts a:focus {
	outline: 1px solid;
	width: 80%;
}

/* QR Code Button */
.sign-in-form a.truist-login-widget--button-QR:link,
.sign-in-form a.truist-login-widget--button-QR:visited{
    display: block;
    text-decoration: none !important;
    margin-top:25px;
    max-height: 48px;
    width:100%;
    border-radius: 40px;
    background: var(--truClrPplBs);
    outline: 2px solid var(--truClrClear);
    border: 2px solid var(--truClrNtrlWht);
    box-shadow: 0px 0px 0px 3px var(--truClrClear);
    color: var(--truClrNtrlWht);
    padding: 5px 2.5em;
    text-align: center;
    font-size: 1.6rem;
    font-weight: var(--truFontWtBd);
    transition: all .3s ease-in-out;
}

.sign-in-form a.truist-login-widget--button-QR:hover,
.sign-in-form a.truist-login-widget--button-QR:focus,
.sign-in-form a.truist-login-widget--button-QR:active {
    background: var(--truClrClear);
    color: var(--truClrHazeLt);
    outline: 2px solid var(--truClrClear);
    border: 2px solid var(--truClrHazeLt);
    box-shadow: 0px 0px 0px 3px var(--truClrClear);
    text-decoration: none;
}

.sign-in-form a.truist-login-widget--button-QR::before {
    content: '';
    background: url('../components/content/login-component/v2/login-component/clientlibs/resources/img/qr-code.svg') no-repeat center center;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-top: 2px;
    margin-right:8px;
    transition: all .3s ease-in-out;
}

.sign-in-form a.truist-login-widget--button-QR:hover::before,
.sign-in-form a.truist-login-widget--button-QR:focus::before,
.sign-in-form a.truist-login-widget--button-QR:active::before {
    background: url('../components/content/login-component/v2/login-component/clientlibs/resources/img/qr-code-hover.svg') no-repeat center center;
}

.sign-in-form a.truist-login-widget--button-QR span.button-label {
    position: relative;
    top:-10px;
}

 /*Loader for entire Sign on component*/
  .login-component .loading-container-login {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    position: absolute;
    width: 100%;
    height:100%;
    background-color: var(--truClrPplBs) !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);
 }
 .login-component .loading-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSizeMicro);
    font-weight: 600;
    color: var(--truClrNtrlWht);
 }

 .login-component .loading-animation .loading {
    color: var(--truClrNtrlWht) !important;
 }

  .login-component .loading-animation .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    margin-left:5px;
    position: relative;
    top:-12px;
    background: var(--truClrNtrlWht) !important;
  }

  .login-component .loading-animation .dot:nth-last-child(1) {
    animation: jumpingAnimation 1s 0.25s ease-in infinite;
  }
  .login-component .loading-animation .dot:nth-last-child(2) {
    animation: jumpingAnimation 1s 0.5s ease-in infinite;
  }
  .login-component .loading-animation .dot:nth-last-child(3) {
    animation: jumpingAnimation 1s 0.75s ease-in infinite;
  }

  .hero-login-template .hero--login-menu--row .login-component {
    position: relative;
  }

 .login-component-opacity {
    opacity: 1;
 }

 .global-nav .sign-in-form .form-group .form-control.login-save-user-id-checkbox {
    height: 27px;
    width: 130px;
 }

 .sign-in-form .form-group .input-wrapper::before {
    content: "";
    display: block;
    background: var(--truClrNtrlWht);
    position: absolute;
    top: -3px;
    width: 100%;
    height: 46px;
    border: 1px solid var(--truClrGryLt);
    border-radius: 0.25rem;
    z-index: 1;
}

.sign-in-form input[type="password"],
.sign-in-form input[type="text"] {
    position: absolute;
    width: calc(100% - 4px);
    height: 100%;
    max-height: calc(100% - 10px);
    background: var(--truClrClear);
    color: var(--truClrGryDkr);
    padding: 1rem 1rem 0rem 1rem;
    border: 1px solid var(--truClrClear);
    border-radius: 0.5rem;
    box-shadow: none;
    font-size: inherit;
    z-index: 2;
    top: -1px;
}

/*inline validation message*/
.sign-in-form .form-group .input-wrapper .inline-validation-message {
    display: none;
}
.sign-in-form .form-group .input-wrapper.has-error .inline-validation-message {
    display: inline-block;
    font-weight: var(--truFontWtBd);
    font-size: var(--truTxtSizeMicro);
    transform: translate(-0.2rem, -1.7rem);
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 3;
    color: var(--truClrErrBs);
}
.sign-in-form .form-group label.is-focused + div {
   display: none !important;
}
.sign-in-form .form-group .input-wrapper .inline-validation-message span {
    vertical-align: middle;
}

/*UserID clear button*/

.sign-in-form .form-group .input-wrapper .signin-clear-icon {
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: transparent;
    border: 0;
    padding: 0;
    z-index: 3;
    top: 14px;
    right: 10px;
    display: none;
}

.sign-in-form .form-group .input-wrapper #iduserId:valid + button {
    display: block;
}

.sign-in-form .form-group .input-wrapper .signin-clear-icon::before,
.sign-in-form .form-group .input-wrapper .signin-clear-icon::after {
    background-color: var(--truClrDuskBs);
    content: "";
    height: 20px;
    position: absolute;
    top: 0;
    width: 2px;
}

.sign-in-form .form-group .input-wrapper .signin-clear-icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sign-in-form .form-group .input-wrapper .signin-clear-icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sign-in-form .form-group .input-wrapper .signin-clear-icon:hover::before,
.sign-in-form .form-group .input-wrapper .signin-clear-icon:hover::after {
    background-color: var(--truClrDuskDk);
}

.sign-in-form .form-group.disp-flex {
    display: flex;
    justify-content: space-between;
}

.sign-in-form .form-group .input-wrapper.sign-in-bg-white {
    background: var(--truNeutral0);
    border-radius: .5rem;
 }

 .login-component .tru-login-otherapp {
    padding: 16px;
 }

 .login-component .tru-login-otherapp .row:first-child,
 .login-component .tru-login-otherapp .row:last-child
  {
    margin-top: 0;
 }





/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a,
.compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a,
.compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a,
.compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a,
.light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a,
.dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.cardspage {
    background: transparent;
}

.cardview-component .container {
    max-width: 100%;
}

.container-filter {
    margin: 10rem 0 2rem 2rem;
}

.btn-group-container {
    text-align: right;
    margin: 2em 4rem 6rem 0;
}

.btn-group-container .toggle-list-grid {
    margin: 0 3rem 0 0;
}

.toggle-list-grid a {
    border: 1px solid #2E1a47;
    border-radius: 0;
    margin-right: 0;
    padding: 0.6rem 1rem;
    width: 6.7rem;
    height: 5.5rem;
}

.toggle-list-grid a.active {
    color: #fff;
    background: #2E1a47;
}

.toggle-list-grid a.grid {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.toggle-list-grid a.list {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.svg-list,
.svg-grid {
    padding-left: 3px;
    margin-top: 1rem;
}

/*grid container - start*/

.list-grid-container .grid-group-item {
    padding: 2rem;
}

.grid-group-item .item-view-list {
    margin: 3rem 0 7.2rem 3rem;
    width: calc(98% * 0.3333);
}

.grid-group-item .list-group-image,
.list-group-item .list-group-image {
    width: 27.3rem;
    height: 27.3rem;
    display: block;
}

.grid-view-container {
    display: flex;
    width: 100%;
}

.grid-view-container .show-button-container:hover {
    cursor: pointer;
}

.grid-view-container .card {
    border: 0;
}

.grid-group-item .card-details {
    margin: 3.4rem 0 0;
    width: 70%;
}

.card-details .card-body {
    padding: 0;
    display: inline-block;
    margin: 0 0 3.2rem 0;
}

.card-details .item-heading {
    color: #7C6992;
    font-size: 2.4rem;
    font-weight: bold;
}

.grid-group-item .card-details .item-heading {
    height: 65px;
}

.grid-group-item .item-description ol {
    padding: 0 0 0 25px;
}

.card-details .item-description {
    font-size: 2rem;
    color: var(--truNeutral500);
}

.grid-group-item .item-description {
    min-height: 63px;
    height: 125px;
    overflow: hidden;
}

.grid-view-container p {
    margin: 0 0 1rem 0;
}

.grid-view-container .card-footer {
    background: none;
    border: 0;
    margin: 3.2rem 0 0 0;
}

.cardview-component.card {
    border: 0;
}

.more-item,
.less-item {
    border-radius: 4px;
    border: 2px solid #2E1A47;
    font-size: 1.6rem;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
}

.btn.more-item {
    padding: 0.8rem 1rem 0.9rem 1rem;
    font-size: 2rem;
}

.topbtn .btn.more-item {
    padding: 0.3rem 1rem;
}

.topbtn .btn.more-item:hover,
.topbtn .btn.more-item:focus {
    color: #fff;
}

.more-item:hover,
.more-item:focus,
.less-item:hover,
.less-item:focus {
    background: #2E1A47;
    color: #fff;
}

.more-item .bio-up-arrow,
.more-item .bio-down-arrow {
   /* background: transparent url('../../../content/dam/truist/icon/bio-down-icon.png') no-repeat 96% 50%; */
    width: 16.3rem;
    padding: 0 0 0 5px;
    text-align: left;
}

.more-item .bio-down-arrow {
    /*background: transparent url('../../../content/dam/truist/icon/bio-up-icon.png') no-repeat 96% 50%;*/
}

/* drop down*/

.up-arrow-icon {
    position: relative;
    border: 1px solid #2E1A47;
    border-left: 0;
    border-right: 0;
    border-radius: 2px;
    padding: 7.5rem 0;
    margin: 2.6rem 0 5rem;
    background: #F7F7F7;
    width: 100%;
    display: none;
    z-index: -1;
    color: var(--truNeutral500);
}

.grid-group-item .up-arrow-icon.expanded {
    display: inline-block;
    font-size: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    line-height: 1.5;
    z-index: 1;
}

.grid-up-down-arrow {
    display: none;
    position: absolute;
    border: 1px solid #808080;
    border-left: 0;
    border-right: 0;
    left: 22%;
    z-index: 2;
}

.grid-up-down-arrow:after,
.grid-up-down-arrow:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.grid-up-down-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #F7F7F7;
    border-width: 30px;
    margin-left: -30px;
}

.grid-up-down-arrow:before {
    border-color: rgba(46, 26, 71, 0);
    border-bottom-color: #2E1A47;
    border-width: 31px;
    margin-left: -31px;
}

.grid-group-item .grid-up-down-arrow.grid-arrow-show {
    display: inline-table;
    margin: 9.8rem 0 0;
}

/* Hack for IE11 and Edge*/

_:-ms-lang(x),
.grid-group-item .grid-up-down-arrow.grid-arrow-show {
    margin: 9.9rem 0 0;
}

/* Hack for firefox */

@supports (-moz-appearance:none) {
    .grid-group-item .grid-up-down-arrow.grid-arrow-show {
        margin: 9.9rem 0 0;
    }
}

.grid-group-item .up-arrow-icon.expanded p,
.grid-group-item .up-arrow.expanded p {
    margin: 0 0 1rem 0
}

/* drop down*/

.dy-card-media-type,
.dy-card-category,
.dy-card-publication,
.dy-card-author,
.dy-card-publication-date,
.dy-card-duration,
.dy-card-title {
    display: none;
}

/*grid container -end*/

/*list item container -start*/

.list-grid-container .list-group-item {
    position: static;
    padding: 2rem;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.list-group-item .item-view-list {
    padding: 3rem 0 3rem 2rem;
}

.list-group-item .thumbnail {
    padding: 0 5rem 0 0;
    margin: 0 0 1.5rem 0;
}

.list-group-item .item-heading {
    color: #2E1a47;
    font-size: 2.6rem;
    line-height: 1;
}

.list-group-item .item-description {
    font-size: 2.1rem;
    color: #7c6992;
    line-height: 1.5;
    padding: .5rem 0;
}

.list-group-item .item-view-list.card {
    flex-direction: row;
    align-items: flex-start;
}

.list-group-item .grid-view-container {
    display: inline-block;
}

.list-group-item .card-body {
    margin: 6rem 0 0 0;
}

.list-group-item .card-footer {
    padding: 0;
}

/* drop down*/

.list-group-item .up-arrow.expanded {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.5;
}

.up-arrow {
    position: relative;
    border-top: 1px solid #2E1A47;
    border-bottom: 1px solid #2E1A47;
    border-left: 0;
    border-right: 0;
    text-decoration: none;
    border-radius: 2px;
    padding: 7.5rem 2rem;
    margin: 3rem 0;
    background: #F7F7F7;
    width: 100%;
    display: none;
    color: var(--truNeutral500);
}

.up-arrow:after,
.up-arrow:before {
    bottom: 100%;
    left: 11%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.up-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #F7F7F7;
    border-width: 30px;
    margin-left: -30px;
}

.up-arrow:before {
    border-color: rgba(46, 26, 71, 0);
    border-bottom-color: #2E1A47;
    border-width: 31px;
    margin-left: -31px;
}

/* drop down*/
/*list item container -end*/
/* generat  starte*/

.card-details .active-arrow {
    display: inline-block;
    position: relative;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-left: 0;
    border-right: 0;
    text-decoration: none;
    border-radius: 2px;
}

.js-cardview-row {
    width: 100%;
}

.screen-reader {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.back-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 1;
}

/* generat  end*/

/* Grid-icon & List-icon*/

a.grid .icon-white,
a.list .icon-white,
a.grid:hover .icon-purple,
a.grid:active .icon-purple,
a.list:hover .icon-purple,
a.list:active .icon-purple {
    display: none;
}

a.grid:hover .icon-white,
a.grid:focus .icon-white,
a.grid.active .icon-white,
a.list:hover .icon-white,
a.list:focus .icon-white,
a.list.active .icon-white {
    display: block;
}

/* List-icon*/
/* pAGINATION */

ul.custom-card-pagination {
    display: flex;
    align-content: center;
    justify-content: center;
}

.custom-card-pagination li span.current {
    background: none;
    color: var(--truNeutral500);
    border: 0;
    box-shadow: none;
    font-weight: bold;
    text-decoration: underline;
    padding: 0;
}

.custom-card-pagination li a,
.custom-card-pagination li span {
    background: none;
    color: #000;
    border: 0;
    box-shadow: none;
}

.custom-card-pagination a,
.custom-card-pagination span {
    font-size: 2rem;
    text-decoration: none;
}

.custom-card-pagination a:hover,
.custom-card-pagination span:hover {
    background: none;
    color: var(--truNeutral500);
    border: 0;
    text-decoration: underline;
}

.custom-card-pagination .next:before {
    content: url(../components/content/cardslist/clientlibraries/clientlibs-card-rendering/resources/images/arrow-right-active.svg);
    background: none;
    position: relative;
}

.custom-card-pagination .prev:after {
    content: url(../components/content/cardslist/clientlibraries/clientlibs-card-rendering/resources/images/arrow-left-active.svg);
    background: none;
    position: relative;
}

.custom-card-pagination .prev:before {
    background: none;
}

.custom-card-pagination li.disabled span.prev:after {
    content: url(../components/content/cardslist/clientlibraries/clientlibs-card-rendering/resources/images/arrow-left-inactive.svg);
    background: none;
    position: relative;
    padding: 0;
}

.custom-card-pagination li.disabled span.next:before {
    content: url(../components/content/cardslist/clientlibraries/clientlibs-card-rendering/resources/images/arrow-right-inactive.svg);
    background: none;
    position: relative;
    padding: 0;
}

.cmp-cards-list .light-theme a,
.cmp-cards-list .light-theme span {
    padding: 0;
}

.cmp-cards-list .simple-pagination li {
    padding: 0 5px;
    left: auto;
}

@media screen and (min-width: 320px) and (max-width: 740px) {

    /* List view */
    .btn-group-container {
        display: none;
    }

    .toggle-list-grid {
        display: none;
    }

    .list-group-item .item-view-list {
        padding: 2rem 0 6rem 0;
        margin: 0 0 3rem 0;
    }

    .list-group-item .card-body {
        margin: 2rem 0 0 0;
    }

    .list-group-item .thumbnail {
        padding: 0 3rem 0 0;
    }

    /*footer button fix*/
    .list-group-item .card-footer {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
    }

    .list-group-item .card-footer .btn.more-item,
    .list-group-item .card-footer .more-item .bio-up-arrow,
    .list-group-item .card-footer .more-item .bio-down-arrow {
        width: 100%;
    }

    .list-group-item .up-arrow:after,
    .list-group-item .up-arrow:before {
        left: 43%;
    }

    /* Grid View */
    .grid-group-item {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .grid-view-container {
        display: block
    }

    .container-filter {
        margin: 10rem 0 2rem 0.9rem;
    }

    .page-marker {
        margin: 0rem;
    }

    /*********************************/
/*PAGINATION AND LOAD MORE*/
/*load more*/
.page-marker a.pg-show-more,
.page-marker a.pg-show-less,
.page-marker .pg-show-more:hover,
.page-marker .pg-show-more:focus,
.page-marker .pg-show-less:hover,
.page-marker .pg-show-less:focus {
    top: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    background: none;
    color: var(--truClrPplBs);
    text-decoration: none;
    padding: 1.5rem;
    }

    .page-marker a.pg-show-more:after,
    .page-marker a.pg-show-less:after {
        font-family: "truist-icons";
        font-style: normal;
        font-weight: normal;
        font-size: 1.6rem;
        speak: never;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: 1rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .page-marker a.pg-show-more:after {
        content: "\e80c";
    }

    .page-marker a.pg-show-less:after {
        content: "\e810";
    }

    .load-more-button,
    .show-less-container {
        margin: 0;
    }

    /* .page-marker .pg-show-more.hide {
        display: none !important;
} */



}

@media only screen and (min-width: 314px) and (max-width: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    /* List view */
    .btn-group-container {
        display: none;
    }

    .list-group-item .list-group-image {
        width: 13.3rem;
        height: 13.3rem;
    }

    .list-group-item .item-heading {
        font-size: 2rem;
    }

    .list-group-item .item-description {
        font-size: 1.4rem;
    }

    .grid-group-item {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .toggle-list-grid {
        display: none;
    }
}

/*Landscape */

@media screen and (max-width: 812px) and (orientation: landscape) {

    /* List view */
    .btn-group-container {
        display: none;
    }

    .list-group-item .item-heading {
        font-size: 2rem;
    }

    .list-group-item .item-description {
        font-size: 1.4rem;
    }

    /* Grid view */
}

/*iPad in landscape*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .grid-group-item .grid-up-down-arrow.grid-arrow-show {
        margin: 10.8rem 0 0;
    }

    .grid-group-item .item-view-list {
        margin: 3rem 0 5rem 1rem;
        width: 44%;
    }

    .grid-group-item .card-details {
        margin: 3.4rem 0 0;
        width: 90%;
    }
}

/*iPad in portrati*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .grid-group-item .grid-up-down-arrow.grid-arrow-show {
        margin: 10.8rem 0 0;
    }

    .grid-group-item .list-group-image,
    .list-group-item .list-group-image {
        width: 19.3rem;
        height: 19.3rem;
        display: block;
    }

    .grid-group-item .item-view-list {
        margin: 3rem auto 5rem auto;
        width: 30%;
    }

    .grid-group-item .card-details {
        margin: 3.4rem 0 0;
        width: 90%;
    }
}

@media screen and (min-width: 220px) and (max-width: 1023px) {
    .btn-group-container {
        display: none;
    }

    .grid-group-item .list-group-image,
    .list-group-item .list-group-image {
        width: 136px;
        height: auto;
    }
}

/* Toggle view */

.news-item-toggle {
    display: flex;
    margin-top: .5rem;
}

.toggle-list-grid {
    margin-left: auto;
}

.toggle-list-grid a {
    border: 1px solid #2E1a47;
    border-radius: 0;
    margin-right: 0;
}

.toggle-list-grid a.active,
.toggle-list-grid a:focus,
.toggle-list-grid a:hover {
    color: #fff;
    background: #2E1a47;
}

/* Toggle view */

.content-container {
    width: 100%;
    margin: 2rem 0 0 0;
}

/* Tab View */

ul.tab-button {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 0;
}

nav ul.tab-button li {
    float: left;
    border: 1px solid #2E1A47;
    cursor: pointer;
    padding: .5rem 1rem;
    cursor: pointer;
}

nav ul.tab-button li:first-child {
    border-right: 0;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

nav ul.tab-button li:last-child {
    border-left: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

nav ul.tab-button li.active:hover,
nav ul.tab-button li.active {
    text-decoration: none;
    background: #2E1A47;
    color: #fff;
}

nav ul.tab-button li:hover {
    background: #2E1A47;
}

nav ul.tab-button li:hover a {
    color: #fff;
}

nav ul.tab-button li.active a {
    color: #fff;
}

nav ul.tab-button li:focus {
    border: 10px solid green;
}

nav ul.tab-button li a:hover {
    text-decoration: none;
    color: #fff;
}

nav ul.tab-button li a {
    cursor: pointer;
    outline: 0;
    color: #2E1A47;
}

.smallHide {
    display: none;
}

.navContent .theContent {
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.navContent h1 {
    color: #535353;
    font-size: 1.2em;
    margin-top: 1.8em;
}

.navContent.in {
    display: block;
}

/* Tab View */

/* Contact text */

.contact-container {
    display: none;
}

.contact-text {
    color: var(--truNeutral500);
    font-size: 1.5rem;
    margin-top: 2rem;
}

.contact-text a {
    color: #2e1a47;
    text-decoration: underline;
}

.contact-text a:hover {
    color: #2e1a47;
    text-decoration: none;
}

.contact-text p {
    padding: .5rem 0;
}

/* contact text */

/*  Grid Layout Container */

.ame-grid-layout {
    width: 100%;
    display: flex;
    margin: 2rem 0 0;
}

.list-group-item .newsgridcont {
    display: none;
}

.newsgridcont {
    background-color: #2e1a47;
    width: calc(89% * 0.33333);
    margin: 5rem 3.5rem 5rem 1.5rem;
    padding: 4.2rem;
}

.newsgridcont:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.newsgridcont .grid-teaser-text,
.newsgridcont .grid-teaser-text p,
.newsgridcont .grid-teaser-text span {
    color: #B0E0E2;
    text-decoration: none;
    font-size: 2.4rem;
    font-weight: 500;
}

.newsgridcont .grid-description-text,
.newsgridcont .grid-description-text p,
.newsgridcont .grid-description-text span {
    font-size: 2.0rem;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}

.ame-grid-layout .newsgridcont:last-child {
    margin-right: 0;
}

.newshd,
.newsdate {
    font-size: 1.6rem;
}

.grid-group-item .newsgridcont .card-footer {
    display: flex;
}

.grid-group-item .grid-description-text .newshd {
    margin-right: auto;
}

/* Tab Grid View */

/* List view */

.grid-group-item [role="listitem"] {
    display: none;
}

.news-column {
    float: left;
    display: inline;
}

.grid-view-container .list-data-item {
    margin: 2rem 1rem;
    float: left;
    width: 100%;
}

.content-container .list-group-item {
    border: 0;
    padding-left: 0;
}

.description-text {
    color: #2E1A47;
    font-size: 3.8rem;
    text-decoration: underline;
    letter-spacing: 0;
    display: block;
    margin-bottom: .6rem;
}

a.description-text:hover {
    color: #2E1A47;
    text-decoration: underline;
}

.date-format {
    color: var(--truNeutral500);
    font-size: 2rem;
    text-decoration: none;
}

/* List view */

@media (max-width: 768px) {
    .hide-mobile-view {
        display: none;
    }
    .contact-container {
        display: block;
    }
    .theContent {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        display: none;
    }
    .tab-content .smallHide {
        background: none;
        border: 1px solid #2E1A47;
    }
    .smallHide {
        display: block;
    }
    .smallHide a {
        display: block;
        margin: 0 1px 0 0;
        padding: 20px;
        text-decoration: none;
        color: #535353;
        font-size: 1.1em;
        font-weight: bold;
    }
    /* Grid Layout */
    .ame-grid-layout {
        display: block;
    }
    .newsgridcont {
        width: 98%;
        margin-bottom: 2rem;
    }
}

  /* @group Base */

.chosen-search {
  display: none;
}

.filter-group {
  position: relative;
  min-height: 1px;
  margin-right: 5rem;
  margin-bottom: 2rem;
  padding-left: 0;
  width: 35rem;
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 35.0rem;
  height: 6.0rem
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  background: #fff;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 60px;
  border: 1px solid #aaa;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  border-radius: 4px;
  width: 34rem;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2.4rem;
  font-size: 2rem;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../components/content/cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 0.1rem;
}

.chosen-container-single .chosen-single abbr:hover .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 25px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../../content/dam/global-images/icon/down-icon.png') no-repeat 0 20px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url('../components/content/cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1rem;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../components/content/cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 0.1rem;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient( #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */

/* @group Active  */

.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: 0px 20px;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 18px;
  color: #2E1A47;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url('../components/content/cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
    background: url('../../../content/dam/global-images/icon/down-icon.png') no-repeat 0 20px;
  }
}

/*iPad in portrati*/  
@media only screen and (min-width : 768px) and (max-width : 1024px) 
and (orientation : portrait) { 
  .chosen-container-single .chosen-single{
    width: 21rem;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .filter-group{
    width: 30rem;
  }
  .chosen-container-single .chosen-single{
    width: 98%;
  }
}
/* @end */
/* custom css */
.filter-group label {
    font-size: 2rem;
    color: #5d5e5f;
    position: absolute;
    top: 45%;
    left: 25px;
    transform: translateY(-50%);
    transition: all 0.2s ease 0s;
}

.filter-group label.selected {
    top: 2px;
    font-size: 1.4rem;
    transform: translateY(0);
    color: var(--truClrPplBs);
    left: 10px;
}

/* Hack for IE11 */
*::-ms-backdrop,
.filter-dropdown-button,
.filter-dropdown-button-reset {
    margin: 23px 0 0;
}

.filter-dropdown-button a {
    background: transparent;
    text-align: center;
    border: 2px solid var(--truClrPplBs);
    color: var(--truClrPplBs);
    padding: 1.1rem 0;
    width: 12.3rem;
    border-radius: 5px;
    text-decoration: none;
    margin: 0 5px 0 0;
    font-size: 2rem;
    display: inline-block;
}

.filter-dropdown-button a:hover {
    background: var(--truClrPplBs);
    color: #fff;
}

.filter-dropdown-button a:focus {
    outline-style: solid;
    outline-width: 1px;
    outline-color: var(--truClrPplBs);
    outline-offset: -5px;
}

.filter-dropdown-button-reset a {
    color: var(--truClrPplBs);
    padding: 0;
    margin: 13px 0;
    display: inline-block;
}

.toggle-list-grid .btn:focus {
    outline: 2px solid var(--truClrPplBs);
    outline-offset: 3px;
}

.topbtn .btn:focus {
    outline: 2px solid var(--truClrPplBs);
    outline-offset: 3px;
}

/*pagination*/
.simple-pagination {
    padding: 0;
}

.custom-card-pagination .page-link:focus,
.custom-card-pagination .disabled .prev:focus,
.custom-card-pagination .disabled .next:focus {
    border: 2px solid var(--truClrPplBs);
}

.custom-card-pagination .prev:after,
.custom-card-pagination li.disabled span.prev:after,
.custom-card-pagination .next:before,
.custom-card-pagination li.disabled span.next:before {
    content: "\e80e";
    font-family: "truist-icons";
    font-style: 400;
    font-weight: 400;
    font-size: .8em;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-card-pagination .prev:after,
.custom-card-pagination .next:before {text-decoration: none;}

.custom-card-pagination .prev:after {
    transform: rotate(180deg);
}

.custom-card-pagination .next:before {
    top: -2px;
}


.custom-card-pagination li.disabled span.prev:after,
.custom-card-pagination li.disabled span.next:before {
    color: var(--truClrGryLtr);
    text-decoration: none;
}

.custom-card-pagination .prev:hover:after,
.custom-card-pagination .next:hover:before {
    font-weight: 700;
}

.custom-card-pagination li a,
.custom-card-pagination li span,
.custom-card-pagination li span.current {
    color: var(--truClrPplBs);
    font-size: 1.8rem;
    line-height: 1em;
    font-weight: 300;
    margin: 0;
    border-radius: 0;
    display: inline-block;
    padding: 1rem !important;
}

.custom-card-pagination li span.current {
    font-weight: 400;
}

@media (max-width: 767px) {
    .filter-group,
    .filter-dropdown-button,
    .filter-dropdown-button-reset {
        width: 100%;
    }

    .filter-group {
        padding-bottom: 20px;
    }

    .filter-dropdown-button a,
    .filter-dropdown-button-reset a {
        width: 100%;
    }

    .filter-dropdown-button-reset a {
        text-align: center;
    }

    .filter-group label {
        top: 33%;
    }

    .filter-dropdown-button {
        margin: 0 0.5rem 0 0;
    }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
    .filter-group,
    .filter-dropdown-button,
    .filter-dropdown-button-reset {
        margin: 0 0 2rem 0;
    }
}

/*iPad in landscape*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .filter-dropdown-button {
        margin: 0 1rem 0 0;
        height: 6rem;
    }
}

/*iPad in portrati*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    /* STYLES GO HERE */
    .filter-group {
        width: 18rem;
    }

    .filter-dropdown-button {
        margin: 0 1rem 0 0;
    }
}

.truist-color-theme {
  --mdc-theme-primary: #2e1a47;
  --mdc-theme--on-primary: #2e1a47;
}
.cards-filters-container{
  margin: 5rem 5rem 3rem 2rem;
}
.dynamic-cards-container {
  background-color: #F7F7F7;
}
.dynamic-cards .mdc-floating-label {
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: var(--truNeutral500);
  will-change: auto;
}
.dynamic-cards .mdc-select--outlined .mdc-floating-label {
  line-height: 2.7rem;
}
.dynamic-cards .mdc-floating-label.mdc-floating-label--float-above {
  color: #2e1a47;
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-weight: 600;
}
.dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--truNeutral500);
}
.dynamic-cards .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(100% / 0.65);
}
.dynamic-cards .mdc-notched-outline--notched .mdc-notched-outline__notch {
  border-top: 1px solid;
}
.dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-31.75px) scale(0.75);
  transform: translateY(-31.75px) scale(0.75);
}
.dynamic-cards .mdc-form-field label {
  font-size: 1.5rem;
  line-height: 2.7rem;
  color: var(--truNeutral500);
  margin-top: 4px;
  margin-bottom: 4px;
}
.dynamic-cards .mdc-select {
  height: 60px;
  width: 350px;
}
.dynamic-cards .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: #fff;
  color: var(--truNeutral500);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 60px;
}
.dynamic-cards .mdc-select__anchor .mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused {
  background-color: #fff;
}
.dynamic-cards .mdc-select__anchor.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before {
  background-color: #fff;
}
.dynamic-cards .mdc-select--focused .mdc-select__anchor {
  outline-width: 2px;
  outline-color: #2e1a47;
  background-color: #fff;
  outline-offset: 3px;
  outline-style: solid;
}
.dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 1px;
}
.dynamic-cards .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: var(--truNeutral500);
  align-self: center;
}
.dynamic-cards .mdc-select .mdc-list {
  width: 300px;
  font-size: 1.7rem;
  line-height: 1.9rem;
  background-color: #fff;
  color: var(--truNeutral500);
}
.dynamic-cards .mdc-select .mdc-list .mdc-list-item--selected {
  color: #fff;
  background-color: #7C6992;
}
.dynamic-cards .mdc-select .mdc-list .mdc-list-item:hover,
.dynamic-cards .mdc-select .mdc-list .mdc-list-item:focus {
  background-color: #7C6992;
  color: #fff;
}
.dynamic-cards .cards-filters-column {
  margin: 5rem 5rem 2rem 0;
}
@media (min-width: 1200px) {
  .dynamic-cards .mdc-select .mdc-list {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dynamic-cards .mdc-select {
    width: 300px;
  }
  .dynamic-cards .mdc-select .mdc-list {
    width: 300px;
  }
  .dynamic-cards .cards-filters-column {
    margin: 2rem 1rem 1rem 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dynamic-cards .cards-filters-container {
    padding: 2rem 0 0;
  }
  .dynamic-cards .mdc-select {
    height: 60px;
    width: 200px;
  }
  .dynamic-cards .cards-filters-column {
    margin: 2rem 1rem 1rem 0;
  }
  .cards-filters-container {
    margin: 5rem 2rem 3rem 1rem;
  }
}
@media (max-width: 767px) {
  .dynamic-cards .mdc-select {
    width: 100%;
  }
  .dynamic-cards .mdc-select .mdc-list {
    width: 100%;
  }
  .dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-28.75px) scale(0.75);
    transform: translateY(-28.75px) scale(0.75);
  }
  .dynamic-cards .cards-filters-container,
  .dynamic-cards .cards-filters-column {
    margin: 2rem 0 0 0;
  }
}

/* Moved CTA styles from DAM to clientlibs */
/*button and link*/
.cta .global-cta-btn a,
.cta .global-cta--link a,
.cta .btn {padding: 1.5rem 2rem; margin-bottom: 2rem; width: auto; font-size: 1.8rem; line-height: 2.4rem; border-radius: .4rem; text-decoration: none; transition: all .15s ease-in;}
.cta .global-cta--link a {padding: 1.5rem 0; display: inline-block; cursor: pointer;}
.cta .global-cta--link {cursor: auto;}
/*external link icon*/
.cta .global-cta-external-link {top: -.2rem; background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png); height: 1.6rem; width: 1.6rem; margin-left: .5rem;}
.cta a:hover .global-cta-external-link,
.cta a:focus .global-cta-external-link {background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-purple.png);}
/*download link icon*/
.cta .global-cta--link [data-wa-linktype="download" i] {text-decoration: underline;}
.cta .global-cta--link [data-wa-linktype="download" i]::after,
.cta .global-cta--link:focus > [data-wa-linktype="download" i]::after {background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-download.svg); background-size: contain; height: 2.4rem; width: 2.4rem; margin-left: .5rem; position: relative; top: .5rem; display: inline-block;}
/*left and right arrow icons*/
.cta .global-cta--link:hover > a::after,
.cta .global-cta--link:focus > a::after,
.cta .global-cta--link a::after {display: none;}
.cta .global-cta--link .global-cta-rightarrow,
.cta .global-cta--link .global-cta-leftarrow {background: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNfYXJyb3ctcmlnaHQtMTZweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE1LjkyMywyNzk4LjM4MmExLDEsMCwwLDAtLjIxNy0xLjA5bC01LTVhMSwxLDAsMSwwLTEuNDE0LDEuNDE0TDEyLjU4NiwyNzk3SDFhMSwxLDAsMCwwLDAsMkgxMi41ODZsLTMuMjkzLDMuMjkzYTEsMSwwLDEsMCwxLjQxNCwxLjQxNGw1LTVBMSwxLDAsMCwwLDE1LjkyMywyNzk4LjM4MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3OTApIiBmaWxsPSJyZ2IoNDYsIDI2LCA3MSkiPjwvcGF0aD48L3N2Zz4=") 0 0 no-repeat;
    background-size: contain; width: auto; height: auto;}
.cta .global-cta--link .global-cta-rightarrow {padding: 1.5rem 1.5rem 0 1.5rem; margin-left: .5rem;}
.cta .global-cta--link .global-cta-leftarrow {float: left; transform: rotate(180deg); margin-right: 1rem; padding: 1rem;}
/*responsive*/
/* @media (max-width: 768px){
    .cta .global-cta-btn a,
    .cta .btn {display: block; text-align: center;}
} */

.cta .global-cta-btn a, .cta .btn {
    padding: 12px 24px;
    margin-bottom: 2rem;
    width: auto;
    font-size: 1.6rem;
    line-height: 2.4rem;
    border-radius: 10px;
    text-decoration: none;
    transition: all .15s ease-in;
    font-weight: 700;
}

.cta .global-cta--link a {
    padding: 0;
    margin-bottom: 2rem;
    width: auto;
    font-size: 1.6rem;
    line-height: 2.4rem;
    border-radius: 10px;
    text-decoration: none;
    transition: all .15s ease-in;
    font-weight: 700;
}
/* End Next Gen CTA Buttons */

/*CARD LIST, TRUIST CARD LIST Moved from component.css*/
[data-page-type="newspage" i][data-view-model="GridView" i] {border-bottom: none; }
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text {margin-bottom: 4rem;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p:first-child,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p.eyebrow {color: #B0E0E2; font-size: 1.8rem; line-height: 1.25em; margin-bottom: 2rem;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {color: #fff; font-size: 2rem; line-height: 1.25em; font-weight: 600; margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p {color: #fff; font-size: 1.4rem; line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {display: flex; color: #B0E0E2; font-size: 1.6rem; line-height: 1.5em; font-weight: 400;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-media-type {flex: 1; display: block;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-duration {display: block; padding-left: 2rem;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-duration::after {}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-publication-date {display: block;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-category,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-publication,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-author,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-title,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .card-footer {display: none;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont { padding: 3rem; }
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .card-body {padding: 0;}
[data-page-type="newspage" i][data-view-model="GridView" i] .grid-group-item {padding: 0; text-align: left;}
[data-page-type="newspage" i][data-view-model="GridView" i] .container {padding: 0;}
/*truist card view, filter*/
.cmp-truist-cards-list-v1 .cards-filters-container {margin: 4rem 0;}
.cmp-truist-cards-list-v1 .filter-pills {width: 100%;}
.cmp-truist-cards-list-v1 .filter-pills__pill-container {padding: 0; align-items: center;}
.cmp-truist-cards-list-v1 .filter-pills__media-type {margin: 0 3rem 0 0; font-size: inherit;}
.cmp-truist-cards-list-v1 .mb__pills {position: relative; margin: 1rem 0;}
.cmp-truist-cards-list-v1 .filter-pills__pill-container input[type=checkbox] {width: 100%; height: 100%; position: absolute;}
.cmp-truist-cards-list-v1 .filter-pills__resources {}
.cmp-truist-cards-list-v1 .filter-pills__resources p {margin-bottom: 0;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
    bottom: 2.5rem;
}

@media only screen and (max-width: 795.5px){
    .cmp-truist-cards-list-v1 .filter-pills__media-type {margin: 3rem 3rem 3rem 0;}
    .cmp-truist-cards-list-v1 .pill--container {margin: 0 3rem 3rem 0;}
    .cmp-truist-cards-list-v1 .filter-pills__resources {margin-top: 4rem; margin-bottom: 0;}
}

@media (min-width: 769px){
  [data-page-type="newspage" i][data-view-model="GridView" i] .grid-view-container {display:flex; gap: 2rem; margin: 0;}
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p {font-size: 1.8rem; line-height: 1.5em;}
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p.eyebrow,
  /* [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p:first-child {font-size: 2rem;} */
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {font-size: 2rem; line-height: 1.25em;}
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {font-size: 1.6rem;}
  /*columns*/
  /* [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="1"] .grid-view-container {grid-template-columns: 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="2"] .grid-view-container {grid-template-columns: 1fr 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="3"] .grid-view-container {grid-template-columns: 1fr 1fr 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="4"] .grid-view-container {grid-template-columns: 1fr 1fr 1fr 1fr;} */
}

@media (min-width: 769px) and (max-width: 1440px) {
    [data-page-type="newspage" i][data-view-model="GridView" i] .grid-view-container {grid-gap: 2rem;}
    [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {margin-bottom: 2rem;}
    [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {padding: 2rem;}
}
/*Quiz Component Styles */
.hidden,
.hidden-json-path {
    display: none !important;
}

.quiz-container {
    position: relative;
    background-repeat: repeat-y;
    background-size: cover;
}

.onupQuiz-intro {
    background: #2E1A47;
    background-color: transparent;
    padding: 80px 150px;
}

.quizIntro_heading {
    text-align: left;
    font-family: 'Graphik Light', arial;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: normal;
    color: #ffffff;
    margin: 0 0 25px;
}

.quizIntro_subHeading {
    text-align: left;
    font-family: 'Graphik Light', arial;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 0;
    margin: 0 0 25px;
    position: relative;
}

.quiz-container:focus {
    outline: 0;
    border: 0;
}

.question-container {
    /* min-height:305px; */
    padding-bottom: 30px;
    -webkit-transition: height 2ms;
    -moz-transition: height 2ms;
    transition: height 2ms;
}

.questionSec {
    background: #2E1A47;
    background-color: transparent;
    padding: 150px 155px 0 150px;
    overflow-x: hidden;
}

.quiz-heading {
    text-align: left;
    font-family: 'Graphik Light', arial;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
    color: #B0E0E2;
    padding: 0;
    margin: 0 0 25px;
    position: relative;
}

.question-text {
    text-align: left;
    font-family: 'Graphik Light', arial;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
}

.controlsSec {
    min-height: 60px;
}

.answers,
.controlsSec {
    margin: 60px 150px;
}

.quizOption input[type="radio"] {
    margin-right: 20px;
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 4rem;
    height: 4rem;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #ffffff;
    background-color: #2E1A47;
    border-radius: 50%;
    vertical-align: middle;
}

/* .option {
    display: flex;
    align-items: center;
} */

.quizOption input[type="radio"]:checked {
    background-color: #ffffff;
    padding: 7px;
}

.optionLabel {
    font-size: 1.8rem;
    line-height: normal;
    font-weight: bold;
    color: #ffffff;
    pointer-events: none; /*Prevent the lable click*/
	display: inline-block;
	width: 85%;
	vertical-align: middle;
	margin-bottom:0;
}

.quizOption:not(:last-child) {
    margin-bottom: 30px;
}

.quiz_btn {
    display: inline-block;
    min-width: 148px;
    height: 60px;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.5;
    border-radius: 5px;
    cursor: pointer;
}

.quiz_btn.continue,
.quiz_btn.getResults {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #2E1A47;
    float: right;
}

.quiz_btn.continue:hover,
.quiz_btn.continue:focus,
.quiz_btn.getResults:hover,
.quiz_btn.getResults:focus {
    color: #ffffff;
    background-color: transparent;
    border: solid 2px #ffffff;
}

.quiz_btn.goBack {
    color: #ffffff;
    background-color: transparent;
    border: solid 2px #ffffff;

    float: left;
}

.quiz_btn.goBack:hover,
.quiz_btn.goBack:focus {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #2E1A47;
}

.quiz_btn[disabled]:hover,
.quiz_btn.disabled:hover {
    cursor: not-allowed;
    background-color: #f2f2f2 !important;
    color: rgba(148, 152, 155, 0.5) !important;
    border: solid 2px transparent !important;
    box-shadow: none !important;
}

.quiz_btn.disabled,
.quiz_btn:disabled {
    cursor: not-allowed;
    background-color: #f2f2f2 !important;
    color: rgba(148, 152, 155, 0.5) !important;
    border: solid 2px transparent !important;
    box-shadow: none !important;
}

.qst-progress-sec {
    width: 635px;
    position: relative;
    float: left;
    margin-left: 60px;
}

.paginationTxt {
    font-size: 1.8rem;
    color: #ffffff;
    margin: 5px 0 15px;
}

.paginationTxtMobile {
    display: none;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

progress.progressBar,
progress[role][aria-valuenow] {
    border: none;
    height: 2px;
    width: 635px;
    margin: 0 auto;
    background-color: #666666;
    vertical-align: top;
}

progress::-moz-progress-bar {
    display: block;
    float: left;
    height: 3px;
    border-radius: 2px;
    margin: -2px -10px 0 0;
    background: #ffffff;
}

progress::-webkit-progress-value {
    display: block;
    float: left;
    height: 3px;
    border-radius: 2px;
    margin: -2px -10px 0 0;
    background: #ffffff;
}

progress::-webkit-progress-bar {
    height: 1px;
    width: 635px;
    padding-top: 1px;
    margin: 0 auto;
    background-color: #a0a0a0;
}

.progressBar::-ms-fill {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: none;

    display: flex;
    float: left;
    height: 3px !important;
    border-radius: 2px;
    margin: -2px -10px 0 0;
    background: #ffffff;
}

/* Results section CSS starts here*/

.resultSec-container {
    background: #2E1A47;
    background-color: transparent;
    padding: 150px;
    color: #ffffff;
}

.quiz-persona-response {
    font-size: 4.8rem;
    line-height: normal;
    font-weight: 300;
    margin: 10px 0 15px;
}

.quiz-finConf-response {
    margin: 15px 0 70px;
}

.quiz-finConf-response>p {
    font-size: 1.8rem;
    font-weight: normal;
    padding: 0;
    margin: 0;
    color: #ffffff;
}

.quiz-baseLifeTips-response {
    margin-bottom: 60px;
}

div.baseLifeTips {
    border: 2px solid #ffffff;
    margin-top: 1em;
    width: 100%;
    /*border-radius:5px;*/
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

h3.baseLifeTipsTitle {
    display: inline;
    font-size: 2.4rem;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
    margin-left: 10px;
    background: #2E1A47;
    border-radius: 5px;
    padding: 5px 10px;
    position: relative;
    top: -0.8em;
}

.baseLifeTipsTxt {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: normal;
    padding: 0 20px;
    margin: 0 0 20px;
}

.quizAgain_btn,
.startQuiz {
    height: 60px;
    width: 188px;
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 5px;
    font-size: 2rem;
    font-weight: normal;
    color: #ffffff;
}

.quiz_btn.startQuiz {
    margin-top: 25px;
}

.quizAgain_btn:hover,
.quizAgain_btn:focus,
.quiz_btn.startQuiz:hover,
.quiz_btn.startQuiz:focus {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #2E1A47;
    outline: none;
}

/* Results section ends here */

/* Recommended Articles styles starts here */
.recommended-ArticleSec {
    text-align: left;
    font-family: 'Graphik Light', arial;
    margin-bottom: 60px;
    color: #ffffff;
}

.relArt-track-spend,
.relArt-save {
    margin-bottom: 60px;
}

.recomArticle_heading {
    font-size: 2.4rem;
    color: #ffffff;
    font-weight: 600;
    padding: 0;
    margin: 0 0 30px;
}

.articleContSec p {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    margin: 0 0 10px;
}

.articleContSec a {
    font-size: 1.8rem;
    font-weight: normal;
    color: #B0E0E2;
}

.articleContSec a:hover {
    color: #B0E0E2;
    text-decoration: none;
}

.raTrkSpend,
.raSetRemind,
.raSave {
    padding-right: 15px;
}


/** options animation starts **/
.answers div {
    animation: FadeIn 1s linear;
    animation-fill-mode: both;
}

@keyframes FadeIn {
    0% {
        opacity: 0;
        top: 0px;
    }

    85% {
        opacity: 0.8;
        top: 0px;
    }

    100% {
        opacity: 1;
        top: 60px;
    }
}

.answers div.quizOption:first-child {
    animation-delay: 0.3s;
    animation-fill-mode: both;
}

.answers div.quizOption:nth-child(2) {
    animation-delay: 0.6s;
    animation-fill-mode: both;
}

.answers div.quizOption:nth-child(3) {
    animation-delay: 0.9s;
    animation-fill-mode: both;
}

.answers div.quizOption:nth-child(4) {
    animation-delay: 1.3s;
    animation-fill-mode: both;
}

/** options animation ends **/


/* Media queries starts  */
@media (min-width: 1250px) and (max-width: 1310px) {
    .qst-progress-sec {
        width: 605px;
        position: relative;
        float: left;
        margin-left: 30px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 605px !important;
    }

    progress::-webkit-progress-bar {
        height: 1px;
        width: 605px;
        padding-top: 1px;
        margin: 0 auto;
        background-color: #a0a0a0;
    }
}
/* iPad Air 2019 media query */
@media (min-width: 834px) and (max-width: 1112px) and (orientation: portrait) {
	.qst-progress-sec {
        width: 375px;
        position: relative;
        float: left;
        margin-left: 30px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 375px !important;
    }
}

@media (min-width: 834px) and (max-width: 1112px) and (orientation: landscape) {

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 50px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .quiz-heading {
        font-size: 1.6rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 22px 5px;
        vertical-align: middle;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 50px 50px;
    }

    .qst-progress-sec {
        width: 600px;
        position: relative;
        float: left;
        margin-left: 50px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 600px !important;
    }
}

@media (min-width: 813px) and (max-width: 1023px) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        display: inline-flex;
    }

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 50px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .quiz-heading {
        font-size: 1.6rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 22px 5px;
        vertical-align: middle;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 50px 50px;
    }

    .qst-progress-sec {
        width: 400px;
        position: relative;
        float: left;
        margin-left: 25px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 400px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        display: inline-flex;
    }

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 50px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .quiz-heading {
        font-size: 1.8rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 22px 5px;
        vertical-align: middle;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 50px 50px;
    }

    .qst-progress-sec {
        width: 330px;
        position: relative;
        float: left;
        margin-left: 20px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 330px !important;
    }

    .relArt-track-spend,
    .relArt-save {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        display: inline-flex;
    }

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 60px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .quiz-heading {
        font-size: 1.8rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3.2rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 22px 5px;
        vertical-align: middle;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 60px 50px;
    }

    .qst-progress-sec {
        width: 550px;
        position: relative;
        float: left;
        margin-left: 28px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 550px !important;
    }
}

@media (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        display: inline-flex;
    }

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 60px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .quiz-heading {
        font-size: 1.6rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 22px 5px;
        vertical-align: middle;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 60px 50px;
    }

    .quiz_btn {
        display: block;
        min-width: 118px;
        font-size: 1.6rem;
        height: 56px;
    }

    .qst-progress-sec {
        width: 475px;
        position: relative;
        float: left;
        margin-left: 28px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 475px !important;
    }

    .quiz-persona-response {
        font-size: 2.8rem;
    }

    .paginationTxt {
        font-size: 1.6rem;
        margin: 5px 0;
    }

    .quiz-finConf-response>p {
        font-size: 1.6rem;
    }

    h3.baseLifeTipsTitle {
        font-size: 2rem;
    }

    .baseLifeTipsTxt {
        font-size: 1.8rem;
    }

    .relArt-track-spend,
    .relArt-save {
        margin-bottom: 40px;
    }
}

@media (min-width: 375px) and (max-width: 812px) and (orientation:landscape) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        display: inline-flex;
    }

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 50px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .quiz-heading {
        font-size: 1.6rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 15px 5px;
        vertical-align: middle;
        display: inline-block;
        width: 88%;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 50px 50px;
    }

    .qst-progress-sec {
        width: 415px;
        position: relative;
        float: left;
        margin-left: 30px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 415px !important;
    }

    .paginationTxt {
        font-size: 1.6rem;
        margin: 5px 0;
    }

    .quiz_btn {
        display: block;
        min-width: 118px;
        font-size: 1.6rem;
        height: 56px;
    }

    .quiz-finConf-response,
    .quiz-baseLifeTips-response {
        margin-bottom: 50px;
    }

    .quiz-persona-response {
        font-size: 2.8rem;
    }

    .quiz-finConf-response>p {
        font-size: 1.6rem;
    }

    h3.baseLifeTipsTitle {
        font-size: 2rem;
    }

    .baseLifeTipsTxt {
        font-size: 1.8rem;
    }

    .relArt-track-spend,
    .relArt-save {
        margin-bottom: 40px;
    }
}

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        /* Tick icon vertical center alignment */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .questionSec,
    .onupQuiz-intro,
    .answers,
    .resultSec-container {
        padding: 60px;
        margin: 0;
    }

    .questionSec {
        padding-bottom: 0;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .optionLabel {
        padding: 22px 5px;
        vertical-align: middle;
    }

    .quizOption:not(:last-child) {
        margin-bottom: 15px;
    }

    .controlsSec {
        padding: 0;
        margin: 0 60px 50px;
    }

    .qst-progress-sec {
        width: 550px;
        position: relative;
        float: left;
        margin-left: 28px;
    }

    progress.progressBar,
    progress[role][aria-valuenow],
    progress::-webkit-progress-bar {
        height: 1px;
        width: 550px !important;
    }
}

@media (max-width: 767px) {

    .answers input[type="radio"]:checked+.optionLabel:before {
        /* Tick icon vertical center alignment */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .questionSec,
    .onupQuiz-intro,
    .resultSec-container {
        padding: 50px 25px;
    }

    .responseSec .container {
        margin: 0;
    }

    .quiz-heading {
        font-size: 1.6rem;
    }

    .question-text,
    .quizIntro_heading {
        font-size: 3rem;
        font-weight: 200;
        line-height: normal;
    }

    .quizIntro_subHeading {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }

    .answers {
        margin: 0;
        padding: 0 25px;
    }

    .optionLabel {
        width: 79%;
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

    .answers input[type="radio"]:checked+label {
        border: 0;
    }

    .controlsSec {
        padding: 0;
        margin: 50px 25px;
    }

    .quizProgress {
        display: none;
    }

    .qst-progress-sec {
        position: absolute;
        width: 86%;
        margin: 0;
    }

    .paginationTxt {
        display: none;
    }

    .paginationTxtMobile {
        display: block;
        font-size: 1.6rem;
        color: #ffffff;
        text-align: center;
        margin-top: 17px;
        position: relative;
        z-index: 0;
    }

    .quiz_btn {
        display: block;
        min-width: 118px;
        font-size: 1.6rem;
        height: 56px;
        position: relative;
        z-index: 1;
    }

    .quiz-finConf-response,
    .quiz-baseLifeTips-response {
        margin-bottom: 50px;
    }

    .quiz-persona-response {
        font-size: 2.8rem;
    }

    .quiz-finConf-response>p {
        font-size: 1.6rem;
    }

    h3.baseLifeTipsTitle {
        font-size: 2rem;
    }

    .baseLifeTipsTxt {
        font-size: 1.8rem;
    }

    .quizIntro_subHeading {
        margin-bottom: 50px;
    }

    .relArt-track-spend,
    .relArt-save {
        margin-bottom: 40px;
    }
}
.global-popup .modal-dialog {
  max-width: 100%;
}

.global-popup .modal:focus .modal-dialog .modal-content {
 /* border: solid 2px black;*/
}


.global-popup .modal-content {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.global-popup .modal-header {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

.global-popup .popup-modal-close {
  border: none;
  background-color: transparent;
  position: fixed;
  z-index: 600;
  top: 10px;
}

.global-popup .modal-body {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  overflow-y: auto;
  margin-right: 20px;
}

.popup-content-wrapper {
  margin-right: 10px;
}

.global-popup .modal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #c9c9c9;
}

.global-popup .modal-body::-webkit-scrollbar {
  width: auto;
}

.global-popup .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: var(--truNeutral500);
}

.global-popup .modal-body:nth-child(2) {
  margin-top: 35px;
  padding-top: 0px;
}

.global-popup .dark-blue-theme .modal-header {
  background-color: #2e1a47;
  color: #fff;
}

.global-popup .dark-blue-theme .modal-header h1,
.global-popup .dark-blue-theme .modal-header h2,
.global-popup .dark-blue-theme .modal-header h3,
.global-popup .dark-blue-theme .modal-header h4,
.global-popup .dark-blue-theme .modal-header h5 {
  color: #fff;
}

.global-popup .dark-blue-theme .popup-modal-close svg {
  fill: #2E1A47;
}

.global-popup .white-theme .modal-header {
  background-color: #fff;
  color: #2e1a47;
}

.global-popup .white-theme .modal-header h1,
.global-popup .white-theme .modal-header h2,
.global-popup .white-theme .modal-header h3,
.global-popup .white-theme .modal-header h4,
.global-popup .white-theme .modal-header h5 {
  color: #2e1a47;
}

.global-popup .white-theme .popup-modal-close svg {
  fill: #2e1a47;
}

.global-popup .rounded-edge {
  border-radius: 20px;
}

.global-popup .rounded-edge .modal-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.global-popup .rounded-edge .modal-body {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.global-popup .square-edge .modal-header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.global-popup .modal-border-none {
  border: none;
}

.global-popup .edit-mode {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}

.modal-backdrop.show {
  opacity: 0.75;
}

.modal-backdrop {
  background-color: gray;
}

/* tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .global-popup .modal-dialog {
    max-width: 60vw;
  }

  .global-popup .modal-dialog .modal-content {
    max-height: 70vh;
  }

  .global-popup .popup-modal-close {
    left: calc(60vw - 50px);
  }
}

/* small desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .global-popup .modal-dialog {
    max-width: 50vw;
  }

  .global-popup .modal-dialog .modal-content {
    max-height: 70vh;
  }

  .global-popup .popup-modal-close {
    left: calc(50vw - 50px);
  }
}

/* int desktop */
@media (min-width: 1200px) and (max-width: 1439px) {
  .global-popup .modal-dialog {
    max-width: 40vw;
  }

  .global-popup .modal-dialog .modal-content {
    max-height: 70vh;
  }

  .global-popup .popup-modal-close {
    left: calc(40vw - 50px);
  }
}

/* large desktop */
@media (min-width: 1440px) {
  .global-popup .modal-dialog {
    max-width: 30vw;
  }

  .global-popup .modal-dialog .modal-content {
    max-height: 70vh;
  }

  .global-popup .popup-modal-close {
    left: calc(30vw - 50px);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .global-popup .modal-dialog {
    max-width: calc(100vw - 40px);
  }

  .global-popup .modal-dialog .modal-content {
    max-height: calc(100vh - 40px);
  }

  .global-popup .popup-modal-close {
    left: calc(100vw - 90px);
  }
}

/* small mobile */
@media (max-width: 575px) {
  .global-popup .modal-dialog {
    max-width: calc(100vw - 40px);
    margin: auto;
  }

  .global-popup .modal-dialog .modal-content {
    max-height: calc(100vh - 46px);
  }
}

/*cta modal fix*/

.global-popup .modal-dialog .modal-content .global-cta-btn {
  margin-top:0;
}

	.pagesharing-icon1,
	.pagesharing-icon2,
	.pagesharing-icon3,
	.pagesharing-icon4 {
		width: 24px;
		height: 24px;
		border: 0;
		cursor: pointer;
		display: block;
		margin: 10px 10px;
	}

	.pagesharing-icon1 {
		background: url('../../../content/dam/global-images/page-sharing/twitter.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.pagesharing-icon2 {
		background: url('../../../content/dam/global-images/page-sharing/facebook.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.pagesharing-icon3 {
		background: url('../../../content/dam/global-images/page-sharing/linkedin.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.pagesharing-icon4 {
		background: url('../../../content/dam/global-images/page-sharing/link.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.horizontal-desktop {
		display: inline-flex;
	}

	.text-copied {
		display: none;
		position: relative;
		top: 30px;
		background: white;
		border-radius: 10px;
		text-align: center;
		padding: 3px;
		width: 150px;
		left: -30px;
	}

	.page-sharing__alignment--center {
    text-align: center;
}

.page-sharing__alignment--center .horizontal-desktop {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page-sharing__alignment--center p {
    width: 100%;
    margin-bottom: 0;
}

	@media only screen and (min-device-width: 360px) and (max-device-width: 896px) {
		.pagesharing-icon1,
		.pagesharing-icon2,
		.pagesharing-icon3 {
			display: inline-block;
			margin: 10px;
		}

		.pagesharing-icon4 {
			margin: 10px;
			display: inline-grid;
		}

		.cmp-pagesharing {
			position: initial;
			display: inline-flex;
		}
	}
.sticky-social {
	position: fixed !important;
	top: 0;
}

.social-vertical-container {
	position: relative;
}

.vertical-desktop {
	background-color: white;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	position: absolute;
	top: 15px;
}

@media only screen and (max-width: 768px) {
	.relative .vertical-desktop {
		position: relative !important;
		background: transparent;
		top: 0;
		padding-bottom: 20px;
	}
}
/*********************************/
/*********************************/
/*******TEMPLATE ARTICLES CSS*************/
/*********************************/
/*********************************/
.tmp__article {}

.tmp__article--type--podcast {}
.tmp__article--type--general {}
.tmp__article--type--video {}
.tmp__article--type--infographic {}
.tmp__article--type--calculator {}

.tmp__article--header {margin: 6rem 4.167%;}
.tmp__article--header > .aem-Grid {}
.tmp__article--header > .aem-Grid > .gridlayoutcontainer:first-child {}
.tmp__article--header > .aem-Grid > .gridlayoutcontainer:last-child {}
.tmp__article--header--content {max-width: 88rem;}
.tmp__article--header--content p {margin-bottom: 0;}

/*social*/
.tmp__article--header--page-share {display: none;}
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon1,
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon2,
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon3,
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon4 {width: 2.5rem; height: 2.5rem; margin: 0 3rem 0 0;}
.tmp__article--header--page-share--mobile {margin-top: 2rem;}

.tmp__article--title-container > .aem-Grid {display: flex; flex-direction: column-reverse;}
.tmp__article--title-text {color: #451E6A;}
.tmp__article--title-text h1,
.tmp__article--title-text h2,
.tmp__article--title-text h3 {color: #451E6A; font-size: 4.8rem; line-height: 4.8rem; margin-bottom: 0;}
.tmp__article--title-eyebrow > .aem-Grid {display: flex; margin-top: -1.8rem; line-height: 0;}
.tmp__article--title-eyebrow > .aem-Grid div {display: inline-block;}
.tmp__article--title-eyebrow > .aem-Grid > .text {width: auto !important; color: #7C6992; white-space: nowrap; margin-bottom: 0; line-height: 1em;}
.tmp__article--title-eyebrow > .aem-Grid > .text p {margin-bottom: 1rem; margin-top: 1.8rem;}
.tmp__article--title-eyebrow > .aem-Grid > .text p strong {font-weight: 600; text-transform: uppercase;}
.tmp__article--title-eyebrow > .aem-Grid > .text:last-child p {position: relative; margin-left: 2rem; padding-left: 2rem;}
.tmp__article--title-eyebrow > .aem-Grid > .text:last-child p::before {content: "\22C5"; font-size: 3rem; line-height: 1.4rem; position: absolute; top: -.2rem; left: -.4rem;}

.tmp__article--subhead {font-size: 2.4rem; line-height: 2.8rem; font-weight: 300;}
.tmp__article--subhead p:first-child {margin-top: 3rem;}
.tmp__article--subhead p:not(.tmp__article--subhead p:first-child) {margin-top: 2rem;}

.tmp__article--author p:first-child {margin-top: 3rem;}
.tmp__article--author > .aem-Grid {display: flex; align-items: center;}
.tmp__article--author > .aem-Grid > div {width: auto !important;}
.tmp__article--author--image {}
.tmp__article--author--image img {border-radius: 100%; max-width: 6.5rem; display: none;}
.tmp__article--author--image img[*|src] {display: inline-block; margin-right: 2rem; margin-top: 3rem;}
.tmp__article--author .text {}
.tmp__article--author .text strong {font-size: 1.8rem; font-weight: 600; color: #2E1A47;}

.tmp__article--body {margin: 0;}
.tmp__article--body > .aem-Grid  {margin-right: 4.167%; margin-left: 4.167%; width: auto; max-width: 88rem;}
.tmp__article--body h2,
.tmp__article--body h3,
.tmp__article--body h4 {font-size: 2rem; line-height: 2.4rem; font-weight: 600; margin-top: 4rem;}
.tmp__article--body .text h2:first-child,
.tmp__article--body .text h3:first-child,
.tmp__article--body .text h4:first-child {margin-top: 2rem;}
.tmp__article--body .text:first-child h2:first-child,
.tmp__article--body .text:first-child h3:first-child,
.tmp__article--body .text:first-child h4:first-child {margin-top: 0;}

.tmp__article--disclaimer {margin: 0 0 6rem;}
.tmp__article--disclaimer > .aem-Grid {margin-right: 4.167%; margin-left: 4.167%; width: auto; max-width: 88rem;}
.tmp__article--disclaimer .text {font-size: 1.6rem; line-height: 2.2rem; font-style:italic; border: 1px solid var(--truNeutral500); border-radius: 2rem; padding: 3rem 3rem 1rem; margin-top: 2rem;}

.tmp__article--related-resources {}

/*GENERAL ARTICLE*/
.tmp__article--hero--container {width: calc(100% - 8.333%); max-height: 24rem; overflow: hidden; border-radius: 0; border-bottom-right-radius: 3rem;}
.tmp__article--hero--container .herobanner {min-height: 0; height: auto;}
.tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {min-height: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: none;}
.tmp__article--hero--container .herobanner .hero-content-container,
.tmp__article--hero--container .hero-content-container.orion-hero-carousel__panel__content--text.orion-hero-justify-center {display: none;}
.tmp__article--hero--container .herobanner .orion-hero-carousel-background-img {position: static; display: block;}
.tmp__article--hero--container .image img {width: auto; max-height: 10rem; display: block;}

/*VIDEO*/
.tmp__article--video--container {}
.tmp__article--video--container .tmp__article--transcript {margin-right: 4.167%; margin-left: 4.167%;}
.tmp__article--video--component .w-chrome {border-radius: 0;}

/*PODCAST*/
.tmp__article--podcast--container {margin: 0 0 6rem;}
.tmp__article--podcast--container > .aem-Grid  {margin-right: 4.167%; margin-left: 4.167%; width: auto; max-width: 88rem;}
.tmp__article--podcast--component {}

/*TRANSCRIPT*/
.tmp__article--transcript {margin-top: 3rem;}
.tmp__article--transcript--body {background: #f7f7f7; border-radius: 1rem; padding: 3rem;}

/*BLOCKQUOTE*/
.tmp__article blockquote {border-left: 8px solid #7C6992; padding: 1.5rem 1.5rem 1.5rem 3rem; font-size: 2.8rem; line-height: 3.4rem; font-weight: 300; color: #2E1A47; font-style: italic; margin-bottom: 0;}

@media (min-width: 1024px){
    .tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {max-height: 650px;} /*TAH 06-28-2022*/
}

/*RESPONSIVE*/
@media (min-width: 769px){
    .tmp__article--header {position: relative;}
    .tmp__article--header,
    .tmp__article--header > .aem-Grid {margin: 10rem 8.3333% 3rem; width: auto;}
    .tmp__article--header > .aem-Grid > .gridlayoutcontainer:first-child {position: absolute; top: 0; left: 0; max-width: 4.167%;}

    /*social*/
    .tmp__article--header--page-share .vertical-desktop {top: .5rem; left: auto;}
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {width: 1.8rem; height: 1.8rem; margin: 0 0 3rem;}
    .tmp__article--header--page-share .vertical-desktop.sticky-social {top: 15px; left: auto;}
    .tmp__article--header--page-share--mobile {display: none;}
    .tmp__article--header--page-share {display: block;}

    .tmp__article--title-text h1,
    .tmp__article--title-text h2,
    .tmp__article--title-text h3 {font-size: 6rem; line-height: 6.6rem;}
    .tmp__article--title-eyebrow > .aem-Grid > .text:last-child p::before {top: 0;}

    .tmp__article--subhead {font-size: 2.8rem; line-height: 3.2rem;}

    .tmp__article--author .text strong {font-size: 2rem;}

    .tmp__article--body,
    .tmp__article--body > .aem-Grid  {margin: 0 8.333%; width: auto;}
    .tmp__article--body h2,
    .tmp__article--body h3,
    .tmp__article--body h4 {font-size: 2.4rem; line-height: 3rem; margin-top: 6rem;}
    .tmp__article--body .text h2:first-child,
    .tmp__article--body .text h3:first-child,
    .tmp__article--body .text h4:first-child {margin-top: 4rem;}

    .tmp__article--disclaimer,
    .tmp__article--disclaimer > .aem-Grid  {margin: 0 8.333% 10rem; width: auto;}
    .tmp__article--disclaimer .text {margin-top: 4rem;}

    /*GENERAL ARTICLE*/
    .tmp__article--hero--container {max-height: 60rem; border-bottom-right-radius: 4rem;}
    .tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {padding: 0; margin: 0; max-width: none;}

    /*VIDEO*/
    .tmp__article--video--component,
    .tmp__article--video--container .tmp__article--transcript {margin-right: 8.333%; margin-left: 8.333%;}
    .tmp__article--video--component .w-chrome,
    .tmp__article--video--component .wistia_swatch {border-radius: 1rem;}

    /*PODCAST*/
    .tmp__article--podcast--container,
    .tmp__article--podcast--container > .aem-Grid  {margin: 0 8.333% 10rem; width: auto;}

    /*BLOCKQUOTE*/
    .tmp__article blockquote {padding: 3rem;}
}


@media only screen and (min-device-width: 360px) and (max-device-width: 896px){
    .tmp__article--header--page-share .cmp-pagesharing,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {display: block;}
}


/*ARTICLE CARD LIST*/
.tmp__article .cmp-articlecards-list {}
.tmp__article .cmp-articlecards-list .article-card .article-category,
.tmp__article .cmp-articlecards-list .card-title {display: none;}
.tmp__article .cmp-articlecards-list .article-body .card-text {padding: 3rem 3rem 4rem;}
.tmp__article .cmp-articlecards-list .article-body p.card-text {color: #fff; opacity: 1;}
.tmp__article .cmp-articlecards-list .card-text p {color: #fff; font-size: 1.4rem; line-height: 2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.tmp__article .cmp-articlecards-list .card-text p:first-child,
.tmp__article .cmp-articlecards-list .card-text p.eyebrow {color: #B0E0E2; font-size: 1.8rem; line-height: 1.2em; margin-bottom: 3rem;}
.tmp__article .cmp-articlecards-list .card-text h3 {color: #fff; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.tmp__article .cmp-articlecards-list .card-deck {margin: 0;}
.tmp__article .cmp-articlecards-list .article-card {margin-bottom: 2rem; margin-right: 0; margin-left: 0;}
.tmp__article .cmp-articlecards-list .article-card .card-footer {padding: 0 3rem; margin-bottom: 3rem; font-size: 1.6rem; line-height: 24px; font-weight: 400; color: #B0E0E2; opacity: 1;}
.tmp__article .cmp-articlecards-list .card-footer .article-type svg {margin-right: 1rem; display: none;}
.tmp__article .cmp-articlecards-list .card-deck .card {border-radius: 4px;}
.tmp__article .cmp-articlecards-list .card-deck .card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    cursor: pointer;
    outline: none;}
/*return - promo card*/
.tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {padding: 0; margin: 0;}
.tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {padding: 3rem; display: flex; align-items: center;}
.tmp__article .cmp-articlecards-list .ret2Movmnt .custom-card-title {line-height: 1.2em;}
.tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-cta {text-align: center; display: block;}
.tmp__article .cmp-articlecards-list .customCardContent {position: static; top: auto; transform: none; width: 100%;}
/*responsive*/
@media (min-width: 576px) and (max-width: 768px) {
    .tmp__article .cmp-articlecards-list .card-deck {-ms-flex-flow: column; flex-flow: column;}
}
@media (min-width: 769px){
    .tmp__article .cmp-articlecards-list .card-text h3 {font-size: 2.4rem; line-height: 3rem;}
    .tmp__article .cmp-articlecards-list .card-text p.eyebrow {font-size: 2rem;}
    .tmp__article .cmp-articlecards-list .card-text p {font-size: 1.8rem; line-height: 2.6rem;}
    .tmp__article .cmp-articlecards-list .card-deck {-ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -3rem;}
    .tmp__article .cmp-articlecards-list .article-card {margin-bottom: 0; margin-right: 3rem; margin-left: 3rem;}
    .tmp__article .cmp-articlecards-list .article-card .card-footer {font-size: 2rem;}
    .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {margin: 0 3rem;}

}
@media (min-width: 769px) and (max-width: 1440px) {
    .tmp__article .cmp-articlecards-list .card-deck {margin: 0 -1.5rem;}
    .tmp__article .cmp-articlecards-list .article-card {margin-right: 1.5rem; margin-left: 1.5rem;}
    .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {margin: 0 1.5rem;}
    .tmp__article .cmp-articlecards-list .article-body .card-text {padding: 2rem 2rem 4rem;}
    .tmp__article .cmp-articlecards-list .article-card .card-footer {padding: 0 2rem; margin-bottom: 2rem;}
    .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {padding: 2rem;}
}

/*article infograph*/
.info-body-color {color: #2E1A47;}
.tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {display: block;}
.text__list__style--number-block--2 li:not(.text__list__style--number-block--2 li li) {padding-left: 0;border-bottom: 0; margin-bottom: 0;}
.text__list__style--number-block li:not(.text__list__style--number-block li li):before {position: absolute;}
.text__list__style--number-block--2 li:before {font-size: 3.6rem; line-height: 4.2rem; font-weight: 400;}
.tmp__article--body h2 {font-size: 2.4rem; line-height: 3rem; display: inline-block; font-weight: 600; margin-left: 0px;}
hr {height: 20px; border-top: 2px solid #2E1A47;}
.dcm-info-purple-bg {margin-top: 40px; background-color: #AFABC9; padding: 30px 70px; color: #2E1A47; position: relative; z-index: 2;  width: auto; margin: 30px -8.333%;}
.tmp__article--body h3 {font-size: 3.6rem; margin-bottom: 20px; font-weight: 300;}
.dcm-info-grey-bg {position: relative; z-index: 1; width: auto; margin: 30px -8.333%; padding: 0 70px; background-color: #F7F7F7;}
.dcm-info-grey-bg h2 {margin-left: 0;}

/*Article templates SOCIAL SHARE*/
.sticky-social {
    position: fixed !important;
    top: 0;
}

.social-vertical-container {
    position: relative;
}

.vertical-desktop {
    background-color: transparent !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    top: 15px;
    animation: fade-in-social .5s ease-in-out forwards;
}

/* adding class to hide the social sticky nav at the resources section */
.sticky-hide {
    animation: fade-out-social .5s ease-in-out forwards;
}

.tmp__article--header--page-share .vertical-desktop.sticky-social {
    z-index: 3;
}

@media only screen and (max-width: 768px) {
    .relative .vertical-desktop {
        position: relative !important;
        background: transparent;
        top: 0;
        padding-bottom: 20px;
    }
}

@keyframes fade-in-social {
    0%   {
        opacity: 0;
        z-index: -100;
    }
    1% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 1;
        z-index: 3;
    }
}

@keyframes fade-out-social {
    0%   {
        opacity: 1;
        z-index: 3;
    }
    99% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: -100;
    }
}

/*Article Component Styles */
.hidden,
.hidden-json-path {
    display: none !important;
}

.Dynamic-Card-component-instance {
    margin: 20px 0 50px;
}

.card-deck .article-card {
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.articleCardSec {
    display: contents;
}

@supports not (display: contents) {
    .articleCardSec {
        display: flex;
        width: 800px;
    }
}

.article-category {
    position: absolute;
    margin: 2.5rem;
    padding: 7px 12px;
    background: #7905af;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 1.7rem;
}

.article-body {
    padding: 0;
}

.article-body p.card-text {
    padding: 2.5rem;
    color: #2e1a47;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: normal;
}

.article-body a.card-text {
    color: #2e1a47;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: normal;
}

.article-card .card-footer {
    background: none;
    border: 0;
    padding: 0 2.5rem;
    color: #757575;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.card-list {
    flex: none;
    display: block !important;
    border: 0;
    outline: 0;
    background: none;
}

.card-list ul.article-list {
    padding-left: 15px;
    display: block;
    height: 200px;
    margin-bottom: 0;
}

.card-list ul.article-list li {
    list-style-type: none;
    margin-top: 15px;
}

ul.article-list li .article-category {
    color: #666;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
}

ul.article-list li .article-category:not(:last-child) {
    padding: 0;
    margin: 0 0 5px;
    background: none;
    border-radius: 0;
}

ul.article-list li .article-body {
    padding: 0;
    margin: 10px 0;
}

ul.article-list li .card-footer {
    background: none;
    border: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #757575;
}

ul.article-list li:not(:first-child) {
    margin-top: 25px;
}

ul.article-list li {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 25px;
}

a.card-text:hover,
a.card-text:focus {
    text-decoration: underline;
    outline: none;
}

.article-type,
.article-pubDate,
.article-pubTime,
.article-card,
p.card-text,
.article-card .article-category,
.article-type:hover,
.article-pubDate:hover,
.article-pubTime:hover,
.article-card p.card-text:hover,
.article-card .article-category:hover,
.article-type:focus,
.article-pubDate:focus,
.article-pubTime:focus,
.article-card .card-text:focus,
.article-card .article-category:focus,
a.card-text {
    text-decoration: none !important;
}

.article-card:hover,
.article-card:focus {
    outline: 2px solid #333;
    text-decoration: none;
}

.article-type .fa:before {
    margin-right: 8px;
}

.article-type .fa-file, .article-type .fa-file-video, .article-type .fa-file-audio {
	font-size: 16px;
    margin-right: 7px;
}

.article-pubDate.flRight,
.article-pubTime.flRight {
    float: right;
}

/* Related Resources custom card section starts */

.relResources .ret2Movmnt {
    background: #ffffff;
    border: 2px solid #2e1a47;
    padding: 5rem 2.5rem;
    margin: 0 15px;
}

.ret2Movmnt .custom-card-title {
    color: #2e1a47;
    font-size: 2.25rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.customCardContent {
    position: absolute;
    margin: 0;
    top: 50%;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.ret2Movmnt .card-descText {
    color: #2e1a47;
    display: block;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 3rem;
}

.relResources .ret2Movmnt .card-cta {
    font-size: 1.75rem;
    color: #ffffff;
    background: #2e1a47;
    border: 2px solid #2e1a47;
    outline: none;
    padding: 1.5rem 3rem;
    border-radius: .5rem;
    text-decoration: none;
}

.relResources .ret2Movmnt .card-cta:hover,
.relResources .ret2Movmnt .card-cta:focus {
    color: #2e1a47;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #2e1a47;
    font-weight: bold;
}

/* Related Resources custom card section ends */

/* Scrollbar thme start */

/* scrollbar width */
.overflow-auto::-webkit-scrollbar {
    width: 12px;
}

/* scrollbar track */
.overflow-auto::-webkit-scrollbar-track {
    background: #eee;
}

/* scrollbar handle */
.overflow-auto::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #66028d;
    background-image: linear-gradient(to top, #9704db 0%, #51077c 100%);
}

/* Scrollbar theme end */

/*Card Theme section starts here*/

.themeCards .article-card,
.relResources .article-card {
    background-color: #2e1a47;
    color: #ffffff;
}

.themeCards .article-card .article-category,
.relResources .article-category {
    position: relative;
    opacity: 0.7;
    background: none;
    border: none;
    padding: 0;
}

.themeCards .article-body p.card-text,
.themeCards .article-card .card-footer,
.relResources .article-body p.card-text,
.relResources .article-card .card-footer {
    color: #ffffff;
    opacity: 0.7;
    padding-top: 0;
}

.themeCards .article-body div.card-title,
.relResources .article-body div.card-title {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 2.5rem 2.5rem;
}

/*Card Theme section ends here*/

.hypSeparator {
    margin: 0 5px;
}

/* Media queries starts here */

@media only screen and (max-width: 414px) and (orientation: portrait) {

    .articleCardSec .article-card,
    .relResources .ret2Movmnt,
    .ArticleView-noResults {
        margin: 15px;
    }

    .customCardContent {
        position: relative;
        margin: 0;
        transform: none;
    }

    .relResources .ret2Movmnt .card-cta {
        font-size: 1.5rem;
        padding: 1.5rem 2rem;
    }

    .card-list ul.article-list {
        overflow: initial !important;
        height: max-content !important;
        padding: 0 15px;
    }

    .card-list ul.article-list li {
        padding: 0 15px 25px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 896px) and (orientation: landscape) {
    .card-deck .article-card {
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 10px;
    }

    .ret2Movmnt .card-body {
        padding: 0;
    }

    .relResources .ret2Movmnt {
        padding: 2rem;
        margin: 0 10px;
    }

    .relResources .ret2Movmnt .card-cta {
        font-size: 1.5rem;
        padding: 1rem 1.5rem;
    }

    .customCardContent {
        position: absolute;
        margin: 0;
        top: 50%;
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }

    .card-list ul.article-list {
        overflow: auto !important;
        height: 200px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .card-list ul.article-list {
        overflow: auto !important;
        height: 200px;
    }

    .relResources .ret2Movmnt {
        padding: 5rem 2rem;
    }

    .ret2Movmnt .card-body {
        padding: 0;
    }

    .relResources .ret2Movmnt .card-cta {
        font-size: 1.5rem;
        padding: 1.5rem;
    }

    .ret2Movmnt .customCardContent {
        transform: translate(0%, -50%);
    }
}

/*taken from component.css*/



.page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
    color: #fff;
    font-size: 2rem;
    line-height: 1.25em;
    font-weight: 600;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (min-width: 769px){
    .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
}

.page .tmp__article .cmp-articlecards-list .article-body .card-text {
    padding: 3rem 3rem 4rem;
}

/*********************************/
/*********************************/
/*******TEMPLATE ARTICLES CSS*************/
/*********************************/
/*********************************/
.tmp__article {}

.tmp__article--type--podcast {}
.tmp__article--type--general {}
.tmp__article--type--video {}
.tmp__article--type--infographic {}
.tmp__article--type--calculator {}

.tmp__article--header {margin: 6rem 4.167%;}
.tmp__article--header > .aem-Grid {}
.tmp__article--header > .aem-Grid > .gridlayoutcontainer:first-child {}
.tmp__article--header > .aem-Grid > .gridlayoutcontainer:last-child {}
.tmp__article--header--content {max-width: 88rem;}
.tmp__article--header--content p {margin-bottom: 0;}

/*social*/
.tmp__article--header--page-share {display: none;}
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon1,
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon2,
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon3,
.tmp__article--header--page-share--mobile .horizontal-desktop .pagesharing-icon4 {width: 2.5rem; height: 2.5rem; margin: 0 3rem 0 0;}
.tmp__article--header--page-share--mobile {margin-top: 2rem;}

.tmp__article--title-container > .aem-Grid {display: flex; flex-direction: column-reverse;}
.tmp__article--title-text {color: #451E6A;}
.tmp__article--title-text h1,
.tmp__article--title-text h2,
.tmp__article--title-text h3 {color: #451E6A; font-size: 4.8rem; line-height: 4.8rem; margin-bottom: 0;}
.tmp__article--title-eyebrow > .aem-Grid {display: flex; margin-top: -1.8rem; line-height: 0;}
.tmp__article--title-eyebrow > .aem-Grid div {display: inline-block;}
.tmp__article--title-eyebrow > .aem-Grid > .text {width: auto !important; color: #7C6992; white-space: nowrap; margin-bottom: 0; line-height: 1em;}
.tmp__article--title-eyebrow > .aem-Grid > .text p {margin-bottom: 1rem; margin-top: 1.8rem;}
.tmp__article--title-eyebrow > .aem-Grid > .text p strong {font-weight: 600; text-transform: uppercase;}
.tmp__article--title-eyebrow > .aem-Grid > .text:last-child p {position: relative; margin-left: 2rem; padding-left: 2rem;}
.tmp__article--title-eyebrow > .aem-Grid > .text:last-child p::before {content: "\22C5"; font-size: 3rem; line-height: 1.4rem; position: absolute; top: -.2rem; left: -.4rem;}

.tmp__article--subhead {font-size: 2.4rem; line-height: 2.8rem; font-weight: 300;}
.tmp__article--subhead p:first-child {margin-top: 3rem;}
.tmp__article--subhead p:not(.tmp__article--subhead p:first-child) {margin-top: 2rem;}

.tmp__article--author p:first-child {margin-top: 3rem;}
.tmp__article--author > .aem-Grid {display: flex; align-items: center;}
.tmp__article--author > .aem-Grid > div {width: auto !important;}
.tmp__article--author--image {}
.tmp__article--author--image img {border-radius: 100%; max-width: 6.5rem; display: none;}
.tmp__article--author--image img[*|src] {display: inline-block; margin-right: 2rem; margin-top: 3rem;}
.tmp__article--author .text {}
.tmp__article--author .text strong {font-size: 1.8rem; font-weight: 600; color: #2E1A47;}

.tmp__article--body {margin: 0;}
.tmp__article--body > .aem-Grid  {margin-right: 4.167%; margin-left: 4.167%; width: auto; max-width: 88rem;}
/* .tmp__article--body h2, */
.tmp__article--body h3,
.tmp__article--body h4 {font-size: 2rem; line-height: 2.4rem; font-weight: 600; margin-top: 4rem;}
.tmp__article--body .text h2:first-child,
.tmp__article--body .text h3:first-child,
.tmp__article--body .text h4:first-child {margin-top: 2rem;}
.tmp__article--body .text:first-child h2:first-child,
.tmp__article--body .text:first-child h3:first-child,
.tmp__article--body .text:first-child h4:first-child {margin-top: 0;}

.tmp__article--disclaimer {margin: 0 0 6rem;}
.tmp__article--disclaimer > .aem-Grid {margin-right: 4.167%; margin-left: 4.167%; width: auto; max-width: 88rem;}
.tmp__article--disclaimer .text {font-size: 1.6rem; line-height: 2.2rem; font-style:italic; border: 1px solid var(--truNeutral500); border-radius: 2rem; padding: 3rem 3rem 1rem; margin-top: 2rem;}

.tmp__article--related-resources {}

/*GENERAL ARTICLE*/
.tmp__article--hero--container {width: calc(100% - 8.333%); max-height: 24rem; overflow: hidden; border-radius: 0; border-bottom-right-radius: 3rem;}
.tmp__article--hero--container .herobanner {min-height: 0; height: auto;}
.tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {min-height: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: none;}
.tmp__article--hero--container .herobanner .hero-content-container,
.tmp__article--hero--container .hero-content-container.orion-hero-carousel__panel__content--text.orion-hero-justify-center {display: none;}
.tmp__article--hero--container .herobanner .orion-hero-carousel-background-img {position: static; display: block;}
.tmp__article--hero--container .image img {width: auto; max-height: 10rem; display: block;}


/*VIDEO*/
.tmp__article--video--container {}
.tmp__article--video--container .tmp__article--transcript {margin-right: 4.167%; margin-left: 4.167%;}
.tmp__article--video--component .w-chrome {border-radius: 0;}

/*PODCAST*/
.tmp__article--podcast--container {margin: 0 0 6rem;}
.tmp__article--podcast--container > .aem-Grid  {margin-right: 4.167%; margin-left: 4.167%; width: auto; max-width: 88rem;}
.tmp__article--podcast--component {}

/*TRANSCRIPT*/
.tmp__article--transcript {margin-top: 3rem;}
.tmp__article--transcript--body {background: #f7f7f7; border-radius: 1rem; padding: 3rem;}

/*BLOCKQUOTE*/
.tmp__article blockquote {border-left: 8px solid #7C6992; padding: 1.5rem 1.5rem 1.5rem 3rem; font-size: 2.8rem; line-height: 3.4rem; font-weight: 300; color: #2E1A47; font-style: italic; margin-bottom: 0;}

@media (min-width: 1024px){
    .tmp__article--hero--container .herobanner .orion-hero-carousel__panel__content {max-height: 650px;} /*TAH 06-28-2022*/
}

/*RESPONSIVE*/
@media (min-width: 769px){
    .tmp__article--header {position: relative;}
    .tmp__article--header,
    .tmp__article--header > .aem-Grid {margin: 10rem 8.3333% 3rem; width: auto;}
    .tmp__article--header > .aem-Grid > .gridlayoutcontainer:first-child {position: absolute; top: 0; left: 0; max-width: 4.167%;}

    /*social*/
    .tmp__article--header--page-share .vertical-desktop {top: .5rem; left: auto;}
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {width: 1.8rem; height: 1.8rem; margin: 0 0 3rem;}
    .tmp__article--header--page-share .vertical-desktop.sticky-social {top: 15px; left: auto;}
    .tmp__article--header--page-share--mobile {display: none;}
    .tmp__article--header--page-share {display: block;}

    .tmp__article--title-text h1,
    .tmp__article--title-text h2,
    .tmp__article--title-text h3 {font-size: 6rem; line-height: 6.6rem;}
    .tmp__article--title-eyebrow > .aem-Grid > .text:last-child p::before {top: 0;}

    .tmp__article--subhead {font-size: 2.8rem; line-height: 3.2rem;}

    .tmp__article--author .text strong {font-size: 2rem;}

    .tmp__article--body,
    .tmp__article--body > .aem-Grid  {margin: 0 8.333%; width: auto;}
    .tmp__article--body h2,
    .tmp__article--body h3,
    .tmp__article--body h4 {font-size: 2.4rem; line-height: 3rem; margin-top: 6rem;}
    .tmp__article--body .text h2:first-child,
    .tmp__article--body .text h3:first-child,
    .tmp__article--body .text h4:first-child {margin-top: 4rem;}

    .tmp__article--disclaimer,
    .tmp__article--disclaimer > .aem-Grid  {margin: 0 8.333% 10rem; width: auto;}
    .tmp__article--disclaimer .text {margin-top: 4rem;}

    /*GENERAL ARTICLE*/
    .tmp__article--hero--container {max-height: 60rem; border-bottom-right-radius: 4rem;}
    .tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {padding: 0; margin: 0; max-width: none;}

    /*VIDEO*/
    .tmp__article--video--component,
    .tmp__article--video--container .tmp__article--transcript {margin-right: 8.333%; margin-left: 8.333%;}
    .tmp__article--video--component .w-chrome,
    .tmp__article--video--component .wistia_swatch {border-radius: 1rem;}

    /*PODCAST*/
    .tmp__article--podcast--container,
    .tmp__article--podcast--container > .aem-Grid  {margin: 0 8.333% 10rem; width: auto;}

    /*BLOCKQUOTE*/
    .tmp__article blockquote {padding: 3rem;}
}


@media only screen and (min-device-width: 360px) and (max-device-width: 896px){
    .tmp__article--header--page-share .cmp-pagesharing,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon1,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon2,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon3,
    .tmp__article--header--page-share .vertical-desktop .pagesharing-icon4 {display: block;}
}


/*ARTICLE CARD LIST*/
.tmp__article .cmp-articlecards-list {}
.tmp__article .cmp-articlecards-list .article-card .article-category,
.tmp__article .cmp-articlecards-list .card-title {display: none;}
.tmp__article .cmp-articlecards-list .article-body .card-text {padding: 3rem 3rem 4rem;}
.tmp__article .cmp-articlecards-list .article-body p.card-text {color: #fff; opacity: 1;}
.tmp__article .cmp-articlecards-list .card-text p {color: #fff; font-size: 1.4rem; line-height: 2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.tmp__article .cmp-articlecards-list .card-text p:first-child,
.tmp__article .cmp-articlecards-list .card-text p.eyebrow {color: #B0E0E2; font-size: 1.8rem; line-height: 1.2em; margin-bottom: 3rem;}
.tmp__article .cmp-articlecards-list .card-text h3 {color: #fff; font-size: 1.8rem; line-height: 2.4rem; font-weight: 600; margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.tmp__article .cmp-articlecards-list .card-deck {margin: 0;}
.tmp__article .cmp-articlecards-list .article-card {margin-bottom: 2rem; margin-right: 0; margin-left: 0;}
.tmp__article .cmp-articlecards-list .article-card .card-footer {padding: 0 3rem; margin-bottom: 3rem; font-size: 1.6rem; line-height: 24px; font-weight: 400; color: #B0E0E2; opacity: 1;}
.tmp__article .cmp-articlecards-list .card-footer .article-type svg {margin-right: 1rem; display: none;}
.tmp__article .cmp-articlecards-list .card-deck .card {border-radius: 4px;}
.tmp__article .cmp-articlecards-list .card-deck .customcardv2 {border-radius: 4px; width: 30%; margin-bottom: 2rem; flex: inherit}
.tmp__article .cmp-articlecards-list .card-deck .card:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    cursor: pointer;
    outline: none;}
/*return - promo card*/
.tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {padding: 0; margin: 0;}
.tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {padding: 3rem; display: flex; align-items: center;}
.tmp__article .cmp-articlecards-list .ret2Movmnt .custom-card-title {line-height: 1.2em;}
.tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-cta {text-align: center; display: block;}
.tmp__article .cmp-articlecards-list .customCardContent {position: static; top: auto; transform: none; width: 100%;}
/*responsive*/
@media (min-width: 576px) and (max-width: 768px) {
    .tmp__article .cmp-articlecards-list .card-deck {-ms-flex-flow: column; flex-flow: column;}
}
@media (min-width: 769px){
    .tmp__article .cmp-articlecards-list .card-text h3 {font-size: 2.4rem; line-height: 3rem;}
    .tmp__article .cmp-articlecards-list .card-text p.eyebrow {font-size: 2rem;}
    .tmp__article .cmp-articlecards-list .card-text p {font-size: 1.8rem; line-height: 2.6rem;}
    .tmp__article .cmp-articlecards-list .card-deck {-ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -3rem;}
    .tmp__article .cmp-articlecards-list .article-card {margin-bottom: 0; margin-right: 3rem; margin-left: 3rem;}
    .tmp__article .cmp-articlecards-list .article-card .card-footer {font-size: 2rem;}
    .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {margin: 0 3rem;}

}
@media (min-width: 769px) and (max-width: 1440px) {
    .tmp__article .cmp-articlecards-list .card-deck {margin: 0 -1.5rem;}
    .tmp__article .cmp-articlecards-list .article-card {margin-right: 1.5rem; margin-left: 1.5rem;}
    .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt {margin: 0 1.5rem;}
    .tmp__article .cmp-articlecards-list .article-body .card-text {padding: 2rem 2rem 4rem;}
    .tmp__article .cmp-articlecards-list .article-card .card-footer {padding: 0 2rem; margin-bottom: 2rem;}
    .tmp__article .cmp-articlecards-list .relResources .ret2Movmnt .card-body {padding: 2rem;}
}

/*article infograph*/
.info-body-color {color: #2E1A47;}
.tmp__article--hero--container .herobanner:not(.truist-carousel .herobanner) {display: block;}
.text__list__style--number-block--2 li:not(.text__list__style--number-block--2 li li) {padding-left: 0;border-bottom: 0; margin-bottom: 0;}
.text__list__style--number-block li:not(.text__list__style--number-block li li):before {position: absolute;}
.text__list__style--number-block--2 li:before {font-size: 3.6rem; line-height: 4.2rem; font-weight: 400;}
.tmp__article--body h2 {font-size: 2.4rem; line-height: 3rem; display: inline-block; font-weight: 600; margin-left: 0px;}
hr {height: 20px; border-top: 2px solid #2E1A47;}
.dcm-info-purple-bg {margin-top: 40px; background-color: #AFABC9; padding: 30px 70px; color: #2E1A47; position: relative; z-index: 2;  width: auto; margin: 30px -8.333%;}
.tmp__article--body h3 {font-size: 3.6rem; margin-bottom: 20px; font-weight: 300;}
.dcm-info-grey-bg {position: relative; z-index: 1; width: auto; margin: 30px -8.333%; padding: 0 70px; background-color: #F7F7F7;}
.dcm-info-grey-bg h2 {margin-left: 0;}

/*taken from custom.css */
/*Article templates SOCIAL SHARE*/
.sticky-social {
    position: fixed !important;
    top: 0;
}

.social-vertical-container {
    position: relative;
}

.vertical-desktop {
    background-color: transparent !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    top: 15px;
    animation: fade-in-social .5s ease-in-out forwards;
}

/* adding class to hide the social sticky nav at the resources section */
.sticky-hide {
    animation: fade-out-social .5s ease-in-out forwards;
}

.tmp__article--header--page-share .vertical-desktop.sticky-social {
    z-index: 3;
}

@media only screen and (max-width: 768px) {
    .relative .vertical-desktop {
        position: relative !important;
        background: transparent;
        top: 0;
        padding-bottom: 20px;
    }
}

@keyframes fade-in-social {
    0%   {
        opacity: 0;
        z-index: -100;
    }
    1% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 1;
        z-index: 3;
    }
}

@keyframes fade-out-social {
    0%   {
        opacity: 1;
        z-index: 3;
    }
    99% {
        opacity: 0;
        z-index: 3;
    }
    100% {
        opacity: 0;
        z-index: -100;
    }
}

/*Article Component Styles */
.hidden,
.hidden-json-path {
    display: none !important;
}

.Dynamic-Card-component-instancev2 {
    margin: 20px 0 50px;
}

.card-deck .article-card {
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.articleCardSec {
    display: contents;
}

@supports not (display: contents) {
    .articleCardSec {
        display: flex;
        width: 800px;
    }
}

.article-category {
    position: absolute;
    margin: 2.5rem;
    padding: 7px 12px;
    background: #7905af;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 1.7rem;
}

.article-body {
    padding: 0;
}

.article-body p.card-text {
    padding: 2.5rem;
    color: #2e1a47;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: normal;
}

.article-body a.card-text {
    color: #2e1a47;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: normal;
}

.article-card .card-footer {
    background: none;
    border: 0;
    padding: 0 2.5rem;
    color: #757575;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.card-list {
    flex: none;
    display: block !important;
    border: 0;
    outline: 0;
    background: none;
}

.card-list ul.article-list {
    padding-left: 15px;
    display: block;
    height: 200px;
    margin-bottom: 0;
}

.card-list ul.article-list li {
    list-style-type: none;
    margin-top: 15px;
}

ul.article-list li .article-category {
    color: #666;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
}

ul.article-list li .article-category:not(:last-child) {
    padding: 0;
    margin: 0 0 5px;
    background: none;
    border-radius: 0;
}

ul.article-list li .article-body {
    padding: 0;
    margin: 10px 0;
}

ul.article-list li .card-footer {
    background: none;
    border: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #757575;
}

ul.article-list li:not(:first-child) {
    margin-top: 25px;
}

ul.article-list li {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 25px;
}

a.card-text:hover,
a.card-text:focus {
    text-decoration: underline;
    outline: none;
}

.article-type,
.article-pubDate,
.article-pubTime,
.article-card,
p.card-text,
.article-card .article-category,
.article-type:hover,
.article-pubDate:hover,
.article-pubTime:hover,
.article-card p.card-text:hover,
.article-card .article-category:hover,
.article-type:focus,
.article-pubDate:focus,
.article-pubTime:focus,
.article-card .card-text:focus,
.article-card .article-category:focus,
a.card-text {
    text-decoration: none !important;
}

.article-card:hover,
.article-card:focus {
    outline: 2px solid #333;
    text-decoration: none;
}

.article-type .fa:before {
    margin-right: 8px;
}

.article-type .fa-file, .article-type .fa-file-video, .article-type .fa-file-audio {
	font-size: 16px;
    margin-right: 7px;
}

.article-pubDate.flRight,
.article-pubTime.flRight {
    float: right;
}

/* Related Resources custom card section starts */

.relResources .ret2Movmnt {
    background: #ffffff;
    border: 2px solid #2e1a47;
    padding: 5rem 2.5rem;
    margin: 0 15px;
}

.ret2Movmnt .custom-card-title {
    color: #2e1a47;
    font-size: 2.25rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.customCardContent {
    position: absolute;
    margin: 0;
    top: 50%;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.ret2Movmnt .card-descText {
    color: #2e1a47;
    display: block;
    font-size: 1.8rem;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 3rem;
}

.relResources .ret2Movmnt .card-cta {
    font-size: 1.75rem;
    color: #ffffff;
    background: #2e1a47;
    border: 2px solid #2e1a47;
    outline: none;
    padding: 1.5rem 3rem;
    border-radius: .5rem;
    text-decoration: none;
}

.relResources .ret2Movmnt .card-cta:hover,
.relResources .ret2Movmnt .card-cta:focus {
    color: #2e1a47;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #2e1a47;
    font-weight: bold;
}

/* Related Resources custom card section ends */

/* Scrollbar thme start */

/* scrollbar width */
.overflow-auto::-webkit-scrollbar {
    width: 12px;
}

/* scrollbar track */
.overflow-auto::-webkit-scrollbar-track {
    background: #eee;
}

/* scrollbar handle */
.overflow-auto::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #66028d;
    background-image: linear-gradient(to top, #9704db 0%, #51077c 100%);
}

/* Scrollbar theme end */

/*Card Theme section starts here*/

.themeCards .article-card,
.relResources .article-card {
    background-color: #2e1a47;
    color: #ffffff;
}

.themeCards .article-card .article-category,
.relResources .article-category {
    position: relative;
    opacity: 0.7;
    background: none;
    border: none;
    padding: 0;
}

.themeCards .article-body p.card-text,
.themeCards .article-card .card-footer,
.relResources .article-body p.card-text,
.relResources .article-card .card-footer {
    color: #ffffff;
    opacity: 0.7;
    padding-top: 0;
}

.themeCards .article-body div.card-title,
.relResources .article-body div.card-title {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 2.5rem 2.5rem;
}

/*Card Theme section ends here*/

.hypSeparator {
    margin: 0 5px;
}

/* Media queries starts here */

@media only screen and (max-width: 414px) and (orientation: portrait) {

	.tmp__article .cmp-articlecards-list .card-deck .customcardv2 {width: 100%}

    .articleCardSec .article-card,
    .relResources .ret2Movmnt,
    .ArticleView-noResults {
        margin: 15px;
    }

    .customCardContent {
        position: relative;
        margin: 0;
        transform: none;
    }

    .relResources .ret2Movmnt .card-cta {
        font-size: 1.5rem;
        padding: 1.5rem 2rem;
    }

    .card-list ul.article-list {
        overflow: initial !important;
        height: max-content !important;
        padding: 0 15px;
    }

    .card-list ul.article-list li {
        padding: 0 15px 25px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 896px) and (orientation: landscape) {
    .card-deck .article-card {
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 10px;
    }

    .ret2Movmnt .card-body {
        padding: 0;
    }

    .relResources .ret2Movmnt {
        padding: 2rem;
        margin: 0 10px;
    }

    .relResources .ret2Movmnt .card-cta {
        font-size: 1.5rem;
        padding: 1rem 1.5rem;
    }

    .customCardContent {
        position: absolute;
        margin: 0;
        top: 50%;
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }

    .card-list ul.article-list {
        overflow: auto !important;
        height: 200px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .card-list ul.article-list {
        overflow: auto !important;
        height: 200px;
    }

    .relResources .ret2Movmnt {
        padding: 5rem 2rem;
    }

    .ret2Movmnt .card-body {
        padding: 0;
    }

    .relResources .ret2Movmnt .card-cta {
        font-size: 1.5rem;
        padding: 1.5rem;
    }

    .ret2Movmnt .customCardContent {
        transform: translate(0%, -50%);
    }
}

.page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (min-width: 769px){
    .page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
        font-size: 2.4rem;
        line-height: 3rem;
    }
}

.page .tmp__article .cmp-articlecards-list .article-body .card-text {

    padding: 3rem 3rem 4rem;
    }
.truist-globalnav-cta-btn .truist-globalnav-nav-link-signon{
  border:2px solid #2e1a47;
  padding:10px;
      -webkit-text-stroke:0px !important;
  }
  
         .truist-globalnav-nav-link-signon:hover{color:#ffffff !important; background-color:#2e1a47;}
  .truist-globalnav-cta-btn:hover .st1{fill:#ffffff;} 

.navbar-secondary__wrapper {
  overflow: hidden;
  background-color: #fff;
  padding: 1em 0 1em 0;
  z-index: 100;
  top: -100px;
}

.navbar-secondary__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  max-width: 1600px;
  padding: 0 1.5rem;
}

.navbar-secondary__heading-container {
  margin-left: 20px;
  line-height: 0 !important;
}

.navbar-secondary__heading {
  font-size: 1.6rem;
  color: #2e1a47;
  /* font-weight: bold; */
  margin: 0 !important;
  font-weight: 600;
  line-height: 1.5rem;
}

.navbar-secondary__links>ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding: 0 !important;
  margin: 0 !important;
}

.navbar-secondary__link-li-item {
  color: #2e1a47;
  text-align: center;
  padding: 0.8em 1.5em;
  text-decoration: none;
  font-size: 1.6rem;
  border-radius: 50px;
  transition: all 0.15s ease-in;
  border: solid 1px transparent;
  line-height: 1.6rem;
  margin: 0;
}

.navbar-secondary__link-li-item>a {
  text-decoration: none;
}

.navbar-secondary__cta-button-container div div a {
  color: white;
  background-color: #2e1a47;
  border: solid 1px transparent;
  padding: 1em 1.5em;
  transition: all 0.15s ease-in;
  font-weight: 400;
  font-size: 1.6rem;
  border-radius: 50px;
  margin-top: 0;
  line-height: 0.9em;
}

.navbar-secondary__cta-button-container div div a:hover {
  color: #2e1a47;
  border: solid 1px #2e1a47;
  background-color: #fff;
}

.navbar-secondary__link-li-item:hover {
  border: solid 1px #afabc9;
  background-color: #afabc9;
  color: #2e1a47;
  font-weight: normal;
}

.toggle-button,
.navbar-secondary__link-li-item.active {
  border: solid 1px #2e1a47;
  color: #7c6992;
}

.navbar-secondary__link-li-item.active {
  border: 1px solid #2e1a47;
  background-color: white;
  color: #2e1a47;
  transition: all 0.15s ease-in;
  border-radius: 50px;
  margin-right: 12px;
  line-height: 1.6rem;
  font-size: 1.6rem;
}

.navbar-secondary__link-li-item.active:hover {
  background-color: #afabc9;
  color: #2e1a47;
  transition: all 0.15s ease-in;
  font-size: 1.6rem;
  border-radius: 50px;
  margin-top: 0;
  border: solid 1px #afabc9;
  line-height: 1.6rem;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  transition: top .25s;
}

.sticky+.content {
  padding-top: 60px;
}

.hidden-cta {
  visibility: hidden;
}

.display--desktop {
  display: block;
}

.display--mobile {
  display: none;
}

.full-width {
  width: 100%;
}

.button-shadow {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.grow-text {
  font-size: 1.3rem;
}

.grow-button {
  padding: 1rem 1.7rem;
  margin: auto 1rem;
}

.overflow-visible {
  overflow: visible;
}

.no-horizontal-margin {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-link-margin a {
  display: block;
  padding: 10px 20px !important;
  text-align: left;
  border: 0;
}

.blocker {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: " ";
  background: transparent;
}

.secondary-navbar--page-links-list li {
  margin-right: 12px;
}

.navbar-secondary__cta-wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  font-size: 1.6rem;
  line-height: 1em;
}

.navbar-secondary__cta-phone-container {
  /* margin-top: 0.2em;
  padding-right: 0.4em; */
  margin-top: 0;
  padding-right: 0;
}

.reset-secondary-navbar {
  position: absolute;
}

.secondary-navbar--floating-cta--bottom-of-page {
  bottom: -100px;
  transition: bottom .4s ease;
}

.navbar-secondary__cta-phone-container .cta .global-cta--link a {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
}

@media only screen and (min-width: 1920px) {
  .sticky {
    width: 1920px;
  }
}

@media only screen and (max-width: 940px) {
  .navbar-secondary__container {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-secondary__cta-wrapper.secondary-navbar--no-cta-present {
    position: absolute;
  }

  .navbar-secondary__links {
    margin-right: 16px;
  }

  .navbar-secondary__h1 {
    flex-direction: column;
  }

  .navbar-secondary__cta-button-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    padding-bottom: 20px;
    padding-top: 20px;
    transition: bottom .4s ease;
    background: #fff;
  }

  .navbar-secondary__cta-button-container>.cta {
    display: flex;
    justify-content: center;
  }

  .navbar-secondary__cta-button-container div div a {
    display: block;
    background-color: #2e1a47;
    color: #fff;
    width: 90%;
    margin: auto !important;
    border-radius: 10px;
    font-size: 2.2rem;
    border: 0.5px solid #fff;
  }

  .display--desktop {
    display: none;
  }

  .display--mobile {
    display: block;
  }

  .toggle-button {
    border-radius: 50px;
    font-size: 1.6rem;
    padding: 1em 1.5em;
    background-color: #fff;
  }

  .fa-chevron-down {
    color: #7c6992;
    padding-left: 0.25em;
    padding-bottom: 0.1em;
  }

  .toggle-button:hover {
    color: #2e1a47 !important;
    background-color: #afabc9 !important;
    border: solid 1px #afabc9 !important;
  }

  .toggle-button:hover .fa-chevron-down {
    color: #2e1a47 !important;
  }

  .navbar-secondary__links>ul {
    flex-direction: column;
    padding-inline-start: 0;
  }

  #dropdown-menu {
    position: absolute;
    z-index: 100;
    background: #f7f7f7;
    min-width: 220px;
    right: 15px;
    top: -15px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  }

  .navbar-secondary__link.no-horizontal-margin {
    padding: 0.5rem 0;
    line-height: 1.5em;
  }

  .navbar-secondary__link:hover {
    border: 0;
  }

  .navbar-secondary__link.active {
    border: solid 1px transparent;
    color: #2e1a47;
    border-radius: 10px 0 0 10px;
    padding: 10px 20px !important;
    text-align: left;
    font-size: 1.8rem !important;
    line-height: 1.5em !important;
    background-color: transparent;
  }

  ul.secondary-navbar--page-links-list li:first-child a.navbar-secondary__link {
    border-radius: 10px 10px 0 0 !important;
  }

  ul.secondary-navbar--page-links-list li:last-child a.navbar-secondary__link {
    border-radius: 0 0 10px 10px !important;
  }

  ul.secondary-navbar--page-links-list li a.navbar-secondary__link {
    border-radius: 0 !important;
  }

  .dropLiHover {
    background-color: #eaeaea;
  }

  .dropLiHover:first-child {
    border-radius: 10px 10px 0 0;
  }

  .dropLiHover:last-child {
    border-radius: 0 0 10px 10px;
  }

  .secondary-navbar--page-links-list li {
    padding: 0;
    margin-right: 0;
  }

  .navbar-secondary__link {
    font-size: 1.8rem;
  }

  a.navbar-secondary__link {
    text-decoration: none;
  }

  .toggle-button {padding: 1rem 1.5rem; min-width: 15rem; display: flex; align-items: center; justify-content: center;}
  .navbar-secondary__links {margin-right: 0;}
  .navbar-secondary__heading-container {margin-left: 0; margin-right: 1rem;}
}

@media (min-width: 941px){
  .navbar-secondary__container {position: relative; justify-content: center; min-height: 5rem;}
  .navbar-secondary__heading-container {margin-left: 0; position: absolute; left: 1.5rem;}
  .navbar-secondary__links {}
  .navbar-secondary__cta-wrapper {position: absolute; right: 0;}
  .navbar-secondary__cta-phone-container {margin: auto}
  .secondarynavigation .cta a {margin-bottom: 0;}
  .navbar-secondary__cta-button-container .cta .global-cta-btn a {padding: 1rem 1.5rem; border-radius: 5rem}
}

.global-nav {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--truPurple800);
}

 .global-nav.navbar {
  position: relative;
  display: block;
  padding: 0;
}

.global-nav.navbar .navbar-container {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.global-nav.navbar .navbar-brand {
  padding: 0;
  margin: 0;
}

.global-nav.navbar .tru-burger {
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

/* .global-nav.navbar .tru-burger, */r
.global-nav.navbar .tru-burger:focus {
  outline: 2px solid var(--truNeutral700);
  background: var(--truPurple100);
  border-radius: 50%;
  padding: 5px;
  right: 20px;
  top: 21px;
}

.global-nav.navbar .tru-burger:focus .tru-burger-inner,
.global-nav.navbar .tru-burger:focus .tru-burger-inner::before,
.global-nav.navbar .tru-burger:focus .tru-burger-inner::after {
  background-color: var(--truPurple700);
}

.global-nav.navbar .tru-burger:hover,
.global-nav.navbar .tru-burger:active {
  outline: 2px solid var(--truNeutral500);
  background: var(--truPurple50);
  border-radius: 50%;
  padding: 5px;
  right: 20px;
  top: 21px;
}

.global-nav.navbar .tru-burger:hover .tru-burger-inner,
.global-nav.navbar .tru-burger:hover .tru-burger-inner::before,
.global-nav.navbar .tru-burger:hover .tru-burger-inner::after {
  background-color: var(--truPurple600);
}

.global-nav.navbar .tru-burger.is-active .tru-burger-inner,
.global-nav.navbar .tru-burger.is-active .tru-burger-inner::before,
.global-nav.navbar .tru-burger.is-active .tru-burger-inner::after {
  background-color: var(--truPurple600);
}

.global-nav.navbar .tru-burger-box {
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
}

.global-nav.navbar .tru-burger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.global-nav.navbar .tru-burger-inner,
.global-nav.navbar .tru-burger-inner::before,
.global-nav.navbar .tru-burger-inner::after {
  width: 22px;
  height: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.global-nav.navbar .tru-burger-inner::before,
.global-nav.navbar .tru-burger-inner::after {
  content: "";
  display: block;
}

.global-nav.navbar .tru-burger-inner::before {
  top: -7px;
}

.global-nav.navbar .tru-burger-inner::after {
  bottom: -7px;
}

.global-nav.navbar .tru-burger--grip .tru-burger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.global-nav.navbar .tru-burger--grip .tru-burger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.global-nav.navbar .tru-burger--grip .tru-burger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.global-nav.navbar .tru-burger--grip.is-active .tru-burger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.global-nav.navbar .tru-burger--grip.is-active .tru-burger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.global-nav.navbar .tru-burger--grip.is-active .tru-burger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.global-nav.navbar .navbar-bottom .secondary-nav-section {
  width :  100%;
}

.global-nav.navbar .navbar-bottom .secondary-nav-callout {
  width: auto;
  margin-left: 20px;
 }


 .global-nav .mobile-menu-toggle,
 .global-nav.navbar .navbar-bottom .navbar-nav,
 .global-nav.navbar .navbar-bottom .secondary-nav-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.global-nav.navbar .navbar-bottom .navbar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}

.global-nav.navbar .navbar-bottom .secondary-nav-section ul {
  display: inline-grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  column-gap: 2rem;
}

.global-nav.navbar .navbar-bottom .secondary-nav-section ul.special{
  grid-template-rows: repeat(7, auto);
}

.global-nav.navbar .navbar-bottom .secondary-nav-section ul li {
  width: 100%;
  font-size: 1.4rem;
  height: auto;
  max-width: 250px;
  min-width: 80px;
  overflow-wrap: break-word;
  padding-bottom: 0;
}

.global-nav.navbar .navbar-nav .nav-link {
  display: flex;
  align-items: center;
}

.global-nav.navbar .navbar-bottom .nav-item.dropdown {
  position: static;
}

.global-nav .navbar-bottom .dropdown-menu {
  width: 100%;
  max-width: 1600px;
  padding: 20px;
  border-radius: 10px;
}

.global-nav.navbar .navbar-bottom .dropdown.sign-in .dropdown-menu {
  width: 30%;
  left: revert;
  right: 0;
  padding: 0;
}

.global-nav.navbar .navbar-top .utility-nav {
  display: flex;
  align-items: center;
}

.global-nav .navbar-bottom .secondary-nav .dropdown-menu,
.global-nav.navbar .navbar-top .utility-nav .more .dropdown-menu {
  top: 100%;
  margin: 0;
}

.global-nav .navbar-bottom .dropdown-menu {
  top: 84px;
}

.global-nav .navbar-bottom .dropdown-menu .dropdown-container {
  display: flex;
  min-height: 200px;
 }

 .global-nav .navbar-bottom .dropdown-menu .dropdown-container .secondary-nav-section {
  padding: 20px;
}

.global-nav.navbar-expand-lg .navbar-bottom .navbar-nav .nav-link,
.global-nav .navbar-bottom .dropdown-menu .dropdown-item{
  padding: 0;
}

.global-nav.navbar .dropdown-toggle {
  text-align: left;
}

.global-nav.navbar .dropdown-toggle::after {
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  border-top: 0;
  border-right: 1.5px solid transparent;
  border-bottom: 1.5px solid transparent;
  border-left: 0;
  transform: rotate(45deg)  translate(3px,-4px);
  margin-right: 10px;
  margin-bottom: 8px;
  transition: all .3s ease-in-out;
}

.global-nav.navbar .user-account .sign-in .dropdown-toggle::before {
 content: "";
  padding: 1px 0;
  background: transparent;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 21px;
  left: 0;
  width: 100%;
}

/* .global-nav.navbar .show .dropdown-toggle::after, */
.global-nav.navbar .secondary-nav  .show .dropdown-toggle::after {
  transform: rotate(-135deg) translate(-6px,0px);
}

.global-nav.navbar .secondary-nav .secondary-nav-item.show .nav-link .top-link-text {
    font-weight: 700;
    color: var(--truPurple800);
}

.global-nav.navbar .mobile-user-account,
.global-nav .mobile-logo,
.global-nav .mobile-drop-menu {
  display: none;
}

.global-nav .sign-in-form .form-group.input,
.global-nav .sign-in-form .form-group.select-section {
  position: relative;
}

.global-nav .sign-in-form .form-group.input label {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  transition: all .3s ease-in-out;
}

.global-nav .sign-in-form .form-group.input.is-focused label {
  position: absolute;
  top: 2px;
  left: 10px;
}

.global-nav .sign-in-form .form-group .form-control {
  height: 60px;
}

.global-nav .user-pasword .form-control {
padding-right: 50px;
}

.global-nav .sign-in-form .form-group.select-section::after {
  content:"";
  display: inline-block;
    position: absolute;
    padding: 5px;
    cursor: pointer;
    border-top: 0;
    border-right: 1.5px solid transparent;
    border-bottom: 1.5px solid transparent;
    border-left: 0;
    transform: rotate(45deg);
    right: 70px;
    top: 20px;
    z-index: 1000;
    transition: all .3s ease-in-out;
}

.global-nav .sign-in-form .form-group.select-section.is-focused::after {
    transform: rotate(-135deg) translateY(-6px);
}

.global-nav .sign-in-form .form-group.select-section select {
  appearance: none;
}

.global-nav.navbar .dt-search {
  display: inline-block;
}

/* FDIC Logo :start */
.tru-fdic-logoSec {
  display: table;
  width: 100%;
  max-width: 1600px;
  margin: 1px auto 15px;
}

.tru-fdic-logo {
  display: table-cell;
  width: 55px;
  padding-left: 15px;
}

.tru-fdic-logo img {
  vertical-align: text-bottom;
}

.tru-fdic-logoTagLine {
  display: table-cell;
  font-size: 1.28rem;
  font-weight: 400;
  font-style: italic;
  color: var(--truNeutral1000);
  padding: 0 15px 0 12px;
  line-height: normal;
  vertical-align: inherit;
}
/* FDIC logo :end */

@media (min-width: 0px) and (max-width: 1023.98px) {
  .global-nav .d-none {
       display: none !important;
	   }
  .global-nav.navbar .navbar-brand {
    display: inline;
  }

  .global-nav.navbar .navbar-brand.d-logo,
  .global-nav .navbar-bottom .secondary-nav .dropdown-menu  {
    display: none;
  }

  .global-nav.navbar .tru-burger {
    display: inline-block;
    position: absolute;
    right: 23px;
    top: 24px;
    line-height: 8px;
    padding: 2px;
  }

  .global-nav.navbar .navbar-container,
  .global-nav .navbar-bottom .dropdown-menu .dropdown-container,
  .global-nav.navbar .navbar-bottom .navbar-nav,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link,
  .global-nav.navbar .navbar-top .utility-nav,
  .global-nav.navbar .navbar-bottom .secondary-nav-section ul,
  .global-nav .navbar-bottom .secondary-nav-item.show .dropdown-menu.show,
  .global-nav.navbar .navbar-top .navbar-nav .nav-item .nav-link,
  .global-nav.navbar .mobile-user-account.sign-in  {
    display: block;
  }

  .global-nav .secondary-nav .dropdown-menu {
    padding: 0;
  }

  .global-nav.navbar .navbar-bottom .nav-item.dropdown {
    position: relative;
  }

  .global-nav .navbar-nav .dropdown-menu {
    position: static;
  }

  .global-nav .mobile-drop-menu {
  margin: 0;
  padding: 0;
}

.global-nav .navbar-bottom .secondary-nav-item.show .dropdown-menu.show {
  border-top: 1px solid rgba(0,0,0,0.1);
  top: 0;
  margin-top: 0;
}

.global-nav .navbar-bottom .dropdown-menu .dropdown-container {
    column-gap: 0px;
    max-height: auto;
    min-height: auto;
    width: 100%;
   }

   .global-nav .navbar-bottom .dropdown-menu .dropdown-container .secondary-nav-section {
    padding: 0rem 3rem 1rem 3rem ;
    background-color: var(--truNeutral0);
  }

  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item {
    width: auto;
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .global-nav.navbar .navbar-top .navbar-nav .nav-item {
    padding: 0;
  }

  .global-nav.navbar .navbar-top .navbar-nav .nav-item .nav-link,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
    width: 100%;
    position: relative;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link:hover span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:hover span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:active span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.show .nav-link span {
  padding-bottom: 5px;
}

.global-nav.navbar .main-nav .mobile-drop .dropdown-toggle::after,
.global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item .dropdown-toggle::after,
.global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-toggle::after{
    display: inline-block;
    position: absolute;
    padding: 5px;
    cursor: pointer;
    border-top: 0;
    border-right: 1.5px solid transparent;
    border-bottom: 1.5px solid transparent;
    border-left: 0;
    transform: rotate(45deg);
    right: 30px;
    top: 17px;
    transition: all .3s ease-in-out;
  }

  .global-nav.navbar .main-nav .mobile-drop.show .dropdown-toggle::after,
  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-toggle::after {
    transform: rotate(-135deg);
    top: 19px;
  }

  .global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item.show .dropdown-toggle::after {
    transform: rotate(-135deg);
    top: 24px;
  }

  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-menu {
    margin-top: 0;
    padding: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
  }

  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-menu span {
    padding-left: 3rem;
    font-weight: 700;
    padding-bottom: 0;
  }

  .global-nav.navbar .dt-search {
    display: none;
  }

  .global-nav .nested-nav-title {
    margin-top: 2rem;
  }

  .global-nav.navbar .mobile-user-account {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 2rem;
    top: 20px;
    right: 60px;
  }

  .global-nav.navbar .mobile-user-account > button::after {
    display: none;
   }

  .global-nav.navbar .open-account {
    position: absolute;
    top: 20px;
    right: 180px;
  }

  .global-nav.navbar .open-account .nav-link {
  padding: 1rem 1.5rem;
  border-radius: 5rem;
  color: var(--truPurple600);
  border: 1px solid var(--truPurple800);
  font-weight: 700;
}

.global-nav.navbar .mobile-user-account.sign-in {
  position: relative;
  }

  .global-nav.navbar .sign-in .nav-link {
  position: absolute;
  top: -79px;
  right: -1rem;
  padding: 1rem;
}

.global-nav .sign-in-form .btn-primary {
  width: 100%;
}
}

@media (min-width: 0px) and (max-width: 767.98px) {
  .global-nav.navbar .navbar-top,
  .global-nav.navbar .navbar-bottom /*, .global-nav.navbar .navbar-nav.sign-in .dropdown-menu*/{
  max-width: 100%;
  position: relative;
  left: 0%;
}
}

/* Open account button postioning portrait vs. landscape */
@media (min-width: 0px) and (max-width: 499px) {

  .global-nav.navbar .navbar-top,
  .global-nav.navbar .navbar-bottom {
   margin-top: -2px;
}

.global-nav.navbar .navbar-brand img {
  margin-top: 0px;
  margin-bottom: 0px;
}
}

/*Override Bootstrap media queries */
@media (min-width: 992px) {
  .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-top,
  .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-bottom {
  display: none !important;
}

.global-nav.navbar-expand-lg .navbar-collapse.show.navbar-top,
.global-nav.navbar-expand-lg .navbar-collapse.show.navbar-bottom {
  display: block !important;
}

.global-nav.navbar-expand-lg .navbar-nav {
  flex-direction: column;
}
}

@media (min-width: 1023.98px) {
  .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-top,
  .global-nav.navbar-expand-lg .navbar-collapse:not(.show).navbar-bottom {
  display: block !important;
}
.global-nav.navbar-expand-lg .navbar-nav {
  flex-direction: row;
}

.global-nav.navbar-expand-lg .navbar-nav.opn-actfixed-bottom{
  display: none;
}

.global-nav.global-nav.navbar-expand-lg .navbar-nav .dropdown-menu  {
  position: absolute !important;
}
}

.global-nav.navbar {
  background: var(--truNeutral0);
}

.global-nav.navbar .navbar-top,
.global-nav.navbar .navbar-top .navbar-container {
  background: var(--truPurple800);
  color: var(--truDawn200);
}

.global-nav.navbar .navbar-bottom,
.global-nav.navbar .navbar-bottom .navbar-container {
  background: var(--truNeutral0);
}

.global-nav.navbar .navbar-brand {
  background: var(--truNeutral0);
}

.global-nav.navbar .navbar-brand img {
  width: 150px;
  height: 60px;
  margin-top: 7px;
  margin-bottom: 8px;
  margin-left: -5px;
}

.global-nav.navbar .tru-burger.is-active .tru-burger-inner,
.global-nav.navbar .tru-burger.is-active .tru-burger-inner::before,
.global-nav.navbar .tru-burger.is-active .tru-burger-inner::after {
  background-color: var(--truPurple600);
}

.global-nav.navbar .tru-burger-inner,
.global-nav.navbar .tru-burger-inner::before,
.global-nav.navbar .tru-burger-inner::after {
  background-color: var(--truPurple500);
  border-radius: 2px;
}

.global-nav.navbar .navbar-top .main-nav {
  column-gap: 1rem;
}

.global-nav.navbar .navbar-top .utility-nav,
.global-nav.navbar .navbar-top .utility-nav li{
  background: var(--truPurple800);
  z-index: 11;
}

.global-nav.navbar .navbar-top .utility-nav .more .dropdown-menu {
  z-index: 11;
}

.global-nav.navbar .navbar-top .utility-nav li  {
  padding-top: .05rem;
  padding-right: .5rem;
  padding-left: .5rem;
}

.global-nav.navbar .navbar-top .utility-nav .more {
  z-index: 1;
}

.global-nav.navbar .navbar-top .nav-link,
.global-nav.navbar .navbar-top .nav-item.active .nav-link {
  position: relative;
  z-index: 3;
  background: var(--truPurple800);
  color: var(--truDawn200);
  text-decoration: none;
  line-height: var(--truLnHghtMicro);
  font-size:var(--truTxtSizeMicro);
}

.global-nav.navbar .navbar-top .nav-link:hover,
.global-nav.navbar .navbar-top .nav-link:active,
.global-nav.navbar .navbar-top .nav-item.active .nav-link:hover {
  color: var(--truNeutral0);
  text-decoration: underline;
}

.global-nav.navbar .navbar-top .nav-link:focus {
  color: var(--truNeutral0);
  text-decoration: none;
  outline: 1px solid var(--truNeutral0);
  border-radius: .75rem;
  outline-offset: -3px;
}

.global-nav.navbar .navbar-top .utility-nav .more .nav-link:hover,
.global-nav.navbar .navbar-top .utility-nav .more.show,
.global-nav.navbar-light .navbar-top .utility-nav .more.show >.nav-link {
  color: var(--truNeutral0);
  text-decoration: underline;
}

/* .global-nav.navbar .navbar-top .utility-nav .more .nav-link::after {
  display: none;
} */

.global-nav.navbar .navbar-top .utility-nav .more .dropdown-menu {
  font-size: inherit;
  margin-top: 0;
  min-width: 200px;
  min-height: 45px;
  border-radius: 1.5rem;
  width: auto;
  left: revert;
  top: unset;
  right: 10px;
  padding: 0px;
  background: var(--truNeutral50);
  overflow: hidden;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.global-nav.navbar .navbar-top .utility-nav .more.show .dropdown-menu.show {
  top: 39px;
}

.global-nav.navbar .navbar-top .utility-nav .more .dropdown-item {
  color : var(--truPurple500);
  padding: 0.75rem 1.5rem .75rem 1rem;
  text-decoration: none;
  background: var(--truNeutral0);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

/* .global-nav.navbar .navbar-top .nav-link span {
  border-bottom: 1px solid transparent;
} */

.global-nav.navbar .navbar-top .nav-item.active .nav-link span,
.global-nav.navbar .navbar-top .nav-item .nav-link:hover span,
.global-nav.navbar .navbar-top .nav-item.active .nav-link:active span {
  /* border-bottom: 1px solid var(--truNeutral0); */
  text-decoration: underline;
}

.global-nav.navbar .navbar-top .nav-item.more .nav-link span,
.global-nav.navbar .navbar-top .nav-item.more .nav-link:hover span,
.global-nav.navbar .navbar-top .nav-item.more.show .nav-link:hover span,
.global-nav.navbar .navbar-top .nav-item.more.show .nav-link:active span {
  border-bottom: 2px solid transparent;
}

.global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:hover,
.global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:focus,
.global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu .dropdown-item:hover {
  background: var(--truPurple600);
  color: var(--truNeutral0);
  text-decoration: none;
}

.global-nav.navbar .navbar-top .utility-nav .more .dropdown-item span::after {
  content: "";
  border: 2px solid var(--truPurple500);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  left: calc(100% - 2.5rem);
  text-align: center;
  margin-top: 9px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:hover span::after,
.global-nav.navbar .navbar-top .utility-nav .more .dropdown-item:focus span::after {
  border: 2px solid var(--truNeutral0);
  border-width: 0 2px 2px 0;
  transform: translate(5px) rotate(-45deg);
  -webkit-transform: translate(5px) rotate(-45deg);
  -moz-transform: translate(5px) rotate(-45deg);
  -o-transform: translate(5px) rotate(-45deg);
  -ms-transform: translate(5px) rotate(-45deg);

}
.global-nav.navbar .navbar-bottom {
  background: var(--truNeutral0);
}

.global-nav .navbar-bottom .navbar-nav {
  column-gap: 1.5rem;
}

.global-nav.navbar .navbar-bottom .nav-link,
.global-nav.navbar .navbar-bottom .nav-link:hover,
.global-nav.navbar .navbar-bottom .nav-link:active,
.global-nav.navbar .navbar-bottom .nav-item.active .nav-link,
.global-nav.navbar .navbar-bottom .nav-item.active .nav-link:hover,
.global-nav.navbar .navbar-bottom .nav-item .nav-link:focus {
  color: var(--truPurple800);
}

.global-nav.navbar .navbar-bottom .nav-item .nav-link:focus{
  text-decoration: none;
  outline: 1px solid var(--truNeutral500);
  border-radius: .2rem;
}

.global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
  padding-top: 0px;
  white-space: normal;
  width: 100%;
  line-height: var(--truLnHghtMicro);
  text-align: center;
  text-decoration: none;
  font-size:var(--truTxtSizeMicro);
}

.global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link span,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.user-account .nav-link span,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link {
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
  display: inline-block;
}

/* .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link:hover span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:hover span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:active span ,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.show .nav-link span,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link:hover,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link:focus   {
  border-bottom: 2px solid var(--truPurple800);
} */

.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item .nav-link.dropdown-toggle:hover span,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.active .nav-link.dropdown-toggle span,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.active .nav-link.dropdown-toggle:hover span,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.active .nav-link:active span,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item.show .nav-link.dropdown-toggle span,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link.dropdown-toggle:hover,
.global-nav.navbar .navbar-bottom .navbar-nav.user-account .nav-item:not(.sign-in) .nav-link.dropdown-toggle:focus,
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item.secondary-nav-item .nav-link:hover {
  color: var(--truPurple600);
  text-decoration: underline;
  font-weight: 400;
}


.global-nav .navbar-bottom .dropdown-menu {
  border-radius: 0px 0px 10px 10px;
  border: 0;
}

.global-nav.navbar .navbar-bottom .secondary-nav-section {
  background: var(--truNeutral50);
  border-radius: 10px;
  width : 100%;
  margin: 0;
}

.global-nav.navbar .navbar-bottom .secondary-nav-section h4{
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 22px;
  color: var(--truPurple800);
  margin-bottom: 0.5rem;
}

.global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item {
  font-weight: 300;
  color: var(--truPurple800);
  text-decoration: none;
}

.global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item:hover,
.global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item:focus {
  font-weight: 700;
  background: none;
}

.global-nav.navbar .navbar-bottom .secondary-nav-item .secondary-nav-callout,
.global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(2) .secondary-nav-callout,
.global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(4) .secondary-nav-callout   {
  background: var(--truSky200); /* background changes depending on the callout*/
  border-radius: 10px;
  color: var(--truPurple800);
}

.global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(3) .secondary-nav-callout,
.global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(5) .secondary-nav-callout  {
  background: var(--truPurple500);
  color: var(--truNeutral0);
}

.global-nav.navbar .navbar-bottom .secondary-nav-item:nth-child(7) .secondary-nav-callout  {
  background: var(--truPurple800);
  color: var(--truNeutral0);
}

.global-nav .navbar-bottom .user-account {
  column-gap: 1rem;
}

.global-nav .navbar-bottom .sign-in {
  display: flex;
  height: 100%;
  align-items: center;
  padding-right: .75rem;
  padding-left: .75rem;
}

.global-nav.navbar .navbar-bottom .dropdown.sign-in .dropdown-menu {
  background: var(--truNeutral50);
}

.global-nav.navbar .dropdown-toggle::after {
  border-color: var(--truPurple500);
}

.global-nav.navbar .sign-in .dropdown-toggle::after {
  position: absolute;
  left: -8px;
  border-color: transparent;
  margin-bottom: 0px;
  margin-left: 5px;
  width: 22px;
  height: 22px;
  background: url('../../../content/dam/global-images/global-navigation/signin-icon.svg') no-repeat center center;
  transform: rotate(-0deg);
 }

 .global-nav.navbar .user-account .sign-in .dropdown-toggle:hover::before,
 .global-nav.navbar .user-account .sign-in.show .dropdown-toggle::before,
 .global-nav.navbar .user-account .sign-in.show .dropdown-toggle:hover::before{
  background: var(--truPurple800);
 }

 .global-nav.navbar .sign-in.show .dropdown-toggle::after {
  border-color: transparent;
  margin-bottom: 0px;
  transform: rotate(0deg);
 }

 .global-nav .dropdown-menu h2 {
   margin-top: 1rem;
  text-align: center;
  font-size: 2.6rem;
  line-height: 32px;
  font-weight: 300;
 }


 .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.sign-in .nav-link.dropdown-toggle {
  position: relative;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 1.25rem;
  transform:  translateY(-3px);
}


@media (min-width: 0px) and (max-width: 1023.98px) {
  .global-nav.navbar .navbar-brand {
    width: 125px;
    height: 50px;
  }

  .global-nav.navbar .navbar-brand img {
    margin-left: 0px;
  }

  .global-nav .mobile-drop a {
    font-size: 1.4rem;
  }

  .global-nav .mobile-drop-menu {
    background-color: var(--truPurple800);
    border-radius: 0;
    display: none;
  }

  .global-nav .mobile-drop-menu.show {
    display: block;
  }

  .global-nav.navbar .navbar-top .navbar-nav .nav-item {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    min-height: 50px;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav.user-account {
    display: none;
  }


  .global-nav.navbar .navbar-top .nav-link,
  .global-nav.navbar .navbar-top .nav-link .top-link-text,
  .global-nav.navbar .navbar-top .nav-item.active .nav-link span,
  .global-nav.navbar .navbar-top .nav-item .nav-link span,
  .global-nav.navbar .navbar-top .nav-item.active .nav-link,
  .global-nav.navbar .nav-item.active .nav-link .top-link-text,
  .global-nav.navbar .nav-item.show .nav-link .top-link-text,
  .global-nav.navbar .navbar-top .nav-item .nav-link:hover span,
  .global-nav.navbar .navbar-top .nav-item.active .nav-link:active span,
  .global-nav.navbar .navbar-top .nav-link:active,
  .global-nav.navbar .navbar-top .nav-item.active .nav-link:hover,
  .global-nav.navbar .secondary-nav .secondary-nav-item.show .nav-link .top-link-text {
    text-decoration: none;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav.user-account a.nav-link:hover,
  .global-nav.navbar .navbar-bottom .navbar-nav.user-account a.nav-link:focus   {
    border-bottom: none;
  }

  .global-nav.navbar .navbar-top .nav-item.active .mobile-drop-menu .nav-link {
    -webkit-text-stroke: unset;
    font-weight: 300;
  }

  .global-nav .navbar-bottom .utility-nav .nav-link {
    color: var(--truNeutral0);
  }

  .global-nav.navbar .navbar-top .navbar-nav .nav-item .nav-link {
    padding: 1rem;
    margin-top: 5px;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item:not(.more),
  .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu .dropdown-item{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    min-height: 50px;
  }

  .global-nav.navbar .navbar-bottom .utility-nav .more .dropdown-menu .dropdown-item{
    display: flex;
    align-items: center;
    color: var(--truNeutral0);
    font-size: 1.4rem;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link  {
    padding-top: 1.5rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;

  }

  .global-nav.navbar .navbar-bottom .navbar-nav.utility-nav .nav-item.more .nav-link  {
    padding-left: 1.25rem;
  }

  .global-nav.navbar .navbar-bottom .nav-item.show .nav-link {
    border-bottom: none;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link:hover span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:hover span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.active .nav-link:active span,
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item.show .nav-link span {
    border-bottom: 2px solid transparent;
  }

  .global-nav.navbar .main-nav .mobile-drop .dropdown-toggle::after {
    border-right: 1.5px solid var(--truNeutral0);
    border-bottom: 1.5px solid var(--truNeutral0);
    top: 12px;
    margin-right: 0;
  }

  .global-nav.navbar .navbar-bottom.show .secondary-nav .secondary-nav-item .dropdown-toggle::after {
    border-right: 1.5px solid var(--truPurple500);
    border-bottom: 1.5px solid var(--truPurple500);
    margin-right: 0;
      top: 22px;
  }

  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .dropdown-toggle::after {
    border-right: 1.5px solid var(--truNeutral0);
    border-bottom: 1.5px solid var(--truNeutral0);
  }

  .global-nav.navbar .navbar-bottom .secondary-nav-section h4 {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }

  .global-nav.navbar .navbar-bottom .navbar-nav.utility-nav {
    background: var(--truPurple800);
  }

  .global-nav.navbar .utility-nav .nav-link::before {
    position: absolute;
    top: 19px;
    left: 1rem;
  }

  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item .nav-link,
  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .nav-link {
    color: var(--truNeutral0);
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .nav-link,
  .global-nav.navbar .navbar-bottom.show .utility-nav .nav-item.show .dropdown-menu {
    background: var(--truPurple500);
    border-radius: 0px;
  }

  .global-nav.navbar .open-account .nav-link {
    padding: 6px 16px;
    border-radius: 33px;
    text-decoration: none;
    color: var(--truPurple600);
    font-weight: 700;
    border: 1px solid var(--truPurple800);
    background: transparent;
    font-size: 1.6rem;
  }

  .global-nav.navbar .navbar-nav.sign-in .nav-link {
    font-size: 1.6rem;
    color: var(--truPurple800);
    font-weight: 700;
  }
}

.global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle::after,
.global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle:active::after{
  border-right: 1px solid var(--truDawn200);
  border-bottom: 1px solid var(--truDawn200);
  margin-bottom: 4px;
  padding: 3px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle:hover::after,
.global-nav.navbar .navbar-top .nav-util-links.more .dropdown-toggle:focus::after {
  border-right: 1px solid var(--truNeutral0);
  border-bottom: 1px solid var(--truNeutral0);
}

.global-nav.navbar .navbar-top .nav-util-links.more.show .dropdown-toggle::after {
  border-right: 1px solid var(--truNeutral0);
  border-bottom: 1px solid var(--truNeutral0);
  margin-bottom: -1px;
  transform: rotate(-135deg) translate(-4px,0)
}

.global-nav .utility-nav {
    margin-right: 0;
}

.global-nav .main-nav {
  margin-left: 10px;
}

.global-nav .nav-item {
margin: 0;
padding: 0;
}

.global-nav .utility-nav .dropdown {
  position: relative !important;
}

.global-nav .navbar .navbar-bottom .navbar-nav .nav-item.sign-in .nav-link.dropdown-toggle {
  padding-top: 15px;
  padding-bottom: 15px;
}

.global-nav a {
   text-decoration: none;
}

.global-nav .top-util-image {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.global-nav .top-signin-image {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
}

.global-nav .sign-in a:is(:hover, :focus, :active) .top-signin-image {
  display: block;
  filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(54deg) brightness(106%) contrast(101%);
}

.global-nav .sign-in .sign-in-link {
  border: 2px solid var(--truPurple800);
  padding: 5px !important;
  background: transparent;
  text-align: center;
  color: var(--truPurple800);
  width: auto;
  border-radius: 5px;
  margin-top: -15px;
 }

 .global-nav .mobile-user-account .sign-in-link {
  margin-top: 5px;
 }

 .global-nav .sign-in .sign-in-link:hover, .sign-in .sign-in-link:focus {
  color: var(--truNeutral0) !important;
  background-color: var(--truPurple800);
 }

 /*Different product nav dropdown percentages*/

 .global-nav.navbar .navbar-bottom .fullwidth .secondary-nav-section  {
   width: 100%;
 }

 .global-nav.navbar .navbar-bottom .fullwidth .secondary-nav-callout  {
  display: none !important  /*bootstrap used !importan, so its better to override here*/
 }

 .global-nav.navbar .navbar-bottom .thirtypercent .secondary-nav-section  {
   padding-right: 0;
 }

 .global-nav.navbar .navbar-bottom .thirtypercent .secondary-nav-callout  {
  width: 30%;
}

.global-nav.navbar .navbar-bottom .fiftypercent .secondary-nav-section  {
  width: 50%;
}

.global-nav.navbar .navbar-bottom .fiftypercent .secondary-nav-callout  {
 width: 50%;
}

.global-nav a:focus:not(:focus-visible) {
outline: 0;
}

/*promo static card*/
@media(min-width:992px) {
.global-nav .staticcard {
height: 100%;
}

.global-nav .truist-global-staticcard-column {
border: none;
height: 100%;
padding: 3rem;
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(3, min-content);
grid-column-gap: 3rem;
}

.global-nav .truist-global-staticcard-column-white {
background: var(--truPurple500);
color: var(--truNeutral0);
}

.global-nav .truist-global-staticcard-column-grey {
background: var(--truPurple800);
color: var(--truNeutral0);
}

.global-nav .truist-global-staticcard-column-transparent {
background: var(--truSky200);
color: var(--truPurple800);
}

.global-nav .truist-global-staticcard-row:nth-child(1) {
grid-area: 1/2/4/3;
align-self: center;
justify-self: center;
margin-bottom: 0;
}

.global-nav .truist-global-staticcard-row:nth-child(2),
.global-nav .truist-global-staticcard-img-badge {
display: none;
}

.global-nav .truist-global-staticcard-cardtitle {
color: var(--truNeutral0);
}

.global-nav .truist-global-staticcard-cardcontent,
.global-nav .truist-global-staticcard-cardcontent ~ p {
padding: 0;
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 0;
color: var(--truNeutral0);
}

.global-nav .truist-global-staticcard-card-cta-button {
margin-top: 0;
}

.global-nav .staticcard .global-cta-btn a,
.global-nav .staticcard .global-cta--link a,
.global-nav .staticcard .btn {
padding: 0;
border: none;
border-radius: 0;
color: var(--truNeutral0);
text-decoration: underline;
text-align: left;
margin-bottom: 0;
}

.global-nav .truist-global-staticcard-column-transparent .truist-global-staticcard-cardtitle,
.global-nav .truist-global-staticcard-column-transparent .truist-global-staticcard-cardcontent,
.global-nav .truist-global-staticcard-column-transparent .truist-global-staticcard-cardcontent ~ p,
.global-nav .truist-global-staticcard-column-transparent .global-cta-btn a,
.global-nav .truist-global-staticcard-column-transparent .global-cta--link a,
.global-nav .truist-global-staticcard-column-transparent .btn {
color: var(--truPurple800);
}

.global-nav .staticcard .global-cta--link a::after,
.global-nav .staticcard .global-cta--link:focus > a::after {
display: none;
}

.global-nav .truist-global-staticcard-content-padding {
padding: 0;
}

}

@media  (min-width: 0px) and (max-width: 1023.98px) {

  .global-nav .main-nav {
     margin-left : 0;
  }

  .global-nav.navbar .open-account {
    top: 15px;
  }
  .global-nav .top-util-image {
    display: inline-block;
  }

 .global-nav .truist-global-staticcard-column {
    flex: 1 0 100%;
    max-width: 100%;
    width: 100%;
    margin-top: 0;
  }

  .global-nav.navbar .navbar-bottom .thirtypercent {
    width: 100%;
    min-width: 100%;
    padding: 0;
    background: var(--truClrNtrlWht);
  }

  .global-nav .navbar-bottom .dropdown-menu .dropdown-container .secondary-nav-section {
    padding: 0rem 0rem 1rem 0rem ;
  }

  .tru-fdic-logo img {
    vertical-align: middle;
  }

  .tru-fdic-logoTagLine {
    vertical-align: inherit;
  }

}

@media (min-width: 0px) and (max-width: 525px) {
  .tru-fdic-logo img {
    margin-top: 4px;
  }

  .tru-fdic-logo img, .tru-fdic-logoTagLine {
    vertical-align: middle;
  }
}

@media (min-width: 0px) and (max-width: 499px) {
    .global-nav.navbar .open-account {
      display: none;
    }
}

@media (min-width: 1023.99px) {

.global-nav .secondary-nav-section > div {
  padding-bottom: 2rem;
  padding-right: 4rem;
}

.global-nav .secondary-nav-callout .nav-callout-card {
  height: 100%;
}

.global-nav .secondary-nav-callout .nav-callout-card .root.responsivegrid {
  display: flex;
}

}


@media (min-width: 767.99px) and (max-width: 1023.98px) {
.navbar-mobile-container {
  position: absolute;
  width: 43%;
  right: 0;
  z-index: 999;
  top: 84px;
}
}

/*Mobile Menu full with*/
@media (min-width: 0px) and (max-width: 767.98px) {
  .global-nav.navbar.is-activate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: auto;
}
body.is-activate {
  overflow: hidden;
}

.global-nav.navbar .navbar-bottom .navbar-nav.utility-nav {
  padding-bottom: 100px;
}

}

.global-nav.navbar .collapsing {
  -webkit-transition: none;
  transition: none;
}

/*Different screen-width nav items wrap*/
@media (min-width: 0px) and (max-width: 1023.99px) {
.global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
    text-align: left;
    width: auto;
   }


}

@media only screen and (min-width: 375px) and (max-width: 1023.98px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #open-act-mobile {
      display: block;
  }
}

@media (min-width: 1024px) and (max-width: 1235px) {
  .global-nav.navbar .navbar-bottom .navbar-nav .nav-item .nav-link {
    text-align: center;
    width: min-content;
    min-width: 75px;
    line-height: 1.2;
  }

}


/*Open Account Custom button*/

.global-nav .open-act-group .btn-global-nav.btn{
  padding: 6px 12px;
  border-radius: 10rem;
  line-height: normal;
  font-size: inherit;
  margin-bottom: 1rem;
  font-weight: 700;
  min-width: 95px;
  height: 36px;
  margin-right: 15px;
  font-size: var(--truTxtSizeMicro);
  line-height: var(--truLnHghtMicro);
}

.global-nav .open-act-group .btn-global-nav.btn.-opn-button {
  color : var(--truNeutral0);
  background: var(--truPurple500);
  border: 1px solid var(--truPurple500);
}

.global-nav .open-act-group .btn-global-nav.btn.-opn-button:hover,
.global-nav .open-act-group .btn-global-nav.btn.-opn-button:active {
  color : var(--truNeutral0);
  background: var(--truPurple600);
}

.global-nav .open-act-group .btn-global-nav.btn.-opn-button:focus {
  color : var(--truNeutral0);
  background: var(--truPurple600);
  outline: 1px solid var(--truNeutral0) !important;
  outline-offset: -3px;
}

.global-nav .open-act-group .btn-global-nav.btn.-opn-button::after,
.global-nav .open-act-group .btn-global-nav.btn.-opn-button:active::after,
.global-nav .open-act-group .btn-global-nav.btn.-opn-button:hover::after,
.global-nav .open-act-group .btn-global-nav.btn.-opn-button:focus::after {
  border-right: 2px solid var(--truNeutral0);
  border-bottom: 2px solid var(--truNeutral0);
  margin-bottom: -2px;
  padding: 3px;
  transform: rotate(45deg) translate(-2px,0);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.global-nav .open-act-group.show .btn-global-nav.btn.-opn-button  {
  color : var(--truNeutral0);
  background: var(--truPurple600);
}

.global-nav .open-act-group.show .btn-global-nav.btn.-opn-button[aria-expanded="true"]::after {
  border-right: 2px solid var(--truNeutral0);
  border-bottom: 2px solid var(--truNeutral0);
  margin-bottom: -1px;
  transform: rotate(-135deg) translate(0px,0)
}

.global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:hover:after,
.global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:focus:after {
  border-right: 2px solid var(--truPurple600);
  border-bottom: 2px solid var(--truPurple600);
  margin-bottom: -5px;
}

.global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:hover:after,
.global-nav .open-act-group.show .btn-global-nav.btn.-opn-button:focus:after {
    border-right: 2px solid var(--truNeutral0);
    border-bottom: 2px solid var(--truNeutral0);
}

/* Sign-in button updates */

.global-nav .open-act-group .btn-global-nav.btn.signIn-btn {
  font-size: 1.8rem;
  color : var(--truPurple500);
  background: var(--truNeutral0);
  border: .2rem solid var(--truPurple500);
  text-align: center;
}

.global-nav .open-act-group .btn-global-nav.btn.signIn-btn::after,
.global-nav .open-act-group .btn-global-nav.btn.signIn-btn:active::after,
.global-nav .open-act-group .btn-global-nav.btn.signIn-btn:hover::after,
.global-nav .open-act-group .btn-global-nav.btn.signIn-btn:focus::after {
  border-right: 2px solid var(--truPurple500);
  border-bottom: 2px solid var(--truPurple500);
  margin-bottom: -2px;
  margin-left: 0;
  padding: 3px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.global-nav .open-act-group.show .btn-global-nav.btn.signIn-btn::after {
  border-right: 2px solid var(--truPurple500);
  border-bottom: 2px solid var(--truPurple500);
  margin-bottom: -2px;
  transform: rotate(-135deg) translate(-4px,0)
}
.global-nav .open-act-group .btn-global-nav.btn.signIn-btn:hover,
.global-nav .open-act-group .btn-global-nav.btn.signIn-btn:active {
  color : var(--truPurple600);
  background: var(--truPurple50);
  border: .2rem solid var(--truPurple600);
}

.global-nav .open-act-group .btn-global-nav.btn.signIn-btn:focus {
  color : var(--truPurple600);
  background: var(--truPurple50);
  border: .2rem solid var(--truPurple600);
  outline: 1px solid var(--truPurple600) !important;
  outline-offset: -4px;
}

.global-nav .open-act-group .dropdown-menu {
  font-size: inherit;
  margin-top: 0;
  min-width: 200px;
  min-height: 45px;
  border-radius: 1.5rem;
  width: auto;
  left: revert;
  top: unset;
  padding: 0px;
  background: var(--truNeutral50);
  overflow: hidden;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.global-nav .open-act-group .dropdown-menu {
  right: 0;
}


.global-nav .open-act-group .signIn_menu-opn-button ~ .dropdown-menu,
.global-nav .nav-item.open-act-link.open-act-group  .btn-global-nav.btn.dropdown-toggle.-opn-button ~ .dropdown-menu.-opn-ul  {
  min-width: 225px;
}

.global-nav .open-act-group .dropdown-menu:not(.-opn-ul),
.global-nav .user-account .open-act-group:only-child .dropdown-menu.show{
  right: 0;
}

.global-nav .nav-item.open-act-link.open-act-group  .btn-global-nav.btn.dropdown-toggle.-opn-button ~ .dropdown-menu.-opn-ul li,
.global-nav .open-act-group .dropdown-menu ul li,
.global-nav .open-act-group .dropdown-menu .open-act-li {
  padding: 0;
}

.global-nav .open-act-group .dropdown-menu .open-act-item {
  color : var(--truPurple500);
  background : var(--truNeutral0);
  padding: 0.75rem 1.5rem .75rem 1rem;
  font-size: var(--truTxtSizeMicro);
  line-height: var(--truLnHghtMicro);
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.global-nav .open-act-group .dropdown-menu .open-act-item:hover,
.global-nav .open-act-group .dropdown-menu .open-act-item:focus,
.global-nav .open-act-group .dropdown-menu .open-act-item:active {
  background: var(--truPurple600);
  color : var(--truNeutral0);
}

.global-nav .open-act-group .dropdown-menu .open-act-item::after {
  content: "";
  border: 2px solid var(--truPurple500);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  left: calc(100% - 2.5rem);
  text-align: center;
  margin-top: 9px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
}

.global-nav .open-act-group .dropdown-menu .open-act-item:hover::after,
.global-nav .open-act-group .dropdown-menu .open-act-item:focus::after {
  border: 2px solid var(--truNeutral0);
  border-width: 0 2px 2px 0;
  transform: translate(5px) rotate(-45deg);
   -webkit-transform: translate(5px) rotate(-45deg);
  -moz-transform: translate(5px) rotate(-45deg);
  -o-transform: translate(5px) rotate(-45deg);
  -ms-transform: translate(5px) rotate(-45deg);

}


@media (min-width: 0px) and (max-width: 1023.98px) {

   .global-nav .opn-actfixed-bottom {
    position: fixed;
    right:0 ;
    bottom: 0;
    left:0;
    opacity:1;
    z-index: 999;
    display: block;
  }

  .global-nav .opn-actfixed-bottom .btn{
    background: var(--truPurple800);
    color: var(--truNeutral0);
    border-top: 1px solid var(--truNeutral0);
    margin-bottom: 0;
    position: fixed;
  }


  .global-nav .open-act-group .btn-global-nav.btn {
      border-radius: 0px;
      border-top: 1px solid var(--truNeutral0);
      width: 100%;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 60px;
      margin-bottom: 0px;
  }

  .global-nav .open-act-group .btn-global-nav.btn::after {
    margin-bottom: 2px;
}

  .global-nav .opn-actfixed-bottom .dropdown-menu {
    width: 95%;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .global-nav .opn-actfixed-bottom .btn-global-nav.btn::after,
  .global-nav .opn-actfixed-bottom .btn-global-nav.btn:active::after,
.global-nav .opn-actfixed-bottom .btn-global-nav.btn:hover::after,
.global-nav .opn-actfixed-bottom .btn-global-nav.btn:focus::after {
  margin-bottom: -5px;
    margin-left: 10px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .global-nav .opn-actfixed-bottom.show .btn-global-nav.btn::after {
    margin-bottom: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

/* US945633 - Author Unit Testing Feedback - CSS*/
.global-nav.navbar .nav-item.active .nav-link .top-link-text,
.global-nav.navbar .nav-item.show .nav-link .top-link-text,
.global-nav.navbar .nav-link .top-link-text:hover,
.global-nav.navbar .nav-link .top-link-text:focus {
  font-weight: normal;
  color: var(--truNeutral0);
  text-decoration: underline;
}

.global-nav.navbar .nav-link .top-link-text::before,
.global-nav.navbar .navbar-bottom .secondary-nav-section .dropdown-item::before {
  display: block;
  content: attr(data-link-title);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.global-nav.navbar .sign-in .sign-in-link {
  white-space: nowrap !important;
  min-height: 45px;
}

.global-nav .secondary-nav-callout .staticcard .global-cta--link a:focus {
  outline: 0;
  color: inherit;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
}

.global-nav .secondary-nav-callout .staticcard .global-cta--link a:hover {
  text-decoration: none;
}

/*Sign on Gen 2 overlay mobile and tablet*/
@media (min-width: 0px) and (max-width: 1023.98px) {
.global-nav .open-act-group .truist-signin-overlay.show.is-activate {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  padding-top: 100px;
	background: var(--truPurple800);
  border-radius: 0;
  overflow: auto;
  z-index: 9999;
  opacity: 1;
}

.navbar-mobile-container .navbar-container .naked-xfpage-v2.xfpage.page.basicpage .container {
  display: block;
  padding-right: 0;
  padding-left: 0;
}

.global-nav .open-act-group.mobile-user-account .btn {
  border-radius: 20px;
  min-height: 0;
  border-top: none;
  padding: 6px 24px;
}

.global-nav .open-act-group.show .truist-signin-overlay {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.global-nav .open-act-group.show .truist-signin-overlay .login-component {
  justify-content: center !important;
}


.global-nav .open-act-group.show .signin-mobile-header {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 45px;
    color: var(--truNeutral0);
    font-size: inherit;
}

.global-nav .open-act-group.show .signin-mobile-header img {
    width: 150px;
    height: 60px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.global-nav .open-act-group .signon-close-icon {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-top: 24px;
}

.global-nav .open-act-group .signon-close-icon::before,
.global-nav .open-act-group .signon-close-icon::after {
  position: absolute;
  content: ' ';
  height: 25px;
  width: 2px;
  background-color: var(--truNeutral0);
}

.global-nav .open-act-group .signon-close-icon::before {
  transform: rotate(45deg);
}

.global-nav .open-act-group .signon-close-icon::after {
  transform: rotate(-45deg);
}

}

  /* iPad 1, 2, Mini and Air */
  @media only screen
  and (min-device-width: 767.99px)
  and (max-device-width: 1023.98px)
  and (-webkit-min-device-pixel-ratio: 1) {
    #open-act-mobile {
      display: none;
    }
  }

    /* iPad 3, 4 and Pro 9.7" */
    @media only screen
    and (min-device-width: 767.99px)
    and (max-device-width: 1023.98px)
    and (-webkit-min-device-pixel-ratio: 2) {
      #open-act-mobile {
        display: block;
      }
    }


/*Portrait*/
    @media only screen
    and (min-device-width: 767.99px)
    and (max-device-width: 1023.98px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 2) {
      #open-act-mobile {
        display: block;
      }
    }

/*Landscape*/
    @media only screen
  and (min-device-width: 767.99px)
  and (max-device-width: 1023.98px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    #open-act-mobile {
      display: block;
    }
  }

        /* iPad Pro 12" */
        @media only screen
        and (min-device-width: 1023.99px)
        and (max-device-width: 1365.98px)
        and (-webkit-min-device-pixel-ratio: 2) {
          #open-act-mobile {
            display: none;
          }
        }

      /*Release related isolated styles*/
      @media (max-width: 767px) {
          #open-act-mobile {
              display: block;
          }

          .bg-clear .global-nav .open-act-group .dropdown-menu li {
            padding: 0;
        }

      }

      @media screen and (min-width: 1024px) {
        .navbar-container .naked-xfpage-v2.xfpage.page.basicpage,
        .navbar-container .naked-xfpage-v2.xfpage.page.basicpage .container {
            width: 100%;
            display: flex;
            justify-content: center;
        }
      }

/*********************************/
/*TRUIST CAROUSEL V1*/
.carousel-control-next, .carousel-control-prev {
    width: 5rem;
}
/*generic carousel*/
.generic-carousel .carousel-item.genCarousel-bg {
    min-height: 0;
}
.generic-carousel .carousel-control-next,
.generic-carousel .carousel-control-prev {
    width: 5rem;
    display: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: rgba(0, 0, 0, 0.45) !important;
    padding: 1rem !important;
}
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    background: rgba(0, 0, 0, 0.65) !important;
}
.carousel-control-prev-icon:focus .carousel-control-prev-icon,
.carousel-control-next-icon:focus .carousel-control-next-icon:focus {
    border-color: #fff !important;
    border-width: 1.5px !important;
    outline:rgba(0, 0, 0, 0.45) solid 1px !important;
}

.generic-carousel .carousel-inner.genCarousel-inner {
    height: auto;
    border-radius: 2rem;
    background-color: #f7f7f7;
}
/*truist card*/
.generic-carousel .truist-card.truist-card-container {
    display: flex;
    flex-direction: column;
}
.generic-carousel .truist-card .genCarousel-Img {
    width: auto;
    float: none;
    max-height: 48rem;
    overflow: hidden;
    flex: 1;
}
.generic-carousel .carousel-caption {
    position: static;
}
.generic-carousel .truist-card .genCarousel-SubHeading {
    margin: 5rem 5rem -3rem;
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: 600;
    color: #7c6992;
    text-transform: uppercase;
    opacity: 1;
}
.generic-carousel .truist-card .genCarousel-SubHeading:empty {
    display: none;
}
.generic-carousel .truist-card .genCarousel-MainHeading {
    margin: 5rem 5rem 3rem;
    font-size: 3.6rem;
    line-height: 4.2rem;
    font-weight: 300;
}
.generic-carousel .genCarousel-content {
    font-size: 1.6rem;
    color: inherit;
    display: block;
    margin: 0 5rem 5rem;
    line-height: 1.5em;
}
.generic-carousel .genCarousel-content p,
.generic-carousel .genCarousel-content ul,
.generic-carousel .genCarousel-content ol {
    margin-bottom: 2rem;
}
.generic-carousel .genCarousel-button,
.generic-carousel .genCarousel-cta {
    align-self: flex-start;
    margin: -3rem 5rem 5rem;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background: rgba(0, 0, 0, 0.45) !important;
    padding: 1rem !important;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    background: rgba(0, 0, 0, 0.65) !important;
}

.carousel-control-prev-icon:focus .carousel-control-prev-icon,
.carousel-control-next-icon:focus .carousel-control-next-icon:focus {
    border-color: #fff !important;
    border-width: 1.5px !important;
    outline:rgba(0, 0, 0, 0.45) solid 1px !important;
}

/*grid container*/
.generic-carousel .row,
.generic-carousel-custom .row {
    margin-right: 0;
    margin-left: 0;
}
.generic-carousel-custom .carousel-inner.genCarousel-inner {
    display: flex;
}
.generic-carousel-custom .carousel-item > .gridlayoutcontainer {
    margin: 3rem 3rem 2rem;
}

.generic-carousel .carousel-indicators {
    z-index: 9;
    }

@media (max-width: 767px) {
    .generic-carousel .carousel-caption.genCarousel-contentSec {
        transform: none;
        margin: 0;
        padding: 0;
        width: auto;
    }
    .generic-carousel .genCarousel-cta {
        margin-top: -3rem;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .generic-carousel .carousel-caption.genCarousel-contentSec {
        transform: none;
        margin: 0;
        padding: 0;
        width: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .generic-carousel .carousel-caption.genCarousel-contentSec {
        transform: none;
        margin: 0;
        padding: 0;
        width: auto;
    }
}
@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
    .generic-carousel .carousel-caption.genCarousel-contentSec {
        transform: none;
        margin: 0;
        padding: 0;
        width: auto;}
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
    .generic-carousel-component-instance .carousel-indicators {
        margin-right: 5%;
        margin-left: 5%;
    }
}
@media (min-width: 897px) {
    /*truist card*/
    .generic-carousel .truist-card.truist-card-container {
        flex-direction: row;
        min-height: 60rem;
    }
    .generic-carousel .truist-card .genCarousel-Img {
        max-height: none;
    }
    .generic-carousel .truist-card .genCarousel-Img img {
        max-width: none;
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .generic-carousel .truist-card .genCarousel-Img.right {
        order: 2;
    }

    .generic-carousel .carousel-control-next,
    .generic-carousel .carousel-control-prev {
        display: flex;
    }

    .generic-carousel .truist-card .genCarousel-SubHeading,
    .generic-carousel .truist-card .genCarousel-MainHeading,
    .generic-carousel .genCarousel-content,
    .generic-carousel .genCarousel-button,
    .generic-carousel .genCarousel-cta {
        margin-right: 10rem;
        margin-left: 10rem;
    }

    /*grid container*/
    .generic-carousel-custom .carousel-item.genCarousel-bg {
        min-height: 60rem;
        display: flex;
        align-items: center;
    }
    .generic-carousel-custom .carousel-item > .gridlayoutcontainer {
        margin: 5rem 10rem;
    }
}
/*hero banner carousel*/
.hero-banner-carousel .carousel-item.genCarousel-bg {
    min-height: 45rem;
}
.hero-banner-carousel .carousel-control-next,
.hero-banner-carousel .carousel-control-prev {
    width: 9.5rem;
}
@media (max-width: 768px){
    .hero-banner-carousel .hero-text:only-child .global-cta-btn a:last-child {
        margin-bottom: 8rem;
    }
}
@media (min-width: 768px){
    .hero-banner-carousel .carousel-inner.genCarousel-inner {
        padding: 0 1.5rem;
        width: 100%;
    }
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
    .hero-banner-carousel .wrapperMode .carousel-inner>.carousel-item.active {
        width: 100%;
    }
    .hero-banner-carousel .wrapperMode .carousel-inner:after {
        position: static;
    }
}

.generic-carousel .truist-card .genCarousel-SubHeading,
.generic-carousel .truist-card .genCarousel-MainHeading {
    display: block;
}

.truist-carousel .carousel-indicators li {
    color: transparent;
    font-size: 0;
    position: relative;
    padding-bottom: 0;
}

.carousel-indicators li:after {
    content: '';
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
 }
.orion-hero-text-color--white .orion-hero-carousel__action {
  color: #FFF;
}

.orion-hero-text-color--midnight .orion-hero-carousel__action {
  color: #2e1a47;
  border: 1px solid #2e1a47;
}

.orion-hero-text-color--dawn .orion-hero-carousel__action {
  color: #afabc9;
  border: 1px solid #afabc9;
}

.orion-hero-text-color--white .orion-hero-carousel__action:focus {
  color: #2e1a47;
}

.orion-hero-text-color--dawn .orion-hero-carousel__action:focus {
  color: #2e1a47;
  border: 1px solid #2e1a47;
}

.orion-hero-carousel__panel__content {
  width: 100%;
  min-height: 450px;
  overflow: hidden;
  max-height: 100%;
  position: relative;
  display: flex;
}

.orion-text-align-left {
  text-align: left;
}

.orion-text-align-right {
  text-align: right;
}

.orion-text-align-center {
  text-align: center;
}

.orion-hero-text-color--white {
  color: #FFF;
}

.orion-hero-text-color--midnight {
  color: #2e1a47;
}

.orion-hero-text-color--dawn {
  color: #afabc9;
}

.orion-hero-background--white {
  background: #FFF;
}

.orion-hero-background--midnight {
  background: #2e1a47;
}

.orion-hero-background--dawn {
  background: #afabc9;
}

.orion-hero-carousel__controls__item::after {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 300%;
  height: 300%;
}

.hero-text__scroll {
  max-height: 40rem;
  overflow-y: auto;
  margin-bottom: 20px;
  margin-left:10px;
}

.orion-hero-carousel__actions {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.hero-banner-carousel .orion-hero-carousel__action {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 136px;
  max-width: 100%;
  width: auto;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 7px;
  text-align: center;
  font-size: 1.6rem;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  height: 48px;
}

.orion-hero-carousel__actions a:first-child {
  margin-bottom: 10px;
  margin-right: 10px;
}

.orion-hero-carousel__action:hover {
  color: #2e1a47;
  background: #fff;
  border-color: #2e1a47;
}

.orion-hero-carousel__action:focus {
  outline-offset: -7px;
  outline: 1px solid currentColor;
  background: #fff;
  color: #2e1a47;
}

.orion-hero-carousel__panel__content {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  display: block;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hero-text {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 80rem;
  text-align: inherit;
  color: inherit;
  padding-top: 0;
}

p.sub-heading {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 3rem;
  margin-bottom: 0;
}

.hero-text a {
  color: #fff;
  text-decoration: underline;
}

.hero-text.orion-text-align-left {
  text-align: left;
}

.hero-text.orion-text-align-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.hero-text.orion-text-align-right {
  text-align: right;
}

.hero-text__scroll {
  margin-bottom: 0;
}

.hero-text__scroll p {
  margin-bottom: 2rem;
}

.hero-text__scroll h1,
.hero-text__scroll h2,
.hero-text__scroll h3,
.hero-text__scroll h4,
.hero-text__scroll h5,
.hero-text__scroll h6 {
  margin-bottom: 0;
}

.orion-hero-carousel__controls__item:hover:not(.is-active) {
  background: #7C6992;
}

.orion-hero-carousel__panel__content--gradient {
  font-size: inherit;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.54);
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.54);
  min-height: inherit;
  background-position: center;
}

.hero-content-container {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px;
  min-height: 100%;
}

.hero-content-container.orion-hero-carousel__panel__content--text.orion-hero-justify-center {
  display: grid;
  grid-template-columns: none;
}

.hero-content-container .global-cta-btn a:not(:first-child) {
  margin-left: 0;
}

.hero-content-container>* {
  z-index: 2;
}


.global-cta-btn a,
.global-cta-btn a.modalWindow {
  background: transparent;
  border: 2px solid #fff;
  color: #2e1a47;
  margin-bottom: 0;
  margin-top: 1rem;
  text-align: center;
}

.global-cta-btn a:hover,
.global-cta-btn a:active {
  background: #fff;
  border: 2px solid #fff;
  color: #2e1a47;
}

.global-cta-btn a:focus {
  outline: 1px solid #fff;
  outline-offset: -4px;
}

.pre-heading {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  display: block;
  line-height: 1em;
}

.pre-heading:empty {
  display: none
}

.herobanner .global-cta-btn {
  margin-left:10px;
}

.orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
  font-size: 4.8rem;
  line-height: 5.4rem;
  font-weight: 300;
  display: block;
  padding: .5rem 0;
}

.is-active.orion-hero-carousel__panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: imageScaleTablet 0.75s both cubic-bezier(0, 0, 0.21, 1);
  animation: imageScaleTablet 0.75s both cubic-bezier(0, 0, 0.21, 1);
}

.is-active.orion-hero-carousel__panel>.orion-hero-carousel__panel__content>* {
  -webkit-animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
  animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
}

.is-active.orion-hero-carousel__panel>.orion-hero-carousel__panel__content__images {
  -webkit-animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.4s;
  animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.4s;
}

.orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
  font-size: 3.6rem;
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}

.sub-heading {
  margin-top: 3rem;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0;
}

.orion-hero-carousel__panel__content__images {
  display: none;
}

.orion-hero-carousel__panel__content__images--info {
  display: flex;
  width: 100%;
  border-radius: 10px;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20%;
}

.orion-hero-carousel__panel__content__images--info>* {
  text-align: center;
  max-width: 220px;
}

.orion-hero-carousel__panel__content__images--info p {
  font-size: 1.6rem;
  margin-top: 0;
  margin-bottom: 10px;
}

.orion-hero-carousel__panel__content__images--info h2 {
  font-size: 2.4rem;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 400;
}

.orion-hero-carousel__panel__content__images--info sup {
  font-size: 1.2rem;
  vertical-align: top;
  top: 0;
  position: relative;
}

.hero-content-container.orion-hero-carousel__panel__content--text {
  display: -ms-flexbox;
  display: flex;
}

.orion-hero-carousel__image {
  width: 260px;
}

.orion-hero-carousel-background-img {
  width: 100%;
  min-width: 100%;
  position: absolute;
  left: 0;
  height: 100%;
  z-index: -1;
  -o-object-fit: cover;
  object-fit: cover;
}

.herobanner {
  min-height: 450px;
  height: 100%;
  max-height: 100%;
  width: 100%;
}

.orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info>.hide-side-rte {
  display: none;
}

@media only screen and (max-width: 414px) and (orientation: portrait) {
  .hero-banner-carousel .wrapperMode .carousel-inner>.carousel-item.active {
    width: 100%;
  }

  .hero-banner-carousel .wrapperMode .carousel-inner:after {
    position: static;
  }
}

@media (min-width: 767px) {
  .orion-hero-carousel__action {
    width: 136px;
  }

  .pre-heading {
    font-weight: 500;
    font-size: 1.6rem;
  }

  .orion-hero-carousel__panel__content--gradient {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5368522408963585) 0%, rgba(0, 0, 0, 0.5368522408963585) 50%, rgba(0, 0, 0, 0.396796218487395) 68%, rgba(0, 0, 0, 0.20351890756302526) 85%, rgba(0, 0, 0, 0.09987745098039214) 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .orion-hero-carousel__actions {
    flex-wrap: nowrap;
  }

  .orion-hero-carousel__actions a:first-child {
    margin-right: 10px;
  }

  .orion-hero-carousel__image {
    width: auto;
  }

  .orion-hero-carousel__panel__content__images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hero-content-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    min-height: inherit;
    width: 82.3%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
  }

  .hero-content-container .global-cta-btn a:not(:first-child) {
    margin-left: 0;
  }

  .hero-content-container.orion-hero-carousel__panel__content--text {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }

  .orion-hero-carousel__panel__content__images--info>* {
    max-width: 260px;
  }

  .orion-hero-carousel__panel__content__images--info sup {
    font-size: 1.6rem;
    top: 4px;
  }

  .orion-hero-carousel__panel__content__images--info p {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }

  .orion-hero-carousel__panel__content__images--info h2 {
    font-size: 4.8rem;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .orion-hero-carousel__buttons-container {
    display: block;
  }

  .orion-hero-carousel__action {
    height: 50px;
    font-size: 1.8rem;
  }

  .pre-heading {
    font-size: 1.6rem;
  }

  .sub-heading {
    margin-top: 20px;
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .orion-hero-carousel__panel__content {
    min-height: 450px;
    height: 100%;
    border-radius: 20px;
  }

  .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
    font-size: 4.8rem;
    line-height: 1.1;
  }

  .orion-hero-carousel__panel__content__images {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .orion-hero-carousel__panel__content__images--dusk {
    background: #7C6992;
  }

  .orion-hero-carousel__panel__content__images--midnight {
    background: #2e1a47;
  }

  .orion-hero-carousel__panel__content__images--dawn {
    background: rgba(231, 230, 239, 0.5);
  }

  .orion-hero-carousel__panel__content__images--info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    -ms-flex-item-align: center;
    align-self: center;
    width: 260px;
    height: 300px;
    padding: 16px;
  }

  .orion-hero-carousel__panel {
    height: 480px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }

  .herobanner .global-cta-btn a {
    margin: 10px 0;
  }
}

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

  .herobanner .global-cta-btn a {
    margin: 10px 0;
    display: inline-block;
  }

  .orion-hero-carousel-background-img {
    height: 100%;
  }

  .herobanner .orion-hero-carousel__panel__content {
    height: 100%;
    max-height: 100%;
  }

  .orion-hero-carousel__panel__content__images--info {
    margin-bottom: 80px;
    padding: 5px 20px;
  }

  .hero-content-container .global-cta-btn a:not(:first-child) {
    margin-left: 0;
  }

  .hero-banner-carousel .carousel-indicators {
    position: absolute;
    margin: 20px 0 10px 0;
  }

  .hero-banner-carousel .carousel-item.genCarousel-bg {
    min-height: 45rem;
  }

  .hero-banner-carousel .carousel-control-next,
  .hero-banner-carousel .carousel-control-prev {
    width: 9.5rem;
  }

  .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info.hide-side-rte {
    display: none;
  }

  .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info>.hide-side-rte {
    display: none;
  }
}

@media (max-width: 768px){
  .herobanner .hero-content-container {
    width: 100%;
    padding: 2rem;
  }
}

@media only screen and (max-width: 768px) {
  .orion-hero-carousel__panel__content {
    min-height: 450px;
    max-height: 100%;
  }

  .global-cta-btn a {
    margin: 10px 0;
  }
  .hero-banner-carousel .hero-text:only-child .global-cta-btn a:last-child {
    margin-bottom: 8rem;
  }

  .hero-banner-carousel .carousel-inner.genCarousel-inner {
    padding: 0 1.5rem;
    width: 100%;
  }

  .hero-content-container {
    width: 100%;
    padding: 2rem;
  }
}

@media (min-width: 769px){
  .hero-text__scroll {
    max-height: 25rem;
  }

  .pre-heading {
    font-size: 1.6rem;
  }

  .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
    font-size: 4.8rem;
    line-height: 5.4rem;
  }

  p.sub-heading,
  p.sub-heading ~ p {
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .hero-content-container .global-cta-btn a:not(:first-child) {
    margin-left: 1rem;
  }

  .hero-content-container {
    padding: 0;
  }
  /*single hero*/

  /* .herobanner:not(.truist-carousel .herobanner){
    padding: 0 1.5rem;
    margin: 0 auto !important;
    max-width: 1600px;
    float: none !important;
    } */

}

@media (min-width: 1024px) {
  .orion-hero-carousel__actions {
    flex-wrap: nowrap;
  }

  .orion-hero-carousel__actions a:first-child {
    margin-right: 10px;
  }

  .hero-banner-carousel .orion-hero-carousel__action {
    width: auto;
    padding: 0 10px;
  }

  .is-active.orion-hero-carousel__panel {
    -webkit-animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
    animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
  }

  .hero-content-container.orion-hero-carousel__panel__content--text {
    display: grid;
  }

  .hero-text__scroll {
    max-height: 50rem;
  }

  .orion-hero-carousel__buttons>svg {
    height: 24px;
    width: 24px;
  }

  .orion-hero-carousel__panel {
    height: 450px;
    padding: 0;
  }

  .orion-hero-carousel__panel__content {
    min-height: 450px;
    height: 100%;
    padding: 0;
  }

  .orion-hero-carousel__panel__content span.orion-hero-text-color--white:not(.pre-heading) {
    font-size: 6rem;
    line-height: 1.1;
  }

  .orion-hero-carousel__panel__content__images.orion-hero-carousel__panel__content__images--info {
    display: -ms-flexbox;
    display: flex;
    width: 350px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    height: 100%;
    border-radius: 0;
    padding: 0;
  }
}

@-webkit-keyframes imageScale {
  0% {
    background-size: 1842px 760px;
    opacity: 0;
  }

  100% {
    background-size: 1660px 660px;
    opacity: 1;
  }
}

@keyframes imageScale {
  0% {
    background-size: 1842px 760px;
    opacity: 0;
  }

  100% {
    background-size: 1660px 660px;
    opacity: 1;
  }
}

@-webkit-keyframes imageScaleTablet {
  0% {
    background-size: 1446px 580px;
    opacity: 0;
  }

  100% {
    background-size: 1166px 480px;
    opacity: 1;
  }
}

@keyframes imageScaleTablet {
  0% {
    background-size: 1446px 580px;
    opacity: 0;
  }

  100% {
    background-size: 1166px 480px;
    opacity: 1;
  }
}

@-webkit-keyframes textFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes textFade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media(min-width: 768px) {
  .hero-banner-carousel .carousel-inner.genCarousel-inner {
    padding: 0 1.5rem;
    width: 100%;
  }
}

/*quick banner fix*/
.hero-banner-carousel .carousel-item.genCarousel-bg {
  min-height: 45rem !important;
}

.herobanner .global-cta-btn a {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.herobanner .global-cta-btn a:hover,
.herobanner .global-cta-btn a:active {
  background: #fff;
  color: #2e1a47;
}

/*Generic Carousel Component Styles */
.hidden,
.hidden-json-path {
    display: none !important;
}

/*
.carousel-inner > .carousel-item.genCarousel-bg {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}
*/
.generic-carousel-component-instance {
    width: 100%;
}

/* Wrapped mode options starts */
.wrapperMode .genCarousel-inner {
    width: 90%;
    margin: 0 auto;
}

.wrapperMode .contentSideArrowPrev {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");*/
}

.wrapperMode .contentSideArrowNxt {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");*/
}

.wrapperMode .carousel-caption.genCarousel-contentSec {
    transform: translateY(-87%);
    padding: 10px;
}

/* Wrapped mode options ends */

.carousel-item.genCarousel-bg {
    /* transition: transform 2s ease, opacity .5s ease-out; */
    min-height: 600px;
}

.genCarousel-bg {
    background: #f7f7f7;
    border-radius: 20px;
    overflow: visible;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: visible;
  }

.genCarousel-Img.right {
    width: 50%;
    float: right;
}

.genCarousel-Img.right img {
    /* border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; */
    max-width: 100%;
    width: 100%;
}

.carousel-caption.genCarousel-contentSec {
    color: #2e1a47;
    margin: 0 50px;
    text-align: left;
    width: 40%;
    height: auto;
    left: 0;
    transform: translateY(-88%);
    top: 50%;
    right: 0;
    bottom: initial;
    padding: 20px;
}

.carousel-inner.genCarousel-inner {
    height: 600px;
    border-radius: 20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
    width: auto;
    height: auto;
    background: rgb(0, 0, 0, 0.43);
    padding: 1rem;
    font-size: 3rem;
    transition: padding .4s ease-out;
    border-radius: 0 .25em .25em 0;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    background: rgb(0, 0, 0, 0.63);
    padding: 1rem;
}

.carousel-control-prev:focus .carousel-control-prev-icon,
.carousel-control-next:focus .carousel-control-next-icon {
    padding: 1rem;
    border: 2px solid var(--truNeutral500);
    border-radius: 5px;
    opacity: 1;
}

.carousel-control-prev-icon:before,
.carousel-control-next-icon:before {
    font-family: "truist-icons";
    content: '\e80e';
    color: #fff;
    font-weight: 500;
    display: inline-block;
    font-style: normal;
    text-decoration: inherit;
    transform: rotate(180deg);
}

.wrapperMode .carousel-control-prev-icon,
.wrapperMode .carousel-control-next-icon,
.wrapperMode .carousel-control-prev-icon:hover,
.wrapperMode .carousel-control-next-icon:hover {
    background: none;
}

.wrapperMode .carousel-control-prev:focus .carousel-control-prev-icon,
.wrapperMode .carousel-control-next:focus .carousel-control-next-icon {
    background: none;
    border: 2px solid var(--truNeutral500);
    border-radius: 5px;
    opacity: 1;
}

.carousel-control-next-icon {
    transform: rotate(-180deg);
    padding: 1rem 1.5rem 1rem 1rem;
}

.wrapperMode .carousel-control-prev-icon:before,
.wrapperMode .carousel-control-next-icon:before {
    color: #040c31;
    font-weight: 500;
}

.carousel-indicators {
    z-index: 1;
    position: relative;
}

.carousel-indicators li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #2e1a47;
    margin: 24px 12px;
    opacity: 1;
}

.carousel-indicators li:hover {
    background-color: #2e1a47;
    border: 2px solid #2e1a47;
    opacity: .6;
}

.carousel-indicators li:focus {
    outline: 2px solid var(--truNeutral500);
    outline-offset: 5px;
}

.carousel-indicators li.active {
    background-color: #2e1a47;
    border: 2px solid #2e1a47;
}

.carousel-control-next,
.carousel-control-prev {
    bottom: 70px;
    width: 3%;
    opacity: 1;
}

.contentSideArrowPrev {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");*/
}

.genCarousel-SubHeading {
    font-size: 2rem;
    color: #2e1a47;
    font-weight: bold;
    opacity: .6;
}

.genCarousel-MainHeading {
    font-size: 3.5rem;
    color: #2e1a47;
    margin: 15px 0;
}

.genCarousel-content {
    font-size: 1.5rem;
    color: var(--truNeutral500);
    margin-bottom: 25px;
}

.genCarousel-button {
    font-size: 1.5rem;
    color: #ffffff;
    background: #2e1a47;
    border: 2px solid #2e1a47;
    outline: none;
    padding: 1rem 2rem;
    border-radius: .5rem;
    text-decoration: none;
    margin-right: 20px;
}

.genCarousel-button:hover,
.genCarousel-button:focus {
    color: #2e1a47;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #2e1a47;
    font-weight: bold;
}

.genCarousel-cta {
    font-size: 1.5rem;
    color: #2e1a47;
    text-decoration: underline;
    cursor: pointer;
}

.genCarousel-cta:hover,
.genCarousel-cta:focus {
    text-decoration: none;
    color: #2e1a47;
    cursor: pointer;
}

.genCarousel_slidePagination {
    position: relative;
    text-align: center;
    padding: 20px;
}

ul.carousel-indicators.moreThan5slides li {
    background-color: transparent;
    border: 0;
    width: auto;
    cursor: default;
    display: none;
    text-indent: -99999px;
}

ul.carousel-indicators.moreThan5slides .active {
    outline: none;
    text-indent: 0;
    cursor: default;
    height: auto;
    display: flex;
}

ul.carousel-indicators.moreThan5slides .active:hover {
    opacity: 1;
}


/* Hero Banner Carousel Section starts */

@-webkit-keyframes imageScale {
    0% {
        background-size: 1842px 760px;
        opacity: 0;
    }

    100% {
        background-size: 1660px 660px;
        opacity: 1;
    }
}

@keyframes imageScale {
    0% {
        background-size: 1842px 760px;
        opacity: 0;
    }

    100% {
        background-size: 1660px 660px;
        opacity: 1;
    }
}

@-webkit-keyframes imageScaleTablet {
    0% {
        background-size: 1446px 580px;
        opacity: 0;
    }

    100% {
        background-size: 1166px 480px;
        opacity: 1;
    }
}

@keyframes imageScaleTablet {
    0% {
        background-size: 1446px 580px;
        opacity: 0;
    }

    100% {
        background-size: 1166px 480px;
        opacity: 1;
    }
}

@-webkit-keyframes textFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes textFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.hero-banner-carousel .carousel-inner.genCarousel-inner {
    height: auto;
    border-radius: 20px;
}

.hero-banner-carousel>.carousel-item.genCarousel-bg>* {
    -webkit-animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
    animation: textFade 1s both cubic-bezier(0, 0, 0.21, 1) 0.2s;
}

.hero-banner-carousel .carousel-item.genCarousel-bg {
    -webkit-animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
    animation: imageScale 0.75s both cubic-bezier(0, 0, 0.21, 1);
}

.hero-banner-carousel .carousel-caption.genCarousel-contentSec {
    transform: translateY(-50%);
}

.hero-banner-carousel .carousel-control-prev-icon,
.hero-banner-carousel .carousel-control-next-icon {
    background: none;
}

.hero-banner-carousel .carousel-control-prev-icon:before,
.hero-banner-carousel .carousel-control-next-icon:before {
    color: #fff;
}

.hero-banner-carousel .carousel-control-prev-icon:hover,
.hero-banner-carousel .carousel-control-next-icon:hover {
    padding: 1rem 1.5rem 1rem 1rem;
}

.hero-banner-carousel .carousel-control-prev:focus .carousel-control-prev-icon,
.hero-banner-carousel .carousel-control-next:focus .carousel-control-next-icon {
    padding: 1rem 1.5rem 1rem 1rem;
    border: 2px solid #ffffff;
    border-radius: 5px;
}

.hero-banner-carousel .carousel-indicators {
    position: absolute;
    margin-bottom: 20px;
}

.hero-banner-carousel .carousel-indicators li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #FFF;
    margin: 24px 12px;
    opacity: 1;
}

.hero-banner-carousel .carousel-indicators li.active {
    background-color: #FFF;
    border: 2px solid #FFF;
}

.hero-banner-carousel .carousel-indicators li:hover {
    background-color: #7C6992;
}

.hero-banner-carousel .carousel-indicators li:focus {
    outline: 2px solid #ffffff;
    outline-offset: 5px;
}

.hero-banner-carousel .orion-hero-carousel__action {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 136px;
    max-width: 100%;
    width: fit-content;
    text-decoration: none;
    padding: 0 10px;
    border: 1px solid #FFF;
    border-radius: 7px;
    text-align: center;
    font-size: 1.6rem;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    height: 48px;
}

.hero-banner-carousel .orion-hero-carousel__action:hover {
    color: #2e1a47;
    background: #fff;
    border-color: #2e1a47;
}

.orion-hero-text-color--white .orion-hero-carousel__action {
    color: #FFF;
}

.orion-hero-text-color--midnight .orion-hero-carousel__action {
    color: #2e1a47;
    border: 1px solid #2e1a47;
}

.orion-hero-text-color--dawn .orion-hero-carousel__action {
    color: #afabc9;
    border: 1px solid #afabc9;
}

.hero-banner-carousel .carousel-control-next,
.hero-banner-carousel .carousel-control-prev {
    bottom: 0;
}

.hero-banner-carousel .orion-text-align-right .orion-hero-carousel__actions,
.hero-banner-carousel .orion-text-align-center .orion-hero-carousel__actions {
    display: block;
}

/* Hero Banner Carousel Section Ends */

/* Media queries starts here */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .carousel-caption.genCarousel-contentSec {
        transform: translateY(-62%);
        padding: 0 10px;
    }

    .wrapperMode .carousel-item.genCarousel-bg {
        min-height: auto;
    }

    .wrapperMode .carousel-inner.genCarousel-inner {
        height: auto;
    }

    .wrapperMode .carousel-caption.genCarousel-contentSec {
        transform: translateY(-50%);
        margin: 0px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .carousel-caption.genCarousel-contentSec {
        transform: translateY(-62%);
    }

    .wrapperMode .carousel-caption.genCarousel-contentSec {
        transform: translateY(-55%);
        margin: 0px 40px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 747px;
    }

    .genCarousel-cta {
        display: inline-block;
        margin-top: 20px;
    }

    .carousel-inner.genCarousel-inner {
        height: auto;
        border-radius: 20px;
    }

    .genCarousel-Img.right {
        width: 100%;
        display: block;
        position: relative;
        clear: both;
        float: none;
    }

    .genCarousel-Img.right img {
        border-bottom-right-radius: 0;
        max-width: 100%;
    }

    .carousel-caption.genCarousel-contentSec {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin: 40px 0;
        transform: none;
    }

    /* .carousel-control-next,
    .carousel-control-prev {
        display: none;
    } */
}

/* All Mobile portrait views */

@media only screen and (max-width: 414px) and (orientation: portrait) {
    .generic-carousel-component-instance {
        width: 100%;
    }

    .carousel-item.genCarousel-bg {
        width: 90%;
        margin-left: 20px;
        height: auto;
    }

    .contentSideArrowNxt {
        /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232e1a47' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");*/
    }

    .generic-carousel-component-instance {
        overflow: hidden;
    }

    .generic-carousel-component-instance .carousel-indicators {
        margin-right: 25%;
        margin-left: 25%;
    }

    .generic-carousel-component-instance .carousel-control-prev,
    .generic-carousel-component-instance .carousel-control-next {
        display: none;
        /*background: rgba(255, 255, 255, 0.3);
        width: 5%;
        z-index: 11;*/
        /* .carousel-caption has z-index 10 */
    }

    /* .generic-carousel-component-instance .carousel-inner {
        width: 150%;
        left: -25%; 
    }*/

    .carousel-inner>.carousel-item.next,
    .carousel-inner>.carousel-item.active.right {
        -webkit-transform: translate3d(33%, 0, 0);
        transform: translate3d(33%, 0, 0);
    }

    .carousel-inner>.carousel-item.prev,
    .carousel-inner>.carousel-item.active.left {
        -webkit-transform: translate3d(-33%, 0, 0);
        transform: translate3d(-33%, 0, 0);
    }

    /*  .genCarousel-bg {
        float: left;
        position: relative;
        captions can now be added
        width: 33.33333333%;
    } */

    .carousel,
    .carousel-inner,
    .carousel-inner>.carousel-item {
        overflow: hidden;
    }

    .carousel-inner>.carousel-item.active,
    .carousel-inner>.carousel-item-next {
        display: flex;
        flex-wrap: wrap;
        /* width: auto; */
    }

    .carousel-inner:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 96%;
        left: 0;
        content: "";
        display: block;
        background-color: #fff;
        z-index: 2;
    }

    .carousel-inner:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 95%;
        content: "";
        display: block;
        background-color: #fff;
        z-index: 2;
    }

    .wrapperMode .carousel-inner:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 95%;
        content: "";
        display: block;
        background-color: #fff;
        z-index: 2;
    }

    .wrapperMode .carousel-inner>.carousel-item.active {
        display: flex;
        flex-wrap: wrap;
        width: 90%;
    }

    .wrapperMode .carousel-inner>.carousel-item-next {
        display: flex;
        flex-wrap: nowrap;
        width: 90%;
    }

    .wrapperMode .genCarousel-Img.right,
    .wrapperMode .carousel-caption.genCarousel-contentSec {
        height: 100%;
        width: 100%;
        min-width: 300px;
        clear: both;
        float: none;
        transform: none;
    }
}

@media only screen and (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {

    .genCarousel-SubHeading {
        font-size: 1.75rem;
    }

    .genCarousel-MainHeading {
        font-size: 3rem;
    }

    .carousel-caption.genCarousel-contentSec {
        transform: translateY(-55%);
        margin: 15px 40px;
    }

    .wrapperMode .carousel-item.genCarousel-bg,
    .carousel-item.genCarousel-bg {
        min-height: auto;
    }

    .wrapperMode .carousel-inner.genCarousel-inner,
    .carousel-inner.genCarousel-inner {
        height: auto;
    }

    .wrapperMode .genCarousel-content {
        display: none;
    }

    .wrapperMode .carousel-caption.genCarousel-contentSec {
        transform: translateY(-52%);
        margin: 0px 30px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon,
    .overlay-image {
        display: none;
    }
}

.hero-banner-carousel {
    overflow: hidden;
}

.hero-banner-carousel .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.generic-carousel-component-instance {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

.hero-banner-carousel .carousel-inner.genCarousel-inner {
    height: auto;
    border-radius: 20px;
    width: 97%;
    overflow: hidden;
    margin: auto;
    max-width: 1600px;
}

.carousel-control-next,
.carousel-control-prev {
    bottom: 70px;
    width: 95px;
    opacity: 1;
}

.hero-banner-carousel .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

@media only screen and (max-width: 414px) and (orientation: portrait) {
    .hero-banner-carousel .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon,
    .overlay-image {
        display: none;
    }

    .carousel-inner:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        left: 0;
        content: "";
        display: block;
        background-color: #fff;
        z-index: 2;
    }

    .carousel-inner:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 100%;
        content: "";
        display: block;
        background-color: #fff;
        z-index: 2;
    }

    .carousel-item.genCarousel-bg {
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    .hero-content-container {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        padding: 20px 36px;
        min-height: 100%;
    }

    .hero-banner-carousel .carousel-inner.genCarousel-inner {
        height: auto;
        border-radius: 0;
    }
}

@media only screen and (max-width: 768px) {
    .hero-banner-carousel .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }


    .hero-banner-carousel .carousel-inner.genCarousel-inner {
        border-radius: 0;
    }

    .hero-banner-carousel .genCarousel-bg {
        border-radius: 0;
    }

    .orion-hero-carousel__panel__content {
        min-height: 480px;
        height: 100%;
        max-height: 480px;
        border-radius: 0;
    }
}
.section-change-show {
	display: block !important;
}

.section-change-hide {
	display: none !important;
}

/* drop down form */
.truist-drop-down-box form {
	display: flex;
	align-items: center;
}

.truist-drop-down-box input,
.truist-drop-down-box select {
	height: 5rem;
	padding: 0 2rem;
	border: none;
}

.truist-drop-down-box select {
	/* remove default arrow*/
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: #fff;
	border-radius: 3px 0 0 3px;
	width: 100%;
}

.truist-drop-down-box select::-ms-expand {
	display: none;
}

.truist-drop-down-box input[type="button"] {
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	background: #b0e0e2;
	font-weight: bold;
}

.truist-drop-down-box .truist-select-wrapper,
.truist-drop-down-box .truist-select-wrapper-open {
	position: relative;
	flex: 1;
}

.truist-drop-down-box .truist-select-wrapper:after,
.truist-drop-down-box .truist-select-wrapper-open:after
{
	font-family: 'truist-icons';
	font-size: 2.4rem;
	position: absolute;
	top: 11px;
	right: 11px;
	color: #434B67;
	pointer-events: none;
}

.truist-drop-down-box .truist-select-wrapper:after {
    content: '\e80c';
}

.truist-drop-down-box .truist-select-wrapper-open:after {
   	content: '\e810';
}

.truist-drop-down-box form {
	border: 1px var(--truNeutral500) solid;
	border-radius: 4px;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

.ori-icon {
  height: 1.8rem;
  fill: currentColor;
  width: 1.8rem;
}

.ori-tabs {
  font-size: 1.8rem;
  width: 98%;
}

ul.ori-tabs__list {
  list-style: none;
}

.ori-tabs__position--relative {
  position: relative;
  width: 93%;
}

.ori-tabs__list {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  border-bottom: 1px solid #afabc9;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
}

.ori-tabs__list--pills {
  background: #563e7c;
  border-radius: 1%/12%;
  padding: 0.8rem;
  overflow-x: hidden;
}

.ori-tabs__list::-webkit-scrollbar {
  display: none;
}

.ori-tabs__tab__button {
  font-size: inherit;
  background: transparent;
  border: transparent;
  height: inherit;
  width: inherit;
  border-radius: 0.7rem;
  color: inherit;
  cursor: pointer;
  padding: 1.5rem;
}

.ori-tabs__tab__button:focus {
  outline: 1px solid #2e1a47;
  outline-offset: -5px;
}

.ori-tabs__tab {
  font-size: 2rem;
  color: #7c6992;
  border: transparent;
  border-bottom: 2px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.ori-tabs__tab:not(.ori-tabs__tab--pills):hover {
  border-bottom: 2px solid #afabc9;
  color: #2e1a47;
}

.ori-tabs__tab.is-active:not(.ori-tabs__tab--pills),
.ori-tabs__tab.is-active:not(.ori-tabs__tab--pills):hover {
  border-bottom: 4px solid #2e1a47;
  color: #2e1a47;
  font-weight: 500;
}

.ori-tabs__tab--pills {
  padding: 0;
  flex: 1;
  width: 100%;
}

.ori-tabs__tab--pills:not(:last-child) {
  border-right: 1px solid #afabc9;
}

.ori-tabs__tab--pills .ori-tabs__tab__button {
  color: #fff;
  padding: 1.4rem;
  width: inherit;
  border-radius: 0;
}

.ori-tabs__tab--pills .ori-tabs__tab__button.is-active {
  background: #fff;
  color: #2e1a47;
  border-radius: 0.6rem;
}

.ori-tabs__panel-group {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2rem;
  padding-left: 2rem;
}

.ori-tabs__scrollable-button {
  padding: 0px;
  min-width: auto;
  width: 25px;
  display: flex;
  background: transparent;
  position: absolute;
  top: 10%;
  border: 0;
  height: 100%;
}

.ori-tabs__scrollable-button .ori-icon {
  fill: #2e1a47;
}

.ori-tabs__scrollable-button--right {
  right: 0;
  justify-content: flex-end;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white, white);
}

.ori-tabs__scrollable-button--left {
  left: 0;
  justify-content: flex-start;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white, white);
}

.ori-tabs__scrollable-button img {
  width: 10px;
  height: 20px;
  position: relative;
  top: 10px;
}

.ori-tabs__panel {
  display: none;
}

.ori-tabs__panel.is-active {
  display: block;
}


/* ADA fix for 24px height clickable item */
.ori-tabs__panel-group .ori-tabs__panel .text .author-rte-styling p > a,
.bg-clear .ori-tabs__panel-group .ori-tabs__panel .text .author-rte-styling p > a {
display: inline-block;
min-height: var(--truSpaceLg);
}


.ori-display--none {
  display: none;
}

.ori-tabs .icon-right-arrow:before {
  content: "\e80e";
  margin: 10px 0px;
  font-size: 2.2rem;
}

.ori-tabs .icon-left-arrow:before {
  content: "\e80d";
  margin: 10px 0px;
  font-size: 2.2rem;
}

/*disclosures ordered list - alt from custom.css*/
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol {list-style: none; padding-left: 4rem; position: relative;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li {padding-bottom: 2rem;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li:first-child {padding-top: 2rem;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li:last-child {padding-bottom: 0;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol li:before {counter-increment: mycounter; content: counter(mycounter)"."; position: absolute; left: 0;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol:first-of-type {counter-reset: mycounter;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol {list-style-type: lower-alpha; padding-left: 2rem;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol li {padding-left: 2rem;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol li:before {display: none;}
.truist-tabs .ori-tabs__panel .disclosures-alt-ol ol ol.special {list-style-type: none; padding-left: 8rem;}

/*TRUIST TABS from component.css*/
.truist-tabs .ori-tabs {width: 100%;}
.truist-tabs .ori-tabs__position--relative {width: auto; max-width: 100%;}
.truist-tabs .ori-tabs__list {padding: 0;}
/*.truist-tabs .ori-tabs__tab {width: 100%;}*/
.truist-tabs .ori-tabs__list {border-bottom: none;}
.truist-tabs .ori-tabs__tab {border-bottom: 1px solid #2e1a47;}
.truist-tabs .ori-tabs__tab__button {padding: 1.5rem 3rem;}
.truist-tabs .ori-tabs__tab__button.is-active {font-weight: 600;}
.truist-tabs .ori-tabs__tab__button:focus {outline: 1px dotted #2e1a47;}
.truist-tabs .ori-tabs__panel-group {width: 100%;
padding-top: 6rem;
    padding-bottom: 0;
    padding-right: 2rem;
    padding-left: 2rem;}
.truist-tabs .js-tru-tab-open-tab-same-page {cursor: pointer;}

@media (min-width: 769px){
    .truist-tabs .ori-tabs {display: flex; flex-direction: column; align-items: center;}
}

/**/

@media screen and (min-width:320px) and (max-width:896px) and (orientation:portrait) {
	.ori-tabs__tab {
	  white-space: normal;
	}
  main .truist-tabs .grid__margin-bottom-none-mobile:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }
}

@media screen and (min-width:320px) and (max-width:896px) and (orientation:landscape) {
	.ori-tabs__tab {
	  white-space: normal;
	}
}

@media (min-width: 768px) {
  .ori-tabs__list {
    width: auto;
  }
}
.activeSlickDot {
	height: 9px !important;
	outline: 1px solid #e3dfef !important;
	width: 9px !important;
	outline-offset: 3px;
}

.comparison-nav__container {
	background: #563E7C 0 0 no-repeat padding-box;
	border: 3px solid #563E7C;
	border-radius: 10px;
	opacity: 1;
	display: flex;
	margin: 0 auto;
}

.comparison-nav__link-container {
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	padding: 3px;
	margin: 0 auto;
}

.comparison-nav__item {
	list-style-type: none;
	font-size: 1.8rem;
	border-left: solid 1px #fff;
	border-top: none;
	border-bottom: none;
	text-align: center;
	width: 100%;
	padding: 0px;
	display: flex;
}

.comparison-nav__item a {
	padding: 14px 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.comparison-nav__item:first-child {
	border-left: none;
}

/* .comparison__container .active > a, */
.comparison-nav__item:hover>a,
.comparison-nav__item:focus>a,
.comparison-nav__item:active>a .comparison-nav__item:visited>a {
	background: #fff;
	border-radius: 10px;
	border-left: none;
}

.comparison-nav__item>a:visited,
.comparison-nav__item a:focus {
	background: none;
	border-radius: 10px;
	border-left: none;
	color: #ffffff;
}

.comparison-nav__item.active a,
.comparison-nav__item.active a:focus {
	background-color: #FFF;
	color: #563E7C;
	border-radius: 10px;
	border: none;
	outline-offset: -4px;
	outline-color: #563E7C;
}

.comparison-nav__item.active a:hover{
	background-color:#E3DFEF;
	color:#2E1A47;
}

.comparison-nav__item:hover+.comparison-nav__item,
.comparison-nav__item.active+.comparison-nav__item {
	border-left: none;
	margin-left: 1px;
}

.comparison-nav__item:hover .comparison-nav__link,
.comparison-nav__item:active .comparison-nav__link{
	color: #563E7C;
}

.comparison-nav__link{
	text-decoration: none;
	color: #fff;
}

.comparison-nav__link:hover,
.comparison-nav__link:focus,
.comparison-nav__link:active{
	text-decoration: none;
}

.comparison-nav__link:hover{
	color: #563E7C;
}

.comparison-nav-mobile__wrapper {
	background: #2E1A47;
	padding: 0 0 41px 0;
}

.comparison-nav-mobile__intro-container {
	color: #fff;
	padding: 0 20px 60px;
}

.comparison-nav-mobile__intro-container h5 {
	font-family: inherit;
	font-size: 1.6rem;
	text-transform: uppercase;
	margin: 7px 0;
}

.comparison-nav-mobile__dot-container {
	padding: 30px 0 25px;
}

.comparison-nav-mobile__intro-container h2 {
	font-family: inherit;
	font-size: 2.8rem;
	margin: 0;
	font-weight: 100;
}

.comparison-nav-mobile__slide {
	color: #424242;
	font-weight: 400;
	font-size: 1.6rem;
	margin: 0.5rem 0;
	border-radius: 20px;
}

.comparison-nav-mobile__slide-header {
	background: #E3E2EC;
	padding-bottom: 1px;
	border-radius: 20px 20px 0 0;
	text-align: center;
	color: #2E1A47;
	font-weight: 600;
}

.comparison-nav-mobile__slide-header p{
	margin-block-end: unset;
	padding: 16px 0;
}

.comparison-nav-mobile__slide-content-wrapper {
	height: 720px;
	background: #fff;
	border: solid 1px #fff;
	border-radius: 0 0 20px 20px;
}

.comparison-nav-mobile__slide-content {
	min-width: 70%;
	width: 85%;
	margin: 0 auto;
	padding: 26px 0;
}

.comparison-nav-mobile__slide-content-wrapper,
.comparison-nav-mobile__wrapper .slick-list,
.comparison-nav-mobile__wrapper .slick-track {
	height: auto;
}


.comparison-nav-mobile__wrapper .slick-dots {
	position: absolute;
	top: -42px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	height: 20px;
}

.comparison-nav-mobile__wrapper .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.comparison-nav-mobile__wrapper .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 10px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.comparison-nav-mobile__wrapper .slick-dots li button:hover,
.comparison-nav-mobile__wrapper .slick-dots li button:focus {
	outline: 1px solid #e3dfef;
	outline-offset: 2px;
	width: auto;
}

.comparison-nav-mobile__wrapper .slick-dots li button:hover:before,
.comparison-nav-mobile__wrapper .slick-dots li button:focus:before {
	opacity: 1;
}

.comparison-nav-mobile__wrapper .slick-dots li button::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	text-align: center;
	opacity: .25;
}

.comparison-nav-mobile__wrapper .slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

.comparison-nav-mobile__wrapper .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0 -5px;
}

.comparison-nav-mobile__wrapper .slick-slide {
	margin: 0 5px;
}

/* Reset filltab styles for Mortgage Rates start */
.mortgage-rates-v3 .filltabs .comparison-nav__item a {
    padding: .6rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mortgage-rates-v3 .comparison-nav__container {
    display: flex 
    align-items: flex-end;
    margin-bottom: 10px;
}

.mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container {
    display: flex;
    justify-content: left;
    border: 0;
    background: none;
    border-radius: 0;
}

.mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item {
    border-bottom: 1px solid #c9c9c9;
	padding-bottom: 0 !important;
}

.mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item .comparison-nav__link {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 22.68px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #7C6992;
    border: none;
	text-decoration: none !important;
}

.mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item.active .comparison-nav__link {
    font-weight: 700;
    color: #2E1A47;
    border: none;
	text-decoration: none !important;
}

.mortgage-rates-v3 .comparison-nav__container .comparison-nav__link-container .comparison-nav__item.active {
    border-bottom: 2px solid #2E1A47;
}

.mortgage-rates-v3 .comparison-nav__item.active a:hover, .mortgage-rates-v3 .comparison-nav__item.active a:focus {
    background: none;
}

/* Reset filltab styles for Mortgage Rates end */

/*media queries*/

@media only screen and (max-width:954.5px) {
	.comparison-nav__item {
		padding: 14px 33px 12px 33px;
		width: unset;
	}
}

/*end nav */

.fill-tabs--tabcontent {
	display: none;
}

.fill-tabs--tabcontent.active {
	display: block;
}

.display--desktop-fill-tabs {
	display: block;
}

.display--mobile-fill-tabs {
	display: none;
}

/*FILL TAB styles from CUSTOM.css*/
/**remove header in desktop**/
.fill-tab__custom--remove-desktop-fill-tabs .comparison-nav__container {display: none !important;}

/*modify headline in mobile*/
@media (max-width: 795px){
    .fill-tab__custom--headline {background-color: #2E1A47; padding-top: 4rem; padding-left: 4.167%; padding-right: 4.167%; margin-bottom: -1px; float: left; width: 100%;}
    .fill-tab__custom--headline p,
    .fill-tab__custom--headline h2,
    .fill-tab__custom--headline h3 {color: #fff;}
}

/*FILL TAB ACCORDION ADDITIONAL CONTENT*/
.fill-tab-accordion-additional-content .accordion-card-header:not(.fill-tab-accordion-additional-content .card-body .accordion-card-header) {text-align: center;}
@media (max-width: 795px){
    .fill-tab-accordion-additional-content .button-margin .btn-primary {border: none; margin-left: auto; margin-right: auto; font-size: 1.6rem; font-weight: 600;}
    .fill-tab-accordion-additional-content .accordion-text.truist--icon-carat-up.after:after,
    .fill-tab-accordion-additional-content .accordion-text.truist--icon-carat-down.after:after {font-size: 1.4rem;}
    .fill-tab-accordion-additional-content .button-margin .btn-primary:hover,
    .fill-tab-accordion-additional-content .button-margin .btn-primary:focus,
    .fill-tab-accordion-additional-content .button-margin .btn-primary:active,
    .fill-tab-accordion-additional-content .button-margin .btn-primary:active:focus {border: none; color: #2e1a47; background-color: transparent;}
    .fill-tab-accordion-additional-content .btn-primary:hover .accordion-text,
    .fill-tab-accordion-additional-content .btn-primary:hover .accordion-text:before,
    .fill-tab-accordion-additional-content .btn-primary:hover .accordion-text:after,
    .fill-tab-accordion-additional-content .btn-primary:focus .accordion-text,
    .fill-tab-accordion-additional-content .btn-primary:focus .accordion-text:before,
    .fill-tab-accordion-additional-content .btn-primary:focus .accordion-text:after {color: #2e1a47;}
}
@media (min-width: 796px){
    .fill-tab-accordion-additional-content .accordion-card-header {display: none;}
    .fill-tab-accordion-additional-content .card-body .accordion-card-header {display: block;}
}
/******/

/*Fill TAB from component.css*/
.filltabs .comparison-nav__container.display--desktop-fill-tabs {display: block; background: none; border: none; border-radius: 0; text-align: center;}
.filltabs .comparison-nav__link-container {display: inline-flex; justify-content: center; flex-direction: row; padding-inline-start: 0;
    margin-block-start: 0; margin-block-end: 0; padding: 3px; margin: 0 auto; background: #563E7C; border: 3px solid #563E7C; border-radius: 1rem;}
.filltabs .comparison-nav__item {border: none; width: auto; display: flex; min-height: 5rem;}
.filltabs .comparison-nav__item.active {font-weight: 600;}
.filltabs .comparison-nav__item:not(:last-child)::after {content: ""; background: #fff; display: inline-block; height: 50%; width: 1px; margin: auto 0; opacity: .25;}
.filltabs .comparison-nav__item a {padding: .6rem 3rem; display: flex; justify-content: center; align-items: center; width: 100%;}
@media only screen and (max-width: 1200px){
    .filltabs .comparison-nav__link-container {flex-wrap: wrap;}
    .filltabs .comparison-nav__item a {padding-right: 2rem; padding-left: 2rem;}
}
@media only screen and (max-width: 954.5px){
    .filltabs  .comparison-nav__item {padding: 0;}
}
@media (max-width: 795px){
    .filltabs .comparison-nav__container.display--desktop-fill-tabs {display: none;}
}
/*******/

/*media queries*/

@media only screen and (max-width: 795.5px) {
	.display--desktop-fill-tabs {
		display: none;
	}

	.display--mobile-fill-tabs {
		display: block;
	}
}

.fill-tabs--content-mobile .slick-slide:not(.slick-active) .comparison-nav-mobile__slide {
	margin-left: -4rem;
	transition: margin-left .5s;
}

.fill-tabs--content-mobile .slick-slide.slick-active .comparison-nav-mobile__slide {
	margin-left: 2rem;
	transition: margin-left .5s;
}

.fill-tabs--content-mobile .slick-slide .comparison-nav-mobile__slide {
	max-width: 88%;
}

@media only screen and (max-width: 480px) {
	.fill-tabs--content-mobile .slick-slide .comparison-nav-mobile__slide {
		max-width: 83%;
	}
}
.deposit-rates-scrolling-table {
  overflow-x: auto;
  overflow-y: hidden;
}

.deposit-rates-scroller::-webkit-scrollbar-track {
  background-color: #c9c9c9;
  border-radius: 8px;
}

.deposit-rates-scroller::-webkit-scrollbar {
  height: 12px;
}

.deposit-rates-scroller::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #2e1a47;
}

.deposit-rates-scrolling-table table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #dee2e6;
}

.deposit-rates-scrolling-table table caption {
  font-size: 2.8rem;
  text-align: left;
  color: #2e1a47;
  margin: 0.5em 0 0.75em;
}

.deposit-rates-scrolling-table table tr:last-child td:first-child,
.deposit-rates-scrolling-table table tr:last-child th[scope="row"]:first-child {
  border-bottom-left-radius: 10px;
}

.deposit-rates-scrolling-table table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.deposit-rates-scrolling-table table tr:first-child th:first-child,
.deposit-rates-scrolling-table table tr:first-child th[scope="row"]:first-child {
  border-top-left-radius: 10px;
}

.deposit-rates-scrolling-table table tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

.deposit-rates-scrolling-table table th {
  font-size: 2rem;
}

th.deposit-dynamic-rates-table__content-cell[scope="row"] span {
  color: #2e1a47;
}

.deposit-rates-scrolling-table table tr {
  background-color: #ffffff;
  border: inherit;
  padding: 0.35em;
  font-size: 1.8rem;
}

.deposit-rates-scrolling-table table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

.deposit-rates-scrolling-table table th,
.deposit-rates-scrolling-table table td {
  padding: 18px;
  text-align: left;
}

.deposit-rates-scrolling-table table tr td:first-child,
.deposit-rates-scrolling-table table thead tr th:first-child,
.deposit-rates-scrolling-table table tbody tr th[scope="row"]:first-child {
  padding-left: 30px;
}

.deposit-rates-scrolling-table-wrapper footer {
  font-size: 1.6rem;
  color: var(--truNeutral500);
  padding-top: 15px;
  padding-bottom: 15px;
}

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

  .deposit-rates-scrolling-table table thead tr:first-child th:first-child,
  .deposit-rates-scrolling-table table tr td:first-child {
    padding-left: 20px;
  }

  .deposit-rates-scrolling-table table th {
    font-size: 1.6rem;
  }

  .deposit-rates-scrolling-table table tr {
    font-size: 1.6rem;
  }
}

.deposit-rates-table-light table thead tr {
  background-color: #7c6992;
  color: #ffffff;
}

.deposit-rates-table-light table td {
  color: #2e1a47;
}

.deposit-rates-table-dark table thead tr {
  background-color: #2e1a47;
  color: #ffffff;
}

.deposit-rates-table-dark table td {
  color: #2e1a47;
}

.deposit-dynamic-rate-table-error {
  background: #f7f7f7;
  text-align: center;
  padding: 1rem;
  border-radius: 10px;
  font-size: 1.6rem;
  width: 100%;
}

.deposit-dynamic-rates-table__content-cell {
  text-transform: capitalize;
}

.generic-dynamic-rate-table-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
}
.js-state-selector-form {
    width: 350px;
    margin: 0 auto;
}

.state-selector-dropdown-wrapper {
    position: relative;
    width: 100%;
    max-width: 350px;
}

.select-text-state-selector {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    width: 100%;
    padding: .7rem;
    padding-top: 22px;
    padding-left: 10px;
    font-size: 1.8rem;
    border-radius: 5px;
    border: 1px solid var(--truNeutral500);
    height: 61px;
}

.select-text-state-selector:focus,
.select-text-state-selector:hover {
    outline: none;
    border: 1px solid #2E1A47;
    color: #2E1A47;
}

.select-text-state-selector {
    color: var(--truNeutral500);
}

.state-selector-dropdown-wrapper .select-text-state-selector {
    appearance: none;
    -webkit-appearance: none
}

.select-text-state-selector~.state-selector-label {
    color: var(--truNeutral500);
    font-size: 1.8rem;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 12px;
    top: 16px;
    transition: 0.2s ease all;
}

/* active state */
.select-text-state-selector:focus~.state-selector-label,
.select-text-state-selector:focus-visible~.state-selector-label,
.select-text-state-selector:hover~.state-selector-label {
    color: #2E1A47;
    top: 8px;
    transition: 0.2s ease all;
    font-size: 1.4rem;
    font-weight: 600;
}

.select-text-state-selector:valid~.state-selector-label {
    top: 5px;
    font-size: 1.4rem;
    font-weight: 600;
}

.state-selector-helper-text {
    font-size: 1.4rem;
    color: var(--truNeutral500);
    padding: 4px 4px 4px 10px;
}


.state-selector-button {
    background: transparent;
    text-align: center;
    border: 1px solid #2e1a47;
    color: #ffffff;
    padding: 10px 20px;
    width: auto;
    margin-top: 15px;
    font-size: 1.8rem;
    border-radius: 5px;
    text-decoration: none;
    background: #2e1a47;
    cursor: pointer;
    transition: all .15s ease-in;
}

.state-selector-button:hover {
    color: #2e1a47;
    background: #ffffff;
}

.state-selector-button-wrapper {
    margin: auto;
    text-align: center;
}

.js-state-selector-fade-in {
    -webkit-animation: fadeinStateSelectorTable 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeinStateSelectorTable 2s;
    /* Firefox < 16 */
    -ms-animation: fadeinStateSelectorTable 2s;
    /* Internet Explorer */
    -o-animation: fadeinStateSelectorTable 2s;
    /* Opera < 12.1 */
    animation: fadeinStateSelectorTable 2s;
}

@keyframes fadeinStateSelectorTable {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadeinStateSelectorTable {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinStateSelectorTable {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadeinStateSelectorTable {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadeinStateSelectorTable {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .js-state-selector-form {
        max-width: 80%;
    }
}

@media screen and (max-width: 500px) {
    .js-state-selector-form {
        max-width: 100%;
    }
}

.deposit-rates-form-group__arrow-icon {
    width: 1.3rem;
    height: 1.3rem;
    font-weight: 600;
    position: absolute;
    left: 90%;
    top: 40%;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    pointer-events: none;
}

.state-selector-inline-alert--error {
    background: #e61f00;
}

.state-selector-inline-alert {
    color: #fff;
    border-radius: 4px;
    margin-top: 1rem;
    padding: 1rem;
    padding-left: .75rem;
    position: relative;
    font-size: 1.6rem;
    display: inline-block;
}

.state-selector-inline-alert:before {
    content: '';
    position: absolute;
    left: 1rem;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e61f00;
    clear: both;
}

.js-state-selector-table .deposit-rates-scrolling-table-wrapper {
    margin-bottom: 2em;
}

.js-state-selector-table {
    margin-top: 2em;
    margin-bottom: 2em;
}

.state-selector-form-group {
    margin-bottom: 2em;
    margin-top: 2em;
}
.dynamic-rate-loading-rate__animation {
    text-align: center;
  }
  
  .dynamic-rate-loading-rate__animation::before {
    content: "Loading ";
    font-size: 1.6rem;
  }
  .dynamic-rate-loading-rate__animation div {
    background: #2e1a47;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border-radius: 20%;
    -webkit-animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
    animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .dynamic-rate-loading-rate__animation
    div.dynamic-rate-loading-rate__animation_box-1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .dynamic-rate-loading-rate__animation
    div.dynamic-rate-loading-rate__animation_box-2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  
  @-webkit-keyframes bouncedelayDepositRates {
    0%,
    80%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
    40% {
      transform: scale(1);
      opacity: 100;
    }
  }
  
  @keyframes bouncedelayDepositRates {
    0%,
    80%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
    40% {
      transform: scale(1);
      opacity: 100;
    }
  }
  
.mortgage-rate-card-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    margin: auto;
}

.mortgage-rate-container {
    flex-shrink: 0;
    flex-basis: 17%;
    min-width: 15vw;
    justify-content: flex-start;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 18%);
    padding: 2em;
    margin: .75em;
    background-color: #F5F3F7;
    position: relative;
    color: #2e1a47;
    opacity: 1;
    transition: all .15s ease-out;
}

.mortgage-rate__card-desktop-display {
    text-align: center;
}

.mortgage-rate__rate-title h3 {
    font-weight: 400;
}

.mortgage-rate__interest-rate {
    font-size: 1.8rem;
    font-weight: 600;
}

.mortgage-rate__discount-points {
    margin-bottom: .3em;
}

.mortgage-rate__apr {
    margin-top: 0;
}

.mortgage-rate__card-mobile-display {
    display: none;
}

.mortgage-rate__error-message {
    font-weight: 400;
}

@media screen and (max-width: 1400px) {
    .mortgage-rate-container {
        flex-basis: 15%;
        min-width: 24vw;
    }
}


@media screen and (max-width: 1239px) {
    .mortgage-rate-container {
        flex-basis: 15%;
        min-width: 24vw;
    }
}

@media screen and (max-width: 1039px) {
    .mortgage-rate-container {
        flex-basis: 18%;
        min-width: 24vw;
    }
}

@media screen and (max-width: 903px) {
    .mortgage-rate-container {
        flex-basis: 23%;
        min-width: 28vw;
    }
}

@media screen and (max-width: 716px) {
    .mortgage-rate-container {
        flex-basis: 36%;
        min-width: 30vw;
    }
}

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

    .mortgage-rate__rate-title {
        margin-left: -24px;
    }

    .mortgage-rate__card-desktop-display {
        display: none;
    }

    .mortgage-rate__card-mobile-display {
        display: flex;
        align-items: center;
    }

    .mortgage-rate-card-wrapper {
        flex-direction: column;
        margin-left: 3em;
    }

    .mortgage-rate-container {
        border-radius: 0px;
        box-shadow: none;
        transition: height .5s;
        padding: 0;
        background-color: transparent;
        color: #2e1a47;
    }

    .mortgage-rate__card-content {
        margin-left: 3em;
    }

    .mortgage-rate__interest-rate-content {
        font-weight: 400;
    }

    .mortgage-rate__rate-title h3 {
        font-weight: 600;
        margin-bottom: .5em;
    }

    ul.mortgage-rate-list {
        font-size: 1.6rem;
        list-style-type: none;
        text-indent: -38px;
    }

    .mortgage-rate__interest-rate {
        font-size: 1.6rem;
    }

    li.mortgage-rate-list-item {
        margin-bottom: .3em;
    }
}


/* input */
.deposit-rate-toggle-group {
    margin: 0 0 3rem;
    text-align: center;
    border: 0;
}

.deposit-rate-toggle-group__control-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0.8rem 1.6rem 0.8rem 0;
}

.deposit-rate-toggle-group__label-wrapper {
    font-size: 1.6rem;
}

.deposit-rate-toggle-group__label {
    color: var(--truNeutral500);
}

.deposit-rate-toggle-group__controls--horizontal {
    display: flex;
    justify-content: center;
}

.deposit-rate-toggle-group__description {
    font-size: 1.3rem;
    color: var(--truNeutral500);
    display: block;
}

.deposit-rate-toggle-group__control {
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    display: inline-block;
    margin: 0 0.8rem 0 0;
    margin-top: 5px;
    border: 1px solid #2e1a47;
    background-color: #fff;
    appearance: none;
}

.deposit-rate-toggle-group__control--radio {
    transition: border-color 0.3s ease-in-out;
    border-radius: 50%;
}

.deposit-rate-toggle-group__control--radio:checked:after {
    transform: scale(1) translateX(-50%) translateY(-50%);
}

.deposit-rate-toggle-group__control--radio:after {
    border-radius: 50%;
    background-color: #2e1a47;
}

.deposit-rate-toggle-group__control:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: scale(0) translateX(-50%) translateY(-50%);
    transform-origin: top left;
    transition: transform 0.15s ease-in-out;
}

.deposit-rate-toggle-group__control--checkbox {
    border-radius: 0.4rem;
}

.deposit-rate-toggle-group__control--checkbox:checked {
    background-color: #2e1a47;
}

.deposit-rate-toggle-group__control--checkbox:checked:after {
    content: '';
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    font-weight: 700;
    font-size: 1.7rem;
    width: 3px;
    height: 9px;
    position: absolute;
    top: 1px;
    left: 10px;
}

.deposit-rate-toggle-group__control:focus {
    outline-offset: 4px;
    outline-color: #2e1a47;
}

.deposit-rate-toggle-group__legend {
    color: #2e1a47;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    font-weight: 600;

}

.deposit-rate-toggle-group__legend--error {
    margin-bottom: 1rem;
    color: #e61f00;
}

.deposit-rate-toggle-group__optional {
    font-weight: 200;
}

.js-mortgage-container-in-progress {
    opacity: .05;
    min-height: 160px;
}

.dynamic-rates-mortgage-label {
    display: flex;
    justify-content: center;
}
/* Tooltip styles */
.mortgage-rate-tooltip-wrapper {
  position: relative;
  display: inline-block;
  background: none;
  border: none;
  margin-top: 1px;
}

.mortgage-rate-tooltip {
  line-height: 2rem;
  font-size: 1.4rem;
  position: absolute;
  text-align: left;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, calc(100% + 10px));
  padding: 15px;
  border-radius: 4px;
  background: #2e1a47;
  color: #fff;
  min-width: 12em;
  max-width: 16em;
  z-index: 100;
}

.mortgage-rate-tooltip::before {
  content: "";
  position: absolute;
  top: -10px;
  left: calc(50% - 10px);
  border-bottom: 10px solid #2e1a47;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.mortgage-rate-tooltip-close {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
  background-color: transparent;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
}
.dynamic-rate-loading-rate__animation {
    text-align: center;
  }
  
  .dynamic-rate-loading-rate__animation::before {
    content: "Loading ";
    font-size: 1.6rem;
  }
  .dynamic-rate-loading-rate__animation div {
    background: #2e1a47;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border-radius: 20%;
    -webkit-animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
    animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .dynamic-rate-loading-rate__animation
    div.dynamic-rate-loading-rate__animation_box-1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .dynamic-rate-loading-rate__animation
    div.dynamic-rate-loading-rate__animation_box-2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  
  @-webkit-keyframes bouncedelayDepositRates {
    0%,
    80%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
    40% {
      transform: scale(1);
      opacity: 100;
    }
  }
  
  @keyframes bouncedelayDepositRates {
    0%,
    80%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
    40% {
      transform: scale(1);
      opacity: 100;
    }
  }
  

.mortgage-rates-v2-test .hidden {
  display: none;
  }

.mortgage-rates-v2-test .d-flex.mobile-wrap {
  gap: 3rem;
}

      .mortgage-rates-v2-test .dynamic-rates-mortgage-tooltip {
        text-align: left;
      }

      .mortgage-rates-v2-test .mortgage-rate-tooltip-wrapper {
        position: relative;
        display: inline-block;
        background: none;
        border: none;
        margin-top: 1px;
        margin-left: -1rem;
        top: -1rem;
        white-space: normal;
      }

      .mortgage-rates-v2-test .mortgage-rate-tooltip {
        line-height: 2rem;
        font-size: var(--truTxtSizeMicro);
        position: absolute;
        text-align: left;
        left: 50%;
        bottom: 0;
        transform: translate(-50%,calc(100% + 10px));
        padding: 15px;
        border-radius: 4px;
        background: var(--truClrPplBs);
        color: var(--truClrNtrlWht);
        width: 100%;
        min-width: 35.5rem;
        /* margin: 0 auto; */
        z-index: 9;
        display: none;
      }

      .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
        width: 100%;
        min-width: 25.5rem;
        max-width: 25.5rem;
      }

      .mortgage-rates-v2-test .dynamic-rates-mortgage-tooltip.loan-type-btn button {
        left: 1rem;
      }

      .mortgage-rates-v2-test .tool-tip{
    border-color: var(--truClrOffWht) !important;
    background: var(--truClrOffWht) !important;
    overflow: unset !important;
}



.mortgage-rates-v2-test .container {
  padding-right: 0;
  padding-left: 0;
}


.mortgage-rates-v2-test .row-container {
    background-color: var(--truClrOffWht);
    white-space: nowrap;
    padding: 35px;
    border-radius: 1.3em;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 20px;
  }

  .mortgage-rates-v2-test .eyebrow-container{
    padding-bottom: 20px;
   }

   .mortgage-rates-v2-test .row-eyebrow {
  width: 100%;
}

.buy-a-home-spanv2 {
    border-radius: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--truClrSkyBs);
    color: var(--truClrPplBs);
    border: none;
  }


  .mortgage-rates-v2-test .loan-type-header{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 20.16px;
    margin-left: 1.3em;

  }

  .mortgage-rates-v2-test .loan-type{
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 45.36px;
    display: flex;
    margin-left: 0.5em;


  }

  .mortgage-rates-v2-test .row row-eyebrow {
  width:100%
}


.mortgage-rates-v2-test .dropdowns {
  margin-bottom: 45px;
}


.mortgage-rates-v2-test section:not(.dafunk) {
  color: var(--truClrPplBs);
}

/* Selectbox CSS... Remove old */
.mortgage-rates-v2-test .select-wrapper {
  position: relative;
  margin-top: -3px;
}

.mortgage-rates-v2-test .select-wrapper .btn-group.select-box {
  display: block;
  width: 100%;
}

.mortgage-rates-v2-test .stacked.btn-group {
  margin-top: .375rem;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select {
  padding: 1.875rem 1rem 1rem 1rem;
  width: 346px;
  min-height: 46px;
  max-height: 46px;
  background-color: var(--truClrNtrlWht);
  background-image: none;
  outline: 1px solid var(--truClrGryMd);
  border: none;
  border-radius: 0.5rem;
  text-align: left;
  position: relative;
  z-index: 1;
  margin-top: 1px;
  margin-bottom: 2rem;
  transition: all .3s ease-in-out;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select.is-focused {
  outline: 1px solid var(--truClrGryMd);
}

.mortgage-rates-v2-test .infield-message.btn-group .custom-select,
.mortgage-rates-v2-test .top-message.btn-group .custom-select {
  margin-bottom: 0rem;
}

.mortgage-rates-v2-test .inline.btn-group .custom-select {
  margin-left: 10rem;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:focus,
.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select[aria-expanded="true"] {
  box-shadow: none;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select::before {
  content: "";
  display: block;
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  /* outline: 1px solid var(--truClrClear); */
  border-radius: 0.2rem;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:focus::before,
.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select[aria-expanded="true"]:focus::before {
  outline: 1px solid var(--truClrGryMd);
}

/* .mortgage-rates-v2-test .select-wrapper .btn-group.show .custom-select:focus::before {
  outline: 1px solid var(--truClrClear);
} */

.mortgage-rates-v2-test .select-wrapper .dropdown-toggle[aria-expanded="true"]::before {
  transform: rotate(0deg) translate(0px, 0px);
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select::after {
  position: absolute;
  top: 1.675rem;
  right: 1.75rem;
  z-index: 100;
  width: 0;
  height: 0;
  border: solid var(--truClrDuskBs);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg) scale(1.875);
  padding: 3px;
  transition: transform .2s ease-in-out, top .2s ease-in-out;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select[aria-expanded="true"]::after {
  top: 2rem;
  transform: rotate(225deg) scale(1.875);
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select .select-label,
.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select .select-text {
  position: absolute;
  color: var(--truClrGryMd);
  font-size: 1.8rem;
}

.mortgage-rates-v2-test .stacked.btn-group .select-label {
  position: absolute;
  font-size: var(--truTxtSizeMicro);
  font-weight: var(--truFontWtBd);
  left: 1rem;
  top: -1px;
  z-index: 9;
}

.mortgage-rates-v2-test .select-wrapper .btn-group.stacked .select-text {
  top: 1.675rem;
  left: 1rem;
}

.mortgage-rates-v2-test .stacked.btn-group .custom-select[aria-expanded="true"] .select-label,
.mortgage-rates-v2-test .stacked.btn-group .select-label.is-focused {
  font-weight: var(--truFontWtBd);
  font-size: var(--truTxtSizeBdy);
  transform: translate(0rem, 0rem);
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select ~ .dropdown-menu {
  background-color: var(--truClrNtrlWht);
  border: 0;
  font-size: 1.6rem;
  outline: 1px solid var(--truClrGryMd);
  border-radius: 0 0 .5rem .5rem;
  width: calc(100% + 1px);
  top: -5px !important;
  /* To override bootstrap top margin */
  padding: 0;
  box-shadow: none;
  overflow: hidden;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item {
  line-height: 4.2rem;
  position: relative;
  display: block;
  padding: .5rem 2rem;
  font-size: var(--truTxtSizeBdy);
  text-decoration: none;
  cursor: pointer;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, font-weight .3s ease-in-out;
}


.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:hover,
.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus {
  background-color: var(--truClrSkyLt);
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus {
  outline: 1px solid var(--truClrGryMd);
  outline-offset: -4px;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected {
  background-color: var(--truClrSkyLtr);
  color: var(--truClrFrstBs);
  font-weight: var(--truFontWtBd);
}

/* Select Check mark -- Who needs svgs? */
.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected::before {
  content: "";
  display: block;
  background-color: transparent;
  /* position the checkbox */
  position: absolute;
  right: 19px;
  top: 17px;
  /* setting the checkbox */
  /* short arm */
  width: 8px;
  border-bottom: .2rem solid var(--truClrFrstBs);
  /* long arm */
  height: 13px;
  border-right: .2rem solid var(--truClrFrstBs);
  /* rotate the mirrored L to make it a checkbox */
  transform: rotate(45deg);
  z-index: 5;
}

.mortgage-rates-v2-test .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  max-width: calc(100% - 3rem);
  height: 1px;
  position: absolute;
  top: calc(100% - 1px);
  left: 1.5rem;
  background: var(--truClrGryLtr);
}

@media (max-width: 1024px) {
  .mortgage-rates-v2-test .mortgage-rate-tooltip {
    left: -537.5%;
  }
  .mortgage-rate-tooltip::before {
    left: 93.25%;
    top: -9px;
  }

  .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
    left: 50%;
  }

  .loan-type .mortgage-rate-tooltip::before {
    left: calc(50% - 10px);
  }
}

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

  .mortgage-rates-v2-test .dropdowns {
      margin: 8px;
      color: var(--truClrGryMd);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      padding-right: 0;
    }

    .mortgage-rates-v2-test .row-container{
      justify-content: center;
      align-items: center;
      padding: 45px;
      padding-bottom: 20px;
      margin-right: 1rem !important;
      margin-left: 1rem !important;
  }

  .mortgage-rates-v2-test .eyebrow-container {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .mortgage-rates-v2-test .loan-type-header{
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 20.16px;
      margin-left: 1.3em;
      display: flex;
      justify-content: center;
      margin-left: 0;
      padding-bottom: 5px;
    }

    .mortgage-rates-v2-test .loan-type{
      font-size: 3.6rem;
      font-weight: 300;
      line-height: 45.36px;
      margin-left: 0.5em;
      justify-content: center;
      margin-left: 0;
      padding-bottom: 20px;
    }

    .mortgage-rates-v2-test .d-flex.mobile-wrap {
      flex-wrap: wrap;
      gap: 1rem;
    }

    .wrap-mobile {
      flex-wrap: wrap;
    }

    .mortgage-rates-v2-test .wrap-mobile .flex-fill {
      flex: 1 1 100% !important;
      flex-basis: 100%;
      dispay: flex;
      width: 100%;
    }

    .mortgage-rates-v2-test .mortgage-rate-tooltip-wrapper {
      margin-left: -.5rem;
    }
/* } */

/* Unique breakpoint for tooltip */
/* @media screen and (max-width: 748px) { */
  .mortgage-rates-v2-test .mortgage-rate-tooltip {
    left: 643%;
  }
  .mortgage-rate-tooltip::before {
    left: .5%
  }
}
/* Unique breakpoint for tooltip */
@media screen and (max-width: 767px) {
  .mortgage-rates-v2-test .mortgage-rate-tooltip {
    left: -537.5%;
  }
  .mortgage-rate-tooltip::before {
    left: 93.25%
  }
}

/* Unique breakpoint for tooltip */
@media screen and (max-width: 715px) {
  .mortgage-rates-v2-test .mortgage-rate-tooltip {
    left: 50%;
  }
  .mortgage-rate-tooltip::before {
    left: calc(50% - 10px);
  }
}

/* Unique breakpoint for tooltip */
@media screen and (max-width: 560px) {
  .mortgage-rates-v2-test .mortgage-rate-tooltip {
    left: -537.5%;
  }
  .mortgage-rate-tooltip::before {
    left: 93.25%
  }

  .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
    left: -537.5%;
  }

  .loan-type .mortgage-rate-tooltip::before {
    left: 82.25%
  }
}

/* Unique breakpoint for tooltip */
@media screen and (max-width: 393px) {
  .mortgage-rates-v2-test .mortgage-rate-tooltip {
    left: 643%;
  }
  .mortgage-rate-tooltip::before {
    left: .5%
  }

  .mortgage-rates-v2-test .loan-type .mortgage-rate-tooltip {
    left: -362.5%;
  }

  .loan-type .mortgage-rate-tooltip::before {
    left: 91.25%
  }
}

.dynamicrates-component--mortgagerates-v3 {
    margin-top: -70px;
}

.mortgage-rates-v3 .tp__margin-top--sm {
	margin-top: 0;
}

.mortgage-rates-v3 .comparison-nav-mobile__slide-content {
    width: 92%;
}

.mortgageRatesV3_container {
    display: block;
    padding: 0;
    margin: 30px 0 0;
}

.mortgage-rates-v3 .js-mortgage-rate-card-wrapper {
    display: block;
}

.tab-pane {
    display: inline-flex;
}

.mortgage-navTabs .nav-tabs{
    border: 0;
}

.mortgage-navTabs .nav-tabs .nav-item {
    border-bottom: 1px solid #c9c9c9;
}

.mortgageTabs {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 22.68px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #7C6992;
    border: none;
}

.mortgageTabs.active {
    font-weight: 700;
    color: var(--truPurple800);
    border: none;
}

.mortgage-navTabs .nav-item:has(a.active) {
    border-bottom: 2px solid var(--truPurple800);
}

.mortgage-controlSec {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 70px;
    margin: 2rem 0;
}

.mortgage-points {
    width: 290px;
}

.mortgage-navTabs {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.mortgage-points {
    margin-left: auto;
}

.mortgage-data {
    padding: 15px 0 30px 0;
    border-bottom: 1px solid var(--truClrGryVLt);
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-fill.loan-type-sec {
	flex: 5 !important;
}

.flex-fill .loan-type-header {
    font-size: 1.6rem;
    display: flex;
    font-weight: 700;
    line-height: 20.16px;
    margin-left: 0;
    margin-bottom: 11px;
    color: var(--truPurple800);
}

.flex-fill .loan-type {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 27.72px;
    display: flex;
    margin-left: 0;
    color: var(--truPurple800);
}

.flex-fill.payment-details {
    display: flex;
}

.flex-fill .loan-payment-details {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--truClrDuskBs) !important;
    line-height: normal;
    max-width: 150px;
    display: flex;
    align-items: center;
}

.flex-fill .loan-payment-details:hover,
.flex-fill .loan-payment-details:focus {
    color: var(--truPurple800) !important;
    text-decoration: underline !important;
}

button.mortgage-rate-tooltip-trigger {
    background: transparent;
    border: none;
    margin-left: .1rem;
    float: left;
    padding: 4px;
    height: 16px;
    width: 16px;
    box-sizing: content-box;
}

button.mortgage-rate-tooltip-trigger:hover svg g,
button.mortgage-rate-tooltip-trigger:focus svg g {
    stroke: #006D7A !important;
}

button.mortgage-rate-tooltip-trigger:hover,
button.mortgage-rate-tooltip-trigger:focus {
    outline-offset: 0px;
}

button.mortgage-rate-tooltip-trigger svg {
    vertical-align: top;
}

.dynamic-rates-mortgage-tooltip {
    display: inline-block;
    margin-bottom: 7px;
    transform: translateY(-0.5em);
    z-index: 1;
}

.deposit-rate-toggle-group__legend {
    color: var(--truPurple800);
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
    text-align: left;
    line-height: 20.16px;
}

.mortgage-rates-v3 .deposit-rate-toggle-group__controls--horizontal,
.mortgage-rates-v3 .dynamic-rates-mortgage-label {
    display: flex;
    justify-content: left;
}

.mortgage-rates-v3 .deposit-rate-toggle-group__control-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: .8rem 1.6rem .8rem 0;
}

.mortgage-rates-v3 .deposit-rate-toggle-group__control {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    display: inline-block;
    margin: 0 .8rem 0 0;
    margin-top: 5px;
    border: 2px solid #006D7A;
    background-color: #fff;
    appearance: none;
    border-radius: 50%;
}

.mortgage-rates-v3 .deposit-rate-toggle-group__control--radio:checked:after {
    transform: scale(1.25) translateX(-50%) translateY(-50%);
}

.mortgage-rates-v3 .deposit-rate-toggle-group__control--radio:after {
    border-radius: 50%;
    background-color: #006D7A;
}

.mortgage-rates-v3 .deposit-rate-toggle-group__control:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    transform: scale(0) translateX(-50%) translateY(-50%);
    transform-origin: top left;
    transition: transform .15s ease-in-out;
}

.deposit-rate-toggle-group__label-wrapper {
    font-size: 1.6rem;
    font-weight: 400;
}

.deposit-rate-toggle-group__label {
    color: var(--truNeutral500);
    line-height: 32px;
}

.martgageFooterCont {
    margin-top:30px;
}

.mortgageFooterTxt {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--truClrNtrlBlk50);
    line-height: 17.64px;
}

/* Bootstrap Tooltip styles */

.tooltip {
    font-size: 1.4rem;
}

.tooltip-inner {
    padding: 1rem;
    background-color: var(--truPurple800);
}

/* Payment Details modal back-drop*/
.mortgage-rates-v3 .onPageModal_container.show {
    background:rgba(0,0,0,0.5);
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.modal-open-fixed {
    overflow: hidden;
}

/* Media queries starts here */

@media only screen and (orientation: landscape) and (max-width: 1024px) {
    .flex-fill.loan-type-sec {
		flex: 16 !important;
	}
}

@media only screen and (orientation: landscape) and (max-width: 1023px) {
    .flex-fill .loan-type {
        font-size: 1.6rem;
    }
    .flex-fill.loan-type-sec {
		flex: 12 !important;
	}
}

@media only screen and (max-device-width: 799px) {

    .mortgage-rates-v3 #slick-slide00 .onPageModal_container .modal-content {
        width: 80vw;
        position: fixed;
        left: 100px;
        transform: translateX(112%);
        top: 20vh;
        padding: 24px 24px 32px;
    }

    .mortgage-rates-v3 #slick-slide01 .onPageModal_container .modal-content {
        width: 95vw;
        position: fixed;
        left: 0;
        transform: translateX(220%);
        top: 20vh;
        padding: 24px 24px 32px;
    }

    .mortgage-rates-v3 .modal-backdrop {
        z-index:99;
    }
    
    .dynamicrates-component--mortgagerates-v3 {
        margin-top: 0;
    }
    .dynamic-rates-mortgage-label {
        justify-content: center !important;
    }
    .mortgage-rate-card-wrapper {
        margin-left: 0;
    }
    .dynamic-rates-mortgage-tooltip {
        transform: translateY(-0.2em);
    }
    .mortgage-controlSec {
        display: grid;
    }
    .mortgage-navTabs, .mortgage-points {
        width: auto;
        margin: 0 auto;
    }
    .mortgage-points {
        margin-top: 0;
        z-index: 9;
    }
    .mortgage-rates-v3 .deposit-rate-toggle-group__controls--horizontal {
        justify-content: center;
    }
    .deposit-rate-toggle-group__legend {
        font-weight: 700;
    }
    .mortgage-data.wrap-mobile {
        border: 1px solid var(--truClrGryVLt);
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 10px;
        z-index: auto;        
    }
    .wrap-mobile {
        flex-wrap: wrap;
    }
    .flex-fill {
        flex: 1 1 100% !important;
        width: 100%;
    }
    .flex-fill.payment-details {
        justify-content: center;
    }
    .flex-fill .loan-type {
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 40.36px;
        justify-content: center;
        text-align: center;
        padding-bottom: 25px;
    }
    .flex-fill .loan-type-header {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 20.16px;
        display: flex;
        justify-content: center;
        text-align: center;
        padding-bottom: 5px;
        margin-bottom: 0;
    }

    .flex-fill .loan-payment-details{
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin-top: 0;
    }
    
}

@media screen and (max-width: 560px) {
    .loan-type .mortgage-rate-tooltip::before {
        left: inherit;
    }
    /* Filltabs default behavior of mobile view changed here for the defect fix DE172133 */
    .mortgage-rates-v3 .comparison-nav-mobile__wrapper.display--mobile-fill-tabs {
        display: none !important;
    }

    .mortgage-rates-v3 .comparison__container {
        padding: 0 15px;
    }

    .mortgage-rates-v3 .filltabs .display--desktop-fill-tabs {
        display: block;
    }

    .mortgage-points {
        margin-top: 15px;
    }
    /* defect fix DE172133 end */
}
/* Tooltip styles */
.mortgage-rate-tooltip-wrapper {
  position: relative;
  display: inline-block;
  background: none;
  border: none;
  margin-top: 1px;
}

.mortgage-rate-tooltip {
  line-height: 2rem;
  font-size: 1.4rem;
  position: absolute;
  text-align: left;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, calc(100% + 10px));
  padding: 15px;
  border-radius: 4px;
  background: #2e1a47;
  color: #fff;
  min-width: 12em;
  max-width: 16em;
  z-index: 100;
}

.mortgage-rate-tooltip::before {
  content: "";
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
  border-bottom: 10px solid #2e1a47;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.mortgage-rate-tooltip-close {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 1px 1px rgba(200, 200, 200, 0.5);
  background-color: transparent;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1rem;
}
.dynamic-rate-loading-rate__animation {
    text-align: center;
  }
  
  .dynamic-rate-loading-rate__animation::before {
    content: "Loading ";
    font-size: 1.6rem;
  }
  .dynamic-rate-loading-rate__animation div {
    background: #2e1a47;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border-radius: 20%;
    -webkit-animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
    animation: bouncedelayDepositRates 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .dynamic-rate-loading-rate__animation
    div.dynamic-rate-loading-rate__animation_box-1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .dynamic-rate-loading-rate__animation
    div.dynamic-rate-loading-rate__animation_box-2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  
  @-webkit-keyframes bouncedelayDepositRates {
    0%,
    80%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
    40% {
      transform: scale(1);
      opacity: 100;
    }
  }
  
  @keyframes bouncedelayDepositRates {
    0%,
    80%,
    100% {
      transform: scale(0);
      opacity: 0;
    }
    40% {
      transform: scale(1);
      opacity: 100;
    }
  }
  
/* Force a vertical sroll on page to prevent page jump on results, when page height is greater than the fold */
.lending-tree-body {
  scroll-behavior: smooth;
}

.lending-tree-body.modal-open {
  overflow: hidden;
}

.hide-for-large {
  display: none;
}

.clearfix {
  clear: both;
}

.btt  {
  display: none;
}

/* Override Bootstrap .container-fluid width property for accurate spacing */
/* May need to adjust once component is set on the page */
.lending-tree-body .container-fluid {
  font-weight: 400;
  font-size: var(--truTxtSize5);
  line-height: 24px;
  color: var(--truClrNtrlWht);
  width: 100%;
  padding: 20px 0;
}

.lending-tree-body form {
  display: block;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
  background: var(--truClrPplBs);
  border-radius: 10px;
}

.lending-tree-body .fieldset {
  display: block;
  width: 100%;
  background: var(--truClrPplBs);
  border-radius: 10px;
  padding: 80px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  top: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: all .3s ease-in-out;
}

/* Show the active panel */
/* This combined with the JS helps smooth the the transitions between the panel change */
.lending-tree-body .fieldset.active {
  position: relative;
  visibility: visible;
  z-index: 1;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.lending-tree-body select {
  width: 33% !important;
  display: block !important;
  font-size: var(--truTxtSize5);
  padding-left: 15px;
}

.lending-tree-body label {
  color: var(--truClrNtrlWht);
  font-weight: 600;
  font-size: var(--truTxtSize4);
  line-height: 26px;
}

.lending-tree-body select.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  margin-bottom: 80px;
  background:url('../../../content/dam/global-images/dropdownsvg.svg') var(--truClrNtrlWht) no-repeat right 0.75rem center/8px 10px;
}

.lending-tree-body select.custom-select:focus {
  border-color: var(--truClrSkyBs) !important;
  box-shadow: 0 0 0 0.2rem rgba(176, 224, 226, .75) !important;
}

.lending-tree-body select,
label[for="loanTypes"],
label[for="state"] {
  color: var(--truClrGryMd);
  font-size: var(--truTxtSize5);
  line-height: normal;
}

.lending-tree-body label[for="loanTypes"],
.lending-tree-body label[for="state"] {
  font-weight: 400;
  position: absolute;
  top: 9px;
  left: 17px;
  transition: all .3s ease-in-out;
}

/* Custom radios */
/* Don't hide the DOM radio, simply position it over the label's ::before & ::after psuedos.
 Then lower the opacity to "0". By doing it this way we can ensure the radio gets the
 :focus and the :checked states */
.lending-tree-body label.radio {
  position: relative;
  padding-left: 50px;
}

.lending-tree-body label.radio > .custom-radio {
  opacity: 0;
  width: 34px;
  height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}

.lending-tree-body label.radio::before {
  content: '';
  display: block;
  width: 34px;
  height: 34px;
  border: 2px solid var(--truClrNtrlWht);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -5px;
  z-index: -1;
}

.lending-tree-body label.radio::after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--truClrNtrlWht);
  position: absolute;
  left: 8px;
  top: 3px;
  opacity: 0;
  z-index: -1;
}

/* Label focus state for a11y */
.lending-tree-body label.radio.focus::before {
  content: '';
  border: 2px solid var(--truClrDawnBs);
}

.lending-tree-body label.radio.focus::after {
  content: '';
  background: var(--truClrDawnBs);
  opacity: 1;
}

.lending-tree-body label.radio::before {
  content: '';
  border: 2px solid var(--truClrNtrlWht);
}

.lending-tree-body label.radio.checked::after {
  content: '';
  opacity: 1;
  background: var(--truClrNtrlWht);
}

/* label animation for selectbox animateLabel() function in js */
.field {
  position: relative;
}

.field.filled label {
  top: -3px;
font-size: var(--truTxtSizeMicro);
}

.lending-tree-body h4.panel-question,
.lending-tree-body h2.panel-question {
  font-weight: 300;
font-size: var(--truTxtSize2);
  line-height: 24px;
  color: var(--truClrNtrlWht);
}

.lending-tree-body h4.panel-question,
.lending-tree-body h2.panel-question  {
  margin: 0 0 40px 0;
}

.lending-tree-body h2#start_question {
  margin: 0 0 10px 0;
}

.lending-tree-body h3 {
  font-weight: 300;
font-size: var(--truTxtSize1);
  line-height: 48px;
  color: var(--truClrNtrlWht);
  margin: 0 0 40px 0;
}

.lending-tree-body h3.question-label {
  font-weight: 600;
  font-size: var(--truTxtSizeBdy);
  line-height: 24px;
  color: #b0e0e2;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

.lending-tree-body h3 span {
  display: block;
  font-weight: 400;
font-size: var(--truTxtSize4);
  line-height: 30px;
}


.loan-types h3,
.state-selection h3,
.funds-access h3,
.borrow-amount h3,
.home-collateral h3 {
  margin-bottom: 40px;
}

.results {
  padding-bottom: 50px;
}

.lending-tree-body p {
  color: var(--truClrNtrlWht);
font-size: var(--truTxtSizeBdy);
  line-height: 24px;
  margin-bottom: 40px;
}

.start p {
  max-width: 786px;
}

/* "Next button */
.lending-tree-body .fill {
  float: right;
}

.lending-tree-body .reset {
  margin-bottom: 40px !important;
}

.lending-tree-body button {
  width: auto;
  border-radius: 4px;
  font-weight: 400;
  outline: none;
  box-shadow: 0 0 0 2px var(--truClrNtrlWht);
  border: 1px solid transparent;
font-size: var(--truTxtSizeBdy);
  line-height: 24px;
  padding: 15px 20px;
  white-space: nowrap !important;
  max-height: 66px;
  text-align: center;
  transition: all .3s ease-in-out;
}

.lending-tree-body a.button-link {
  width: auto;
  border-radius: 4px;
  font-weight: 400;
  outline: none;
  box-shadow: 0 0 0 2px var(--truClrNtrlWht);
  border: 1px solid transparent;
font-size: var(--truTxtSizeBdy);
  line-height: 24px;
  padding: 15px 20px;
  white-space: nowrap !important;
  max-height: 66px;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.lending-tree-body button:hover {
  color: var(--truClrPplBs) !important;
  background: var(--truClrNtrlWht) !important;
  border: 1px solid var(--truClrNtrlWht) !important;
  box-shadow: 0 0 0 2px var(--truClrNtrlWht) !important;
}

.lending-tree-body button.next:hover {
  color: var(--truClrPplBs) !important;
  background: var(--truClrSkyBs) !important;
  border: 1px solid var(--truClrSkyBs) !important;
  box-shadow: 0 0 0 2px var(--truClrSkyBs) !important;
}

.lending-tree-body button:focus,
.lending-tree-body button.next:focus {
  background: var(--truClrSkyBs) !important;
  color: var(--truClrPplBs) !important;
  border: 1px solid var(--truClrPplBs) !important;
  box-shadow: 0 0 0 2px var(--truClrSkyBs) !important;
}

.lending-tree-body button:disabled,
.lending-tree-body button:disabled:hover {
  border: 1px solid transparent !important;
  color: var(--truClrNtrlWht) !important;
  background: rgba(201, 201, 201, 0.6) !important;
  box-shadow: 0 0 0 2px rgba(201, 201, 201, 0.6) !important;
}

/* Trasparent buttons - "Get started" , "Go back" & "Apply now" */
.lending-tree-body .ghost:hover {
  color: var(--truClrNtrlWht) !important;
  background: transparent !important;
}

.lending-tree-body .apparition {
  color: var(--truClrPplBs) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 2px var(--truClrPplBs) !important;
  display: block;
  min-width: 100%;
  margin: 0 !important;
  position: relative;
}

.lending-tree-body .apparition::before {
  content: '';
  position: absolute;
  border: 1px solid transparent !important;
  background: transparent !important;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  top: 0;
  left: 0;
}

.lending-tree-body .apparition:hover {
  color: var(--truClrNtrlWht) !important;
  background: var(--truClrPplBs) !important;
  border: 1px solid var(--truClrPplBs) !important;
  box-shadow: 0 0 0 2px var(--truClrPplBs) !important;
}

.lending-tree-body .apparition:focus {
  color: var(--truClrPplBs) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 2px var(--truClrPplBs) !important;
}

.lending-tree-body .apparition:focus::before {
  border: 1px solid var(--truClrPplBs) !important;
}

/* Dark card button */
.lending-tree-body button.midnight,
.lending-tree-body a.midnight:link,
.lending-tree-body a.midnight:visited {
  text-decoration: none;
  color: var(--truClrNtrlWht) !important;
  background: var(--truClrPplBs) !important;
  border: 1px solid var(--truClrPplBs) !important;
  box-shadow: 0 0 0 2px var(--truClrPplBs) !important;
  display: block;
  margin: 0 0 15px 0 !important;
  min-width: 100%;
}

.lending-tree-body button.midnight:hover,
.lending-tree-body a.midnight:hover,
.lending-tree-body a.midnight:hover:active,
.lending-tree-body button.midnight:focus,
.lending-tree-body a.midnight:focus {
  color: var(--truClrPplBs) !important;
  background: var(--truClrNtrlWht) !important;
  border: 1px solid var(--truClrNtrlWht) !important;
  box-shadow: 0 0 0 2px var(--truClrPplBs) !important;
}

.lending-tree-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.ul-radios {
  margin-bottom: 60px;
}

.lending-tree-body ul li {
  width: 49.77%;
  display: inline-block;
  margin-bottom: 20px;
}

span.pusher {
  margin-right: 20px;
}

/* Hide all cardsin the "Results panel */
/* User selections will determine which panels to show vs. hide
  This function is performed on the "Next" click (JS)
  Hide the disclosures */
.loan,
.disclosure-container {
  display: none;
}

.results p {
  margin-bottom: 0;
}

/* Product Cards */
.lending-tree-body .loan-card {
  background: var(--truClrNtrlWht);
  min-width: 291px;
  max-width: 402px;
  height: 785px;
  margin: 0 auto;
  border: 1px solid var(--truClrDawnBs);
  border-radius: 20px;
  overflow: hidden;
}

.lending-tree-body .card-title {
  background: rgba(175, 171, 201, 0.4);
  min-height: 60px;
  padding: 20px;
  margin-bottom: 0;
  color: var(--truClrPplBs) !important;
  font-weight: 400;
font-size: var(--truTxtSizeBdy);
  line-height: 24px;
}

.lending-tree-body .card-title h3 {
  font-weight: 600;
font-size: var(--truTxtSize3);
  line-height: 34px;
  color: var(--truClrPplBs) !important;
  margin: 0 0 5px 0;
}

.lending-tree-body .card-body {
  padding: 20px;
}

.lending-tree-body .card-body p {
  color: var(--truClrGryMd) !important;
  margin-bottom: 20px;
}

.lending-tree-body .card-body p.labels {
  margin-bottom: 0px;
}

.sub {
  color: var(--truClrGryMd);
  text-align: center;
  display: block;
  margin-bottom: 20px;
  line-height: 16px;
}

.sub sup {
  color: #E61F00;
}

ul.checkpoint {
  color: var(--truClrGryMd) !important;
}

.lending-tree-body .card-body span.loan-range {
  display: block;
  font-weight: 400;
font-size: var(--truTxtSize4);
  line-height: 30px;
  color: var(--truClrPplBs);
  font-weight: bold;
  margin-bottom: 10px;
}

.lending-tree-body .card-body sup a:link,
.lending-tree-body .card-body sup a:visited,
.lending-tree-body .modal-dialog sup a:link,
.lending-tree-body .modal-dialog sup a:visited {
font-size: 1.6rem;
  line-height: 22px;
  font-weight: normal;
  color: var(--truClrPplBs);
  text-decoration: underline;
  transition: all .3s ease-in-out;
}

.lending-tree-body .card-body sup a:hover,
.lending-tree-body .card-body sup a:active,
.lending-tree-body .card-body sup a:focus,
.lending-tree-body .modal-dialog sup a:hover,
.lending-tree-body .modal-dialog sup a:active,
.lending-tree-body .modal-dialog sup a:focus {
  text-decoration: none;
}

ul.checkpoint {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
}

ul.checkpoint li {
  margin: 0 0 10px 0;
font-size: var(--truTxtSizeBdy);
  line-height: 24px;
  width: 100%;
  position: relative;
}

ul.checkpoint li svg {
  margin: -5px 5px 0 0;
}

.loan-card .card-footer {
  padding: 0 20px 20px 20px;
  border-top: none;
  background: var(--truClrNtrlWht);
}

/* Discloure styes */
.lending-tree-body .disclosure-container {
  padding: 40px;
}

.statement {
  text-align: center;
  padding: 40px 0 0 0;
}

.lending-tree-body .disclosure-container .card-body p.disclosure {
  color: var(--truClrNtrlWht) !important;
  border: 1px dashed transparent;
  padding: 10px;
font-size: 1.6rem;
  line-height: 22px;
  transition: all .3s ease-in-out;
  margin-bottom: 0;
  background:none!important;
}

.lending-tree-body .modal-dialog .card-body p.disclosure {
  color: var(--truClrGryMd) !important;
  border: 1px dashed transparent;
  padding: 10px;
font-size: 1.6rem;
  line-height: 22px;
  transition: all .3s ease-in-out;
  margin-top: 40px;
  margin-bottom: 0;
}

/* adding focus class for page scroll to disclosures */
.lending-tree-body .disclosure-container .card-body p.has-focus {
  border: 1px dashed var(--truClrSkyBs);
  color: var(--truClrSkyBs) !important;
}

.lending-tree-body .disclosure-container .card-body p sup,
.lending-tree-body .disclosure-container .card-body p.has-focus sup {
  color: var(--truClrDawnBs) !important;
}

.lending-tree-body .modal-dialog .card-body p.has-focus {
  border: 1px dashed var(--truClrDuskBs);
  color: var(--truClrDuskBs) !important;
}

.lending-tree-body .modal-dialog .card-body p sup,
.lending-tree-body .modal-dialog .card-body p.has-focus sup {
  color: var(--truClrDuskBs) !important;
}

.lending-tree-body .disclosure-container a {
  color: var(--truClrNtrlWht);
  text-decoration: underline;
}

.lending-tree-body .disclosure-container a:hover,
.lending-tree-body .disclosure-container a:focus {
  color: var(--truClrDawnBs);
  text-decoration: none;
}

.lending-tree-body .disclosure-container a svg {
  margin: 5px 0 0 5px;
  transition: all .3s ease-in-out;
}

.lending-tree-body .disclosure-container a svg path {
  fill: var(--truClrNtrlWht);
  transform: scale(.75);
}

.lending-tree-body .disclosure-container a:hover svg path,
.lending-tree-body .disclosure-container a:focus svg path {
  fill: var(--truClrDawnBs);
}

.lending-tree-body .disclosure-container a[aria-expanded="true"] {
  color: var(--truClrNtrlWht);
}

.lending-tree-body .disclosure-container a[aria-expanded="true"]:hover,
.lending-tree-body .disclosure-container a[aria-expanded="true"]:focus {
  color: var(--truClrDawnBs);
}

.lending-tree-body .disclosure-container a[aria-expanded="true"] svg {
  transform: rotate(180deg);
  margin: -5px 0 0 5px;
}

.lending-tree-body .disclosure-container a[aria-expanded="true"] svg path {
  fill: var(--truClrNtrlWht);
}

.lending-tree-body .disclosure-container a[aria-expanded="true"]:hover svg path,
.lending-tree-body .disclosure-container a[aria-expanded="true"]:focus svg path {
  fill: var(--truClrDawnBs);
}

.lending-tree-body #disclosure {
  width: 100%;
  background: none;
  border: 2px solid var(--truClrNtrlWht);
  border-radius: 10px;
  margin-top: 20px;
}

.lending-tree-body #disclosure .card.card-body {
  display: block !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background: none;
  border: none;
  padding: 20px;
}

/*Quick view modal styles (overrride BS) */
.lending-tree-body .modal {
  overflow: hidden;
}

.lending-tree-body .modal-content.card {
  min-width: 100%;
  max-width: 100%;
}

.lending-tree-body .modal-header {
  display: block;
  position: relative;
  padding: 20px 80px;
}

.lending-tree-body .modal-header button {
  color: var(--truClrPplBs);
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 20px;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all .3s ease-out;
}

.lending-tree-body .modal-header button:hover,
.lending-tree-body .modal-header button:focus {
  background: transparent !important;
  color: var(--truClrDuskBs) !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: scale(1.25)
}

.lending-tree-body .modal-header button span {
font-size: var(--truTxtSize1);
  line-height: 54px;
}

.lending-tree-body .modal-body {
  padding: 20px 80px 40px 80px;
}

.lending-tree-body .modal-body h4 {
  font-weight: 600;
font-size: var(--truTxtSizeBdy);
  line-height: 24px;
  color: var(--truClrDuskBs)
}

.lending-tree-body .modal-body h4 {
  font-weight: 400;
font-size: var(--truTxtSize4);
  line-height: 30px;
  color: var(--truClrDuskBs)
}

.lending-tree-body .modal-body h4.benefits {
  font-weight: 400;
font-size: var(--truTxtSize4);
  line-height: 30px;
  color: var(--truClrGryMd)
}

.lending-tree-body .modal-body .checkpoint {
  margin: 40px 0 0 0;
  padding: 0 20px;
}

.modal-body .checkpoint li {
  margin-bottom: 20px;
  vertical-align: top;
  width: 49.75%;
  display: inline-block;
  padding: 0 30px;
}

.modal-body .checkpoint li svg {
  display: block;
  float: left;
  margin: 7px 15px 0 0;
}

.modal-body .checkpoint li span {
  display: block;
  overflow: hidden;
}

.modal-cta {
  float: right;
}

.modal-cta:link,
.modal-cta:visited {
  color: var(--truClrPplBs);
  text-decoration: underline;
}

.modal-cta:hover,
.modal-cta:active,
.modal-cta:focus {
  color: var(--truClrDuskBs);
  text-decoration: none;
  outline: 1px solid var(--truClrDuskBs);
}

.lending-tree-body .close {
  border: none !important;
  outline: none;
  box-shadow: none !important;
}

.lending-tree-body .close:hover,
.lending-tree-body .close:focus {
  border: none !important;
  outline: 1px solid var(--truClrDuskBs);
  box-shadow: none !important;
}

/* Media Queries */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .hide-for-large {
    display: block;
  }

  .lending-tree-body .fieldset {
    display: block;
    width: 100%;
    background: var(--truClrPplBs);
    padding: 60px 20px;
    border-radius: 0px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    top: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all .3s ease-in-out;
  }

  .lending-tree-body h3 {
    line-height: 34px;
  }

  .lending-tree-body p,
  .lending-tree-body h2,
  .lending-tree-body label,
  ul.checkpoint li {
    line-height: 22px;
  }

  label.radio::before {
    top: -5px;
  }

  label.radio::after {
    top: 3px;
  }

  .lending-tree-body select {
    width: 100% !important;
  }

  .lending-tree-body ul li {
    width: 100% !important;
  }

  .lending-tree-body button {
line-height: 22px;
  }

  .lending-tree-body .card {
    margin: 0 auto 30px auto;
  }

  .lending-tree-body .card-title {
    line-height: 22px;
  }

  .lending-tree-body .card-title h3 {
    line-height: 34px;
    margin-bottom: 0;
  }

  .lending-tree-body .card-body span.loan-range {
    line-height: 31px;
  }

  .lending-tree-body .disclosure-container {
    padding: 0 20px 20px 20px;
  }

  .lending-tree-body .disclosure-container a {
    line-height: 22px;
  }

  .lending-tree-body .disclosure-container p {
    margin-bottom: 0px
  }

  .lending-tree-body .modal-header {
    display: block;
    position: relative;
    padding: 20px;
  }

  .lending-tree-body .modal-body {
    padding: 20px;
  }

  .lending-tree-body .modal-body .checkpoint {
    width: 100%;
    padding: 0;
  }

  .lending-tree-body .modal-body .checkpoint li {
    width: 100%;
    padding: 0;
  }

  .lending-tree-body .reset {
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {
  .hide-for-large {
    display: block;
  }

  .lending-tree-body fieldset {
    padding: 60px 20px;
    border-radius: 0px;
  }

  .lending-tree-body h3 {
    line-height: 34px;
  }

  .lending-tree-body p,
  .lending-tree-body h2,
  .lending-tree-body label,
  ul.checkpoint li {
    line-height: 22px;
  }

  .lending-tree-body label.radio::before {
    top: -5px;
  }

  .lending-tree-body label.radio::after {
    top: 3px;
  }

  .lending-tree-body select {
    width: 100% !important;
  }

  .lending-tree-body ul li {
    width: 100%;
  }

  .lending-tree-body button {
    line-height: 22px;
  }

  .lending-tree-body .card {
    margin: 0 auto 30px auto;
  }

  .lending-tree-body .card-title {
    line-height: 22px;
  }

  .lending-tree-body .card-title h3 {
    line-height: 26px;
    margin-bottom: 0;
  }

  .lending-tree-body .card-body span.loan-range {
    line-height: 26px;
  }

  .lending-tree-body .disclosure-container {
    padding: 0 20px 20px 20px;
  }

  .lending-tree-body .disclosure-container a {
    line-height: 22px;
  }

  .lending-tree-body .disclosure-container p {
    margin-bottom: 0px
  }

  .lending-tree-body .modal-header {
    display: block;
    position: relative;
    padding: 20px;
  }

  .lending-tree-body .modal-body {
    padding: 20px;
  }

  .lending-tree-body .modal-body .checkpoint {
    width: 100%;
    padding: 0;
  }

  .lending-tree-body .modal-body .checkpoint li {
    width: 100%;
    padding: 0;
  }

  .lending-tree-body .reset {
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hide-for-large {
    display: block;
  }

  .lending-tree-body select {
    width: 100% !important;
  }

  .lending-tree-body ul li {
    width: 100%;
  }

  .lending-tree-body .card {
    margin: 0 auto 20px auto;
  }

  .lending-tree-body .modal-header {
    display: block;
    position: relative;
    padding: 20px;
  }

  .lending-tree-body .modal-body {
    padding: 20px;
  }

  .lending-tree-body .modal-body .checkpoint {
    width: 100%;
    padding: 0;
  }

  .lending-tree-body .modal-body .checkpoint li {
    width: 100%;
    padding: 0;
  }
}

#lending-tree .disclosure {
  background: #483460;
 }
.slide-container,
.slide-container .container {
  font-size: 1.8rem;
  line-height: 24px;
  color: #ffffff;
}

.slidecontainer .container-fluid {
  padding: 0;
  height: auto;
}

.slide-container {
  margin: 20px auto;
  padding: 80px 0;
  background: #e3e2ec;
  border-radius: 20px;
  width: 100%;
  max-width: 1600px !important;
  position: relative;
  overflow: hidden;
  height: auto;
  transition: max-height 1s ease-in-out;
}

.slide-container .slide-container-section-heading {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  text-align: center;
  color: #7C6992;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.slide-container .title-icon {
  border-radius: 4px;
  margin-top: -4px;
  margin-right: 12px;
  border: 1px solid #b0e0e2;
  border: 1px solid #7C6992;
}

.slide-container .slide-container-heading {
  text-align: center;
  font-weight: 300;
  font-size: 4.8rem;
  line-height: 54px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: block;
  color: #2e1a47;
}

.slide-container-scroller {
  width: 100%;
  margin-top: 16px;
  position: relative;
}

.slide-container-before,
.slide-container-after {
  height: 64px;
  width: 52px;
  background: #7C6992;
  position: absolute;
  z-index: 100;
  top: 24%;
  margin-top: 20px;
  border: 2px solid #7C6992;
  box-shadow: 0 0px 2px rgba(0, 0, 0, .20);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.slide-container-before {
  left: 0%;
  border-radius: 0px 10px 10px 0px;
}

.slide-container-after {
  right: 0%;
  border-radius: 10px 0px 0px 10px;
}

.slide-container-before svg {
  transform: rotate(180deg);
}

.slide-container-before:disabled,
.slide-container-after:disabled {
  background: var(--truClrGryVLt);
  border: 2px solid transparent;
}

.slide-container-before:disabled:focus,
.slide-container-before:disabled:focus {
  background: var(--truClrGryVLt);
  border: 2px solid #000000;
}

.slide-container-before:hover,
.slide-container-after:hover {
  background: #afabc9;
  border: 2px solid #afabc9;
}

.slide-container-before:focus,
.slide-container-after:focus {
  background: #7C6992;
  border: 2px solid #7C6992;
}

.slide-container-before:focus::before,
.slide-container-after:focus::before {
  content: '';
  position: absolute;
  top: 1px;
  height: 58px;
  width: 50px;
  border: 1px solid #ffffff;
}

.slide-container-before:focus::before {
  border-radius: 0px 10px 10px 0px;
  left: -1px;
}

.slide-container-after:focus::before {
  border-radius: 10px 0px 0px 10px;
  right: -1px;
}

.slide-container-before:hover svg path,
.slide-container-after:hover svg path,
.slide-container-before:focus svg path,
.slide-container-after:focus svg path {
  fill: #ffffff;
}

.slide-container-before:disabled svg path,
.slide-container-after:disabled svg path,
.slide-container-before:disabled:hover svg path,
.slide-container-after:disabled:hover svg path,
.slide-container-before:disabled:focus svg path,
.slide-container-after:disabled:focus svg path {
  fill: #000000;
}

.slide-container-before {
  border-left: none !important;
}

.slide-container-after {
  border-right: none !important;
}

.slide-container-body .carousel-inner {
  width: 100%;
  padding-top: 15px;
  display: block;
  padding-left:40px !important;
}

.slide-container-list {
  position: relative;
  margin: 0 0 10px 0px;
  visibility: hidden;
}

.slide-container div.slide-container-item,
.slide-container .slide-container-item:link,
.slide-container .slide-container-item:visited {
  margin-right: 40px !important;
  position: relative;
  min-height: 300px;
  color: #2E1A47;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  min-width: 315px !important;
  max-width: 315px !important;
  padding: 30px;
  transition: all .3s ease-in-out;
  text-decoration: none;
  text-decoration: none;
  background: #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
}

.slide-container a.slide-container-item:hover,
.slide-container a.slide-container-item:active {
  text-decoration: none;
}

.slide-container a.slide-container-item::before {
  content: '';
  background: #f8f8f8;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
  transition: all .3s ease-in-out;
}

.slide-container a.slide-container-item:hover::before,
.slide-container a.slide-container-item:active::before,
.slide-container a.slide-container-item:focus::before{
  transform: scale(1.05);
}

.slide-container a.slide-container-item.page-active::before,
.slide-container a.slide-container-item.page-active:hover::before {
  content: '';
  background: #2E1A47;
  border: 2px solid #ffffff;
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  z-index: -1;
  border-radius: 10px;
  transform: scale(1);
  transition: none;
}

.slide-container div.slide-container-item:focus{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}

.slidecontainer .slider-card a:link,
.slidecontainer .slider-card a:visited {
  display: inline-block;
  font-size: inherit;
}
.slidecontainer .slider-card .cta a:link,
.slidecontainer .slider-card .cta a:visited {
  display: block;
}

.slide-container div.slide-container-item .slider-card-tag,
.slide-container a.slide-container-item:link .slider-card-tag,
.slide-container a.slide-container-item:visited .slider-card-tag {
  font-weight: 400;
  color: #ffffff;
  padding: 10px;
  border-radius: 10px 0;
  background: #7C6992;
  font-size: 1.8rem;
  line-height: 24px;
  text-align: left;
  text-decoration: none;
  position: absolute;
  top: 0px;
  left: -1px;
  transition: all .3s ease-in-out;
}

.slide-container a.slide-container-item:hover .slider-card-tag,
.slide-container a.slide-container-item:active .slider-card-tag,
.slide-container a.slide-container-item:focus .slider-card-tag {
  top: -11px;
  left: -8px;
}

.slide-container-item .slider-card-heading-icon,
.slide-container-item:link .slider-card-heading-icon,
.slide-container-item:visited .slider-card-heading-icon,
.slide-container-item:hover .slider-card-heading-icon,
.slide-container-item:active .slider-card-heading-icon,
.slide-container-item:focus .slider-card-heading-icon {
  border-radius: 10px;
  margin: 36px 0 20px 0;
  display: block;
}

.slide-container-item .slider-card-title,
.slide-container-item:link .slider-card-title,
.slide-container-item:visited .slider-card-title,
.slide-container-item:hover .slider-card-title,
.slide-container-item:active .slider-card-title,
.slide-container-item:focus .slider-card-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 26px;
  color: #2E1A47;
  text-decoration: none;
  display: block;
}

.slide-container-item .slider-card-heading,
.slide-container-item:link .slider-card-heading,
.slide-container-item:visited .slider-card-heading,
.slide-container-item:hover .slider-card-heading,
.slide-container-item:active .slider-card-heading,
.slide-container-item:focus .slider-card-heading {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 30px;
  color: #2E1A47;
  text-decoration: none;
  display: block;
}

.slide-container-item .slider-card-description,
.slide-container-item:link .slider-card-description,
.slide-container-item:visited .slider-card-description,
.slide-container-item:hover .slider-card-description,
.slide-container-item:active .slider-card-description,
.slide-container-item:focus .slider-card-description {
  color: #515151;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 24px;
  text-decoration: none;
  margin: 20px 0;
}

.slider-card-description-link:link,
.slider-card-description-link:visited {
  color: #2e1a47;
  text-decoration: underline;
}

.slider-card-description-link:hover,
.slider-card-description-link:active {
  color: #7C6992;
}

.slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper, .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper>div.aem-Grid, .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper>div.aem-Grid>.staticcard, .slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .slide-container--parsys-wrapper>div.aem-Grid>.staticcard>.truist-global-staticcard-column {
  height: 100%;
}

.slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .truist-global-staticcard-column {
  display: flex;
}

.slidecontainer__staticcard--has-footer [data-card-variation="static-card" i] .truist-global-staticcard-button-bottom {
  margin-top: auto;
}

[data-card-variation="static-card" i] .slider-card-title,
[data-card-variation="static-card" i] .slider-card-heading,
[data-card-variation="static-card" i] .slider-card-description {
  display: none;
}

.slide-container-item .btn-primary {
  color: #ffffff;
  font-size: 1.8rem;
  width: auto;
  background: #2E1A47;
  border: 2px solid #2E1A47;
  border-radius: 4px !important;
  padding: 15px 30px;
  text-align: center;
  transition: all .3s ease-in-out;
}

.slide-container-item .btn-primary:hover {
  color: #2E1A47 !important;
  background: transparent;
}

.slide-container-item .btn-primary:focus {
  background: #2E1A47;
  color: #ffffff !important;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #2e1a47;
}

.slide-container-item .slider-tag-count {
  color: #2E1A47;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 24px;
  text-decoration: none;
  margin-top: 20px;
  display: block;
}

a.slide-container-item:link .slider-tag-count,
a.slide-container-item:visited .slider-tag-count,
a.slide-container-item:hover .slider-tag-count,
a.slide-container-item:active .slider-tag-count,
a.slide-container-item:focus .slider-tag-count {
  position: absolute;
  bottom: 30px;
}

@media (min-width: 0px) and (max-width: 639.98px) {

  .d-flex.slide-container-before,
  .d-flex.slide-container-after {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 767.98px) {
  .slide-container {
    border-radius: 0px;
    padding: 60px 0;
    width: auto;
    max-width: auto;
  }
}

@media (min-width: 0px) and (max-width: 1024.98px) {
  #slide-container-scroller-track {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .slide-container-item:link,
  .slide-container-item:visited,
  .slide-container-item:hover,
  .slide-container-item:active {
    margin-right: 20px !important;
  }
}

@media (max-width: 1023px){
  .slidecontainer .truist-global-staticcard-column {
    max-width: none; width: 100%; margin-top: 0;
  }
}

@media (min-width: 0px) and (max-width: 1364.98px) {
  .slide-container-body,
  .slide-container-body .container {
    font-size: 1.6rem;
    line-height: 22px;
  }

  .slide-container .slide-container-section-heading {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .slide-container .slide-container-heading {
    font-size: 3.6rem;
    line-height: 42px;
  }

  .slide-container-item .slider-card-tag,
  .slide-container-item:link .slider-card-tag,
  .slide-container-item:visited .slider-card-tag,
  .slide-container-item:hover .slider-card-tag,
  .slide-container-item:active .slider-card-tag,
  .slide-container-item:focus .slider-card-tag {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .slide-container-item .slider-card-title,
  .slide-container-item:link .slider-card-title,
  .slide-container-item:visited .slider-card-title,
  .slide-container-item:hover .slider-card-title,
  .slide-container-item:active .slider-card-title,
  .slide-container-item:focus .slider-card-title {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .slide-container-item .slider-card-heading,
  .slide-container-item:link .slider-card-heading,
  .slide-container-item:visited .slider-card-heading,
  .slide-container-item:hover .slider-card-heading,
  .slide-container-item:active .slider-card-heading,
  .slide-container-item:focus .slider-card-heading {
    font-size: 2rem;
    line-height: 26px;
  }

  .slide-container-item .slider-tag-count,
  .slide-container-item:link .slider-tag-count,
  .slide-container-item:visited .slider-tag-count,
  .slide-container-item:hover .slider-tag-count,
  .slide-container-item:active .slider-tag-count,
  .slide-container-item:focus .slider-tag-count {
    font-size: 1.6rem;
    line-height: 22px;
  }
}

@media (min-width: 767.99px) and (max-width: 991.98px) {
  .slide-container {
    border-radius: 0px;
    padding: 60px 0;
    width: auto;
    max-width: auto;
  }
}
/* Scroller slide in animation */
@keyframes slidein-cards {
  0% {
    left: var(--cardsAnimate);
  }

  100% {
    left: 0px;
  }
}

@keyframes slidein-before {
  0% {
    left: -10%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slidein-after {
  0% {
    right: -10%;
  }

  100% {
    right: 0%;
  }
}

@keyframes slideout-before {
  0% {
    left: 0%;
  }

  100% {
    left: -10%;
  }
}

@keyframes slideout-after {
  0% {
    right: 0%;
  }

  100% {
    right: -10%;
  }
}
/*Static card styles provided by Prem -start */

.truist-global-staticcard-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 20px;
  flex-grow: 1;
  max-width: 1600px;
  margin: auto;
}

.truist-global-staticcard-container-gap-thirty {
  column-gap: 30px;
}

.truist-global-staticcard-container-gap-twenty {
  column-gap: 20px;
}

.truist-global-staticcard-container-padding-top {
  padding-top: 30px;
}

.truist-global-staticcard-column {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 30px;
  position: relative;
  justify-content: left;
  text-align: left;
}

.truist-global-staticcard-row:not(:last-child) {
  margin-bottom: 20px;
}

.truist-global-staticcard-button-bottom {
  margin-top: auto;
}

.truist-global-staticcard-card-cta-button {
  margin-top: 10px;
}

.truist-global-staticcard-column-white {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C9C9C9;
}

.truist-global-staticcard-column-grey {
  background: #F7F7F7 0% 0% no-repeat padding-box;
  border: 1px solid #F7F7F7;
}

.truist-global-staticcard-column-transparent {
  background: transparent 0% 0% no-repeat padding-box;
  border: 1px solid transparent;
}

.truist-global-staticcard-column-transparent-border:not(:last-child) {
  border-radius: 0px;
  border-right: 1px solid #C9C9C9;
}

.truist-global-staticcard-column-align-center {
  text-align: center;
}

.truist-global-staticcard-img-top {
  position: relative;
  display: block;
}

.truist-global-staticcard-img-middle {
  display: block;
  height: auto;
}

.truist-global-staticcard-img-badge {
  position: absolute;
  background: #7C6992 0% 0% no-repeat padding-box;
  width: auto;
  height: auto;
  padding: 7px 10px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #FFFFFF;
  left: 0;
  opacity: 1;
  line-height: 2rem;
  border-bottom-right-radius: 10px;
}

.truist-global-staticcard-img {
  object-fit: fill;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.truist-global-staticcard-icon-img {
  height: auto;
  width: auto;
  max-width: 80%;
  display: inline-block;
}

.truist-global-staticcard-content-padding {
  padding-left: 30px;
  padding-right: 30px;
}

.truist-global-staticcard-eyebrow {
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #7C6992;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 2.2rem;
  margin-bottom: 0;
}

.truist-global-staticcard-cardtitle {
  font-size: 2rem;
  line-height: 3rem;
  color: #2e1a47;
  font-weight: 600;
}

.truist-global-staticcard-cardcontent {
  font-size: 1.6rem;
  color: var(--truNeutral500);
  font-weight: 400;
  line-height: 2.2rem;
  margin-bottom: 0;
}

.truist-global-staticcard-eyebrow-margin-bottom {
  margin-bottom: 10px !important;
}

.truist-global-staticcard-eyebrow-font-300 {
  font-weight: 300 !important;
}

.truist-global-staticcard-row .eyebrow {
  margin-left: 30px;
}

@media (min-width: 1366px) {
  .truist-global-staticcard-cardcontent {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .truist-global-staticcard-cardtitle {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .truist-global-staticcard-img-badge {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

@media (max-width: 1023px) {
  .truist-global-staticcard-content-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .truist-global-staticcard-container {
    flex-wrap: wrap;
    column-gap: 20px;
  }

  .truist-global-staticcard-column {
    flex: 1 0 100%;
    max-width: 45%;
    width: 45%;
    margin-top: 20px;
  }

  .truist-global-staticcard-maxwidth-thirty-percent {
    max-width: 30%;
  }

  .truist-global-staticcard-column-transparent-border:nth-child(even) {
    border-right: 1px solid #C9C9C9;
    border-right: none;
  }
}

@media (max-width: 767px) {
  .truist-global-staticcard-container {
    display: block;
    padding: 0px 20px 0px 20px;
  }

  .truist-global-staticcard-column {
    display: flex;
    max-width: 100%;
    width: 100%;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .truist-global-staticcard-column-transparent-border:not(:last-child) {
    border-bottom: 1px solid #C9C9C9;
    border-right: none;
  }
}


/* STATIC CARD STYLES COPIED FROM STATICCARDS.CSS IN DAM */

/*GRID + STATIC CARD*/
/*even columns*/
.static-card__custom--even-columns .truist-global-staticcard-column {padding-top: 3rem; padding-bottom: 2rem;}
.static-card__custom--even-columns.static-card__custom--even-columns--remove-top-padding .truist-global-staticcard-column {padding-top: 0;}
@media (min-width: 769px){
    .static-card__custom--even-columns > div.aem-Grid {display: flex;}
    .static-card__custom--even-columns > div.aem-Grid > div.staticcard {display: flex;}
}
@media (max-width: 768px){
    .static-card__custom--even-columns .truist-global-staticcard-column {margin-top: 0; margin-bottom: 2rem;}
}
@media (max-width: 1023px){
    .static-card__custom--even-columns .truist-global-staticcard-column {max-width: none; width: 100%; margin-top: 0;}
}

/*column spacing with and without indent (margin)*/
@media (min-width: 769px){
    .static-card__custom--column-spacing-2 {margin-right: -8.333%;}
    .static-card__custom--column-spacing-3,
    .static-card__custom--column-spacing-2--sm {margin-right: -4.167%;}
    .static-card__custom--column-spacing-3--sm,
    .static-card__custom--column-spacing-4 {margin-right: -2.083%;}
    .static-card__custom--column-spacing-3 > div.aem-Grid > div.staticcard,
    .static-card__custom--column-spacing-2--sm > div.aem-Grid > div.staticcard {padding-right: 4.167%; margin-left: 0% !important;}
    .static-card__custom--column-spacing-4 > div.aem-Grid > div.staticcard,
    .static-card__custom--column-spacing-3--sm > div.aem-Grid > div.staticcard {padding-right: 2.083%; margin-left: 0% !important;}
    .static-card__custom--column-spacing-2 > div.aem-Grid > div.staticcard {padding-right: 8.333%; margin-left: 0% !important;}
    /*4 column - remove cta min width*/
    .static-card__custom--column-spacing-4 .cta a {min-width: auto;}
}
@media (min-width: 769px) and (max-width: 1200px){
    /*4 column spacing tablet wrap for even cards*/
    .static-card__custom--even-columns.static-card__custom--column-spacing-4 > div.aem-Grid {flex-wrap: wrap;}
    .static-card__custom--even-columns.static-card__custom--column-spacing-4 > div.aem-Grid > div.staticcard {width: 50% !important;}
    .static-card__custom--even-columns.static-card__custom--column-spacing-4 div.staticcard:nth-child(3),
    .static-card__custom--even-columns.static-card__custom--column-spacing-4 div.staticcard:nth-child(4) {margin-top: 2.083%;}
}
@media (max-width: 1023px) {
    .static-card__custom--column-spacing-2 .truist-global-staticcard-column,
    .static-card__custom--column-spacing-3 .truist-global-staticcard-column,
    .static-card__custom--column-spacing-4 .truist-global-staticcard-column,
    .static-card__custom--column-spacing-2--sm .truist-global-staticcard-column,
    .static-card__custom--column-spacing-3--sm .truist-global-staticcard-column {max-width: none; width: 100%; margin-top: 0;}
}

/*borders*/
.static-card__custom--single-border .truist-global-staticcard-content-padding,
.static-card__custom--single-border .truist-global-staticcard-content-padding ~ p {padding: 0;}
.static-card__custom--single-border .truist-global-staticcard-content-padding ~ ul,
.static-card__custom--single-border .truist-global-staticcard-content-padding ~ ol {margin: inherit;}
.static-card__custom--single-border > div.aem-Grid > div.staticcard {margin-bottom: 4rem; border-bottom: 1px solid #cfcfcf; border-radius: 0;}
.static-card__custom--single-border > div.aem-Grid > div.staticcard:last-child {border: none; margin-bottom: 0;}
.static-card__custom--single-border .truist-global-staticcard-column {padding-bottom: 0; padding-top: 0; border-radius: 0; background: none; border: none;}
.static-card__custom--single-border .truist-global-staticcard-img-top {padding-right: 0 !important; padding-left: 0 !important; padding-top: 0;}
/*bottom*/
.static-card__custom--single-border--bottom .truist-global-staticcard-column,
.static-card__custom--single-border--bottom--desktop .truist-global-staticcard-column {display: block; padding-bottom: 0; margin-bottom: 2rem; border-radius: 0; border-bottom: 1px solid #cfcfcf;}
.static-card__custom--single-border--bottom > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column,
.static-card__custom--single-border--bottom--desktop > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column {border: none; margin-bottom: 0;}
.static-card__custom--single-border--bottom > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4),
.static-card__custom--single-border--bottom--desktop > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {margin-bottom: 0;}
@media (max-width: 1023px){
    /*bottom*/
    .static-card__custom--single-border--bottom .truist-global-staticcard-column,
    .static-card__custom--single-border--bottom--desktop .truist-global-staticcard-column {max-width: none; width: 100%; margin-top: 0;}
}
@media (max-width: 768px){
    /*bottom -- desktop only*/
    .static-card__custom--single-border--bottom--desktop .truist-global-staticcard-column {border: none;}
}
@media (min-width: 769px){
    .static-card__custom--single-border > div.aem-Grid > div.staticcard {border-right: 1px solid #cfcfcf; border-bottom: none;}
    .static-card__custom--single-border > div.aem-Grid > div.staticcard {padding-bottom: 0; margin-bottom: 0;}
    .static-card__custom--single-border .truist-global-staticcard-column {margin-bottom: -2rem;}
    /*single border column spacing*/
    .static-card__custom--single-border.static-card__custom--column-spacing-3 > div.aem-Grid > div.staticcard,
    .static-card__custom--single-border.static-card__custom--column-spacing-2--sm > div.aem-Grid > div.staticcard {padding-right: 4.167%; margin-left: 4.167% !important;}
    .static-card__custom--single-border.static-card__custom--column-spacing-2 > div.aem-Grid > div.staticcard {padding-right: 8.333%; margin-left: 8.333% !important;}
    /*outer margins*/
    .static-card__custom--single-border.static-card__custom--column-spacing-4--margin {margin-right: -2.083%; margin-left: -2.083%;}
    .static-card__custom--single-border.static-card__custom--column-spacing-3--margin {margin-right: -4.167%; margin-left: -4.167%;}
    .static-card__custom--single-border.static-card__custom--column-spacing-2--margin {margin-right: -10%; margin-left: -10%;}
}


/*3 features*/
.static-card__custom--3features--product .truist-global-staticcard-cardcontent,
.static-card__custom--3features--product .truist-global-staticcard-cardcontent ~ p,
.static-card__custom--3features--compare .truist-global-staticcard-cardcontent,
.static-card__custom--3features--compare .truist-global-staticcard-cardcontent ~ p {color: #2E1A47;}
@media (max-width: 768px){
    .static-card__custom--3features--product .truist-global-staticcard-cardtitle {font-size: 1.8rem;}
    .static-card__custom--3features--compare .truist-global-staticcard-cardtitle {font-size: 1.5rem;}
    .static-card__custom--3features--product .truist-global-staticcard-cardcontent,
    .static-card__custom--3features--product .truist-global-staticcard-cardcontent ~ p,
    .static-card__custom--3features--compare .truist-global-staticcard-cardcontent,
    .static-card__custom--3features--compare .truist-global-staticcard-cardcontent ~ p {font-size: 1.5rem; line-height: 1.9rem; margin-bottom: 0;}
    /*single border*/
    .static-card__custom--3features--product.static-card__custom--single-border > div.aem-Grid > div.staticcard,
    .static-card__custom--3features--compare.static-card__custom--single-border > div.aem-Grid > div.staticcard {margin-bottom: 0; border: none;}
    /*left align in mobile*/
    .static-card__custom--3features--product .truist-global-staticcard-column-align-center,
    .static-card__custom--3features--compare .truist-global-staticcard-column-align-center {text-align: left;}
}

/*column width auto*/
@media (min-width: 769px){
    .static-card__custom--column-width-auto > div.aem-Grid > div.staticcard {width: auto !important;}
    .static-card__custom--3features--product.static-card__custom--column-width-auto > div.aem-Grid > div.staticcard,
    .static-card__custom--3features--compare.static-card__custom--column-width-auto > div.aem-Grid > div.staticcard {min-width: 20%; max-width: 33%;}
}

/**Template Policies**/
/*image float left - desktop only*/
@media (min-width: 769px){
    .static-card__custom--image-float-left .truist-global-staticcard-column {display: block; padding-bottom: 0; margin-bottom: 2rem; border-radius: 0;}
    .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(1) {float: left; margin-right: 2rem;}
    .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(3) {display: flex; margin-bottom: 1rem;}
    .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {display: flex;}
    .static-card__custom--image-float-left .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(5) {display: flex;}
    .static-card__custom--image-float-left > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column {border: none; margin-bottom: 0;}
    .static-card__custom--image-float-left > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {margin-bottom: 0;}
}
/*image float left - mobile only*/
@media (max-width: 768px){
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column {display: block; padding-bottom: 0; margin-bottom: 20px;}
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(1) {float: none;}
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(3) {display: block; margin-bottom: 1rem;}
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {display: block;}
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(5) {display: block;}
    .static-card__custom--image-float-left--mobile > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column {margin-bottom: 0;}
    .static-card__custom--image-float-left--mobile > div.aem-Grid > div.staticcard:last-child .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {margin-bottom: 0;}
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column div.truist-global-staticcard-row:not(:first-child) {margin-left: 0;}
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-img {width: 6.5rem; height: auto;}
}
@media (max-width: 1023px){
    .static-card__custom--image-float-left .truist-global-staticcard-column,
    .static-card__custom--image-float-left--mobile .truist-global-staticcard-column {max-width: none; width: 100%; margin-top: 0;}
      .truist-global-staticcard-row .eyebrow {
        margin-left: 20px;
    }
}

/*remove fields*/
/* .static-card__custom--remove-badge .truist-global-staticcard-img-badge,
.static-card__custom--remove-image .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(1),
.static-card__custom--remove-eyebrow .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(2),
.static-card__custom--remove-title .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(3),
.static-card__custom--remove-description .truist-global-staticcard-column div.truist-global-staticcard-row:nth-child(4) {display: none;} */
.static-card__custom--remove-image-width .truist-global-staticcard-img {width: auto; height: auto;}
.static-card__custom--remove-image-width .truist-global-staticcard-img-top {padding-right: 3rem; padding-left: 3rem;}
.static-card__custom--remove-padding .truist-global-staticcard-column {padding-top: 0; padding-bottom: 0;}
.static-card__custom--remove-padding .truist-global-staticcard-content-padding,
.static-card__custom--remove-padding .truist-global-staticcard-content-padding ~ p {padding-left: 0; padding-right: 0;}
.static-card__custom--remove-padding .truist-global-staticcard-content-padding ~ ul,
.static-card__custom--remove-padding .truist-global-staticcard-content-padding ~ ol {margin: inherit;}
.static-card__custom--remove-padding .truist-global-staticcard-img-top {padding-left: 0; padding-right: 0; padding-top: 0;}
@media (max-width: 768px){
    .static-card__custom--remove-image-width .truist-global-staticcard-img-top {padding-right: 2rem; padding-left: 2rem;}
    .static-card__custom--remove-padding .truist-global-staticcard-img-top,
    .static-card__custom--remove-padding--mobile .truist-global-staticcard-img-top,
    .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding,
    .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding ~ p {padding-right: 0; padding-left: 0;}
    .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding ~ ul,
    .static-card__custom--remove-padding--mobile .truist-global-staticcard-content-padding ~ ol {margin: inherit;}
    .static-card__custom--remove-padding .truist-global-staticcard-column,
    .static-card__custom--remove-padding--mobile .truist-global-staticcard-column {padding-bottom: 0; padding-top: 0;}
    .static-card__custom--remove-background--mobile .truist-global-staticcard-column {background: none; border: none;}
}

/*add custom content*/
.static-card__custom--add-custom-content .truist-global-staticcard-button-bottom {margin-top: 0; height: 100%;}
.static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button {margin-top: 0; height: 100%;}
.static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button > div {height: 100%;}
.static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button > div > div.aem-Grid {height: 100%; display: flex; flex-direction: column;}
.static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button > div > div.aem-Grid > .text,
.static-card__custom--add-custom-content .truist-global-staticcard-card-cta-button > div > div.aem-Grid > .gridlayoutcontainer:first-child {flex: 1;}

/*add padding*/
.static-card__custom--add-padding .truist-global-staticcard-content-padding,
.static-card__custom--add-padding .truist-global-staticcard-content-padding ~ p {padding-left: 4.167%; padding-right: 4.167%;}
.static-card__custom--add-padding .truist-global-staticcard-content-padding ~ ul,
.static-card__custom--add-padding .truist-global-staticcard-content-padding ~ ol {margin: 0 4.167% 2rem 4.167%;}
.static-card__custom--add-padding .truist-global-staticcard-column {padding-top: 6rem; padding-bottom: 4rem;}
@media (max-width: 1023px){
    .static-card__custom--add-padding .truist-global-staticcard-content-padding,
    .static-card__custom--add-padding .truist-global-staticcard-content-padding ~ p {padding-left: 8.333%; padding-right: 8.333%;}
    .static-card__custom--add-padding .truist-global-staticcard-content-padding ~ ul,
    .static-card__custom--add-padding .truist-global-staticcard-content-padding ~ ol {margin: 0 8.333% 2rem 8.333%;}
}

/*box shadow*/
.static-card__custom--box-shadow .truist-global-staticcard-column {border: 1px solid #2E1A474D; box-shadow: 0 0 0 2px rgb(0 0 0 / 5%); padding-bottom: 2rem;}
.static-card__custom--box-shadow .truist-global-staticcard-column-transparent {border: none;}

/*box shadow offset*/
.static-card__custom--box-shadow-offset .truist-global-staticcard-column {border: 1px solid #2E1A474D; box-shadow: 0 4px 5px 2px rgb(0 0 0 / 10%); padding-bottom: 2rem;}
.static-card__custom--box-shadow-offset .truist-global-staticcard-column-transparent {border: none;}

/*background*/
.static-card__custom--bg-color--dawn-lighter .truist-global-staticcard-column {background: #F6F3F9; border: none;}
.static-card__custom--bg-color--midnight-purple .truist-global-staticcard-column {background: #2E1A47; border: none;}
.static-card__custom--bg-color--midnight-purple {color: #fff;}
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-column,
.static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-column {padding-top: 0;}
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(2),
.static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-row:nth-child(2) {margin-bottom: 0;}
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(2),
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(3) {background: #2E1A47;}
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-row:nth-child(2) {margin-bottom: -1px; padding-bottom: 1px;}
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-eyebrow {color: #fff; text-align: center; padding-top: 3rem;}
.static-card__custom--bg-color--midnight-purple--header .truist-global-staticcard-cardtitle {color: #fff; text-align: center; padding-bottom: 3rem;}
.static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-row:nth-child(2),
.static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-row:nth-child(3) {background: #F6F3F9;}
.static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-eyebrow {color: #2E1A47; text-align: center; padding-top: 3rem;}
.static-card__custom--bg-color--dawn-lighter--header .truist-global-staticcard-cardtitle {color: #2E1A47; text-align: center; padding-bottom: 3rem;}

/*icons*/
.static-card__custom--image-icon .truist-global-staticcard-img-top {width: auto; height: 6.5rem; display: inline-flex; align-items: center; justify-content: center;}
.static-card__custom--image-icon .truist-global-staticcard-img {width: 6.5rem; height: auto; max-height: 6.5rem;}
.static-card__custom--image-icon.static-card__custom--image-icon-48 .truist-global-staticcard-img  {
  width: 4.8rem;
  height: 4.8rem;
}

.static-card__custom--image-icon.static-card__custom--image-icon-32  .truist-global-staticcard-img {
  width: 3.2rem;
  height: 3.2rem;
}

/*title options*/
.static-card__custom--title--smaller .truist-global-staticcard-cardtitle {font-size: 2rem; line-height: 1.2em;}
.static-card__custom--title--smallest .truist-global-staticcard-cardtitle {font-size: 1.8rem; line-height: 2.2rem;}
.static-card__custom--title--larger .truist-global-staticcard-cardtitle {font-size: 2.4rem; line-height: 2.4rem; font-weight: 300;}
.static-card__custom--title--margin-none .truist-global-staticcard-cardtitle {margin-bottom: -2rem;}
@media (min-width: 769px){
    .static-card__custom--title--larger .truist-global-staticcard-cardtitle {font-size: 2.8rem; line-height: 3.4rem;}
}

/*wealth*/
@media (min-width: 769px){
    .static-card__custom--wealth {margin-top: 4rem; margin-bottom: 4rem;}
    .static-card__custom--wealth > div.aem-Grid > div.staticcard:first-child {transform: scale(1.1); padding-right: 5.267%}
}

/* END STATIC CARD STYLES COPIED FROM STATICCARDS.CSS IN DAM */

/* STATIC CARD STYLE COPIED FROM COMPONENT.CSS IN DAM */

/*STATIC CARDS*/
.truist-global-staticcard-cardtitle {margin-bottom: 0; display: none /*TAH added 06242002*/;}
.truist-global-staticcard-cardtitle:only-child,
.truist-global-staticcard-cardtitle + .truist-global-staticcard-cardtitle {display: block;} /* TAH added 06242002 */

/*TAH 6242022*/
.truist-global-staticcard-content-padding ~ p {padding-left: 30px; padding-right: 30px;}
.truist-global-staticcard-content-padding ~ ul,
.truist-global-staticcard-content-padding ~ ol {margin: 0 3rem 2rem 3rem;}
.truist-global-staticcard-cardcontent {line-height: 1.5;} /* TAH added 06242002 */
.truist-global-staticcard-cardcontent ~ p {font-size: 1.6rem; font-weight: 400; margin-bottom: 0;}
@media (min-width: 1366px) {
    .truist-global-staticcard-cardcontent ~ p {font-size: 1.8rem;}
}

/*Static card styles -end */
/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a,
.compact-theme span {
	float: left;
	color: #333;
	font-size: 1.4rem;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	background: #efefef;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef;
	/* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #bbbbbb));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	/* IE10+ */
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	/* W3C */
}

.compact-theme li:first-child a,
.compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a,
.compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb;
	/* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%, #efefef 100%);
	/* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a,
.light-theme span {
	float: left;
	color: #666;
	font-size: 1.4rem;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	background: #efefef;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a,
.dark-theme span {
	float: left;
	color: #CCC;
	font-size: 1.4rem;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	background: #555;
	/* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #333));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%, #333 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%, #333 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%, #333 100%);
	/* IE10+ */
	background: linear-gradient(top, #555 0%, #333 100%);
	/* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.cardspage {
    background: transparent;
}

.cardview-component .container {
    max-width: 100%;
}

.container-filter {
    margin: 10rem 0 2rem 2rem;
}

.btn-group-container {
    text-align: right;
    margin: 2em 4rem 6rem 0;
}

.btn-group-container .toggle-list-grid {
    margin: 0 3rem 0 0;
}

.toggle-list-grid a {
    border: 1px solid var(--truClrPplBs);
    border-radius: 0;
    margin-right: 0;
    padding: 0.6rem 1rem;
    width: 6.7rem;
    height: 5.5rem;
}

.toggle-list-grid a.active {
    color: #fff;
    background: var(--truClrPplBs);
}

.toggle-list-grid a.grid {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.toggle-list-grid a.list {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.svg-list,
.svg-grid {
    padding-left: 3px;
    margin-top: 1rem;
}

/*grid container - start*/

.list-grid-container .grid-group-item {
    padding: 2rem;
}

.grid-group-item .item-view-list {
    margin: 3rem 0 7.2rem 3rem;
    width: calc(98% * 0.3333);
}

.grid-group-item .list-group-image,
.list-group-item .list-group-image {
    width: 27.3rem;
    height: 27.3rem;
    display: block;
}

.grid-view-container {
    display: flex;
    width: 100%;
}

.grid-view-container .show-button-container:hover {
    cursor: pointer;
}

.grid-view-container .card {
    border: 0;
}

.grid-group-item .card-details {
    margin: 3.4rem 0 0;
    width: 70%;
}

.card-details .card-body {
    padding: 0;
    display: inline-block;
    margin: 0 0 3.2rem 0;
}

.card-details .item-heading {
    color: #7C6992;
    font-size: 2.4rem;
    font-weight: bold;
}

.grid-group-item .card-details .item-heading {
    height: 65px;
}

.grid-group-item .item-description ol {
    padding: 0 0 0 25px;
}

.card-details .item-description {
    font-size: 2rem;
    color: var(--truNeutral500);
}

.grid-group-item .item-description {
    min-height: 63px;
    height: 125px;
    overflow: hidden;
}

.grid-view-container p {
    margin: 0 0 1rem 0;
}

.grid-view-container .card-footer {
    background: none;
    border: 0;
    margin: 3.2rem 0 0 0;
}

.cardview-component.card {
    border: 0;
}

.more-item,
.less-item {
    border-radius: 4px;
    border: 2px solid var(--truClrPplBs);
    font-size: 1.6rem;
    text-decoration: none;
    display: inline-flex;
    cursor: pointer;
}

.btn.more-item {
    padding: 0.8rem 1rem 0.9rem 1rem;
    font-size: 2rem;
}

.topbtn .btn.more-item {
    padding: 0.3rem 1rem;
}

.topbtn .btn.more-item:hover,
.topbtn .btn.more-item:focus {
    color: #fff;
}

.more-item:hover,
.more-item:focus,
.less-item:hover,
.less-item:focus {
    background: var(--truClrPplBs);
    color: #fff;
}

/*.more-item:focus .caret,
.more-item:hover .caret {
    position: relative;
    display: inline-block;
}

.more-item:focus .caret:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 6px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.more-item:focus .caret:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 12px;
    border-bottom: 5px solid var(--truClrPplBs);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.more-item:hover .caret:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 6px;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0;
}

.more-item:hover .caret:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 11px;
    border-top: 5px solid var(--truClrPplBs);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0;
} */

.more-item .bio-up-arrow,
.more-item .bio-down-arrow {
   /* background: transparent url('../../../content/dam/global-images/bio-down-icon.png') no-repeat 96% 50%;*/
    width: 16.3rem;
    padding: 0 0 0 5px;
    text-align: left;
}

/*.more-item .bio-down-arrow {
    background: transparent url('../../../content/dam/global-images/bio-up-icon.png') no-repeat 96% 50%;
} */

/* drop down*/

.up-arrow-icon {
    position: relative;
    border: 1px solid var(--truClrPplBs);
    border-left: 0;
    border-right: 0;
    border-radius: 2px;
    padding: 7.5rem 0;
    margin: 2.6rem 0 5rem;
    background: #F7F7F7;
    width: 100%;
    display: none;
    z-index: -1;
    color: var(--truNeutral500);
}

.grid-group-item .up-arrow-icon.expanded {
    display: inline-block;
    font-size: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    line-height: 1.5;
    z-index: 1;
}

.grid-up-down-arrow {
    display: none;
    position: absolute;
    border: 1px solid #808080;
    border-left: 0;
    border-right: 0;
    left: 22%;
    z-index: 2;
}

.grid-up-down-arrow:after,
.grid-up-down-arrow:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.grid-up-down-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #F7F7F7;
    border-width: 30px;
    margin-left: -30px;
}

.grid-up-down-arrow:before {
    border-color: rgba(46, 26, 71, 0);
    border-bottom-color: var(--truClrPplBs);
    border-width: 31px;
    margin-left: -31px;
}

.grid-group-item .grid-up-down-arrow.grid-arrow-show {
    display: inline-table;
    margin: 9.8rem 0 0;
}

/* Hack for IE11 and Edge*/

_:-ms-lang(x),
.grid-group-item .grid-up-down-arrow.grid-arrow-show {
    margin: 9.9rem 0 0;
}

/* Hack for firefox */

@supports (-moz-appearance:none) {
    .grid-group-item .grid-up-down-arrow.grid-arrow-show {
        margin: 9.9rem 0 0;
    }
}

.grid-group-item .up-arrow-icon.expanded p,
.grid-group-item .up-arrow.expanded p {
    margin: 0 0 1rem 0
}

/* drop down*/

.dy-card-media-type,
.dy-card-category,
.dy-card-publication,
.dy-card-author,
.dy-card-publication-date,
.dy-card-duration,
.dy-card-title {
    display: none;
}

/*grid container -end*/

/*list item container -start*/
.list-grid-container .list-group-item {
    position: static;
    padding: 2rem;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.list-group-item .item-view-list {
    padding: 3rem 0 3rem 2rem;
}

.list-group-item .thumbnail {
    padding: 0 5rem 0 0;
    margin: 0 0 1.5rem 0;
}

.list-group-item .item-heading {
    color: var(--truClrPplBs);
    font-size: 2.6rem;
    line-height: 1;
}

.list-group-item .item-description {
    font-size: 2.1rem;
    color: #7c6992;
    line-height: 1.5;
    padding: .5rem 0;
}

.list-group-item .item-view-list.card {
    flex-direction: row;
    align-items: flex-start;
}

.list-group-item .grid-view-container {
    display: inline-block;
}

.list-group-item .card-body {
    margin: 6rem 0 0 0;
}

.list-group-item .card-footer {
    padding: 0;
}

/* drop down*/

.list-group-item .up-arrow.expanded {
    display: inline-block;
    font-size: 2rem;
    line-height: 1.5;
}

.up-arrow {
    position: relative;
    border-top: 1px solid var(--truClrPplBs);
    border-bottom: 1px solid var(--truClrPplBs);
    border-left: 0;
    border-right: 0;
    text-decoration: none;
    border-radius: 2px;
    padding: 7.5rem 2rem;
    margin: 3rem 0;
    background: #F7F7F7;
    width: 100%;
    display: none;
    color: var(--truNeutral500);
}

.up-arrow:after,
.up-arrow:before {
    bottom: 100%;
    left: 11%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.up-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #F7F7F7;
    border-width: 30px;
    margin-left: -30px;
}

.up-arrow:before {
    border-color: rgba(46, 26, 71, 0);
    border-bottom-color: var(--truClrPplBs);
    border-width: 31px;
    margin-left: -31px;
}

/* drop down*/
/*list item container -end*/
/* generat  starte*/

.card-details .active-arrow {
    display: inline-block;
    position: relative;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-left: 0;
    border-right: 0;
    text-decoration: none;
    border-radius: 2px;
}

.js-cardview-row {
    width: 100%;
}

.screen-reader {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.back-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 1;
}

/* generat  end*/

.load-more-button {
    width: auto;
    position: relative;
    margin: 0;
    text-align: center;
}

.page-marker {
    display: flex;
    justify-content: center;
}

.page-marker .pg-show-more:hover,
.page-marker .pg-show-more:focus,
.page-marker .pg-show-less:hover,
.page-marker .pg-show-less:focus {
    top: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    background: var(--truClrPplBs);
    color: #fff;
    text-decoration: none;
    padding: 1.5rem;
    border: 1px solid #fff;
}

.page-marker .load-more-button {
    border: 0;
}

.page-marker .pg-show-more,
.page-marker .pg-show-less {
    text-align: center;
    border: 1px solid var(--truClrPplBs);
    border-radius: 4px;
    padding: 1.5rem;
    color: var(--truClrPplBs);
    /* top: -13px; */
    position: relative;
    background: #fff;
    text-decoration: none;
}

.page-marker .pg-show-more:after {
    content: "\e80c";
}

.page-marker .pg-show-less:after {
    content: "\e810";
}

.page-marker .pg-show-more:after,
.page-marker .pg-show-less:after {
    font-family: "truist-icons";
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.show-less-container {
    width: auto;
    position: relative;
    margin-left: 20px;
    text-align: center;
}

.page-marker .pg-show-less {
    color: var(--truClrPplBs);
}

.page-marker .pg-show-more:hover,
.page-marker .pg-show-more:focus {
    text-align: center;
    border: 1px solid var(--truClrPplBs);
    border-radius: 4px;
    color: #fff;
    background: var(--truClrPplBs);
    text-decoration: none;
}

/* Grid-icon & List-icon*/

a.grid .icon-white,
a.list .icon-white,
a.grid:hover .icon-purple,
a.grid:active .icon-purple,
a.list:hover .icon-purple,
a.list:active .icon-purple {
    display: none;
}

a.grid:hover .icon-white,
a.grid:focus .icon-white,
a.grid.active .icon-white,
a.list:hover .icon-white,
a.list:focus .icon-white,
a.list.active .icon-white {
    display: block;
}

/* List-icon*/

/* pAGINATION */

ul.custom-card-pagination {
    display: flex;
    align-content: center;
    justify-content: center;
}

.custom-card-pagination li button.current {
    background: none;
    color: var(--truNeutral500);
    border: 0;
    box-shadow: none;
    font-weight: bold;
    text-decoration: underline;
    padding: 0;
}

.custom-card-pagination li a,
.custom-card-pagination li button,
.custom-card-pagination li button.current {
    color: var(--truClrPplBs);
    font-size: 1.8rem;
    line-height: 1em;
    font-weight: 300;
    margin: 0;
    border-radius: 0;
    display: inline-block;
    padding: 1rem !important;
}

.custom-card-pagination li button.current {
    font-weight: 400;
}

.custom-card-pagination li a,
.custom-card-pagination li button{
    background: none;
    border: 0;
    box-shadow: none;
}

.custom-card-pagination a,
.custom-card-pagination button {
    font-size: 2.0rem;
    text-decoration: none;
}

.custom-card-pagination a:hover,
.custom-card-pagination button:hover {
    background: none;
    color: var(--truNeutral500);
    border: 0;
    text-decoration: underline;
}

.custom-card-pagination .next:before,
.custom-card-pagination .prev:after {
    background: none;
    position: relative;
    text-decoration: none;
}

.custom-card-pagination li.disabled button.prev:after,
.custom-card-pagination li.disabled button.next:before {
    color: var(--truClrGryLtr);
    text-decoration: none;
}

.custom-card-pagination .prev:after,
.custom-card-pagination li.disabled button.prev:after,
.custom-card-pagination .next:before,
.custom-card-pagination li.disabled button.next:before {
    content: "\e80e";
    font-family: "truist-icons";
    font-style: 400;
    font-weight: 400;
    font-size: .8em;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-card-pagination .prev:after {
    transform: rotate(180deg);
}

.custom-card-pagination .prev:before {
    background: none;
}

.custom-card-pagination .next:before {
    top: -2px;
}

.custom-card-pagination li.disabled button.prev::after,
.custom-card-pagination li.disabled button.next::before,
.custom-card-pagination li.disabled button.prev:hover::after,
.custom-card-pagination li.disabled button.next:hover::before {
    background: none;
    position: relative;
    padding: 0;
    text-decoration: none;
}

.custom-card-pagination .prev:hover:after,
.custom-card-pagination .next:hover:before {
    font-weight: 700;
}

.cmp-truist-cards-list-v1 .light-theme a,
.cmp-truist-cards-list-v1 .light-theme span {
    padding: 0;
}

.cmp-truist-cards-list-v1 .simple-pagination li {
    padding: 0 5px;
    left: auto;
}

 /*********************************/
 /*PAGINATION AND LOAD MORE*/
 /*load more*/
 .page-marker a.pg-show-more,
 .page-marker a.pg-show-less,
 .page-marker .pg-show-more:hover,
 .page-marker .pg-show-more:focus,
 .page-marker .pg-show-less:hover,
 .page-marker .pg-show-less:focus {
     top: 0;
     border: none;
     border-radius: 0;
     padding: 0;
     background: none;
     color: #2e1a47;
     text-decoration: none;
     padding: 1.5rem;
 }

 .page-marker a.pg-show-more:after,
 .page-marker a.pg-show-less:after {
     font-family: "truist-icons";
     font-style: normal;
     font-weight: normal;
     font-size: 1.6rem;
     speak: never;
     display: inline-block;
     text-decoration: inherit;
     width: 1em;
     text-align: center;
     font-variant: normal;
     text-transform: none;
     line-height: 1em;
     margin-left: 1rem;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .page-marker a.pg-show-more:after {
     content: "\e80c";
 }

 .page-marker a.pg-show-less:after {
     content: "\e810";
 }

 .load-more-button,
 .show-less-container {
     margin: 0;
 }
/*
 .page-marker .pg-show-more.hide {
     display: none !important;
 } */

@media screen and (min-width: 320px) and (max-width: 740px) {

    /* List view */
    .btn-group-container {
        display: none;
    }

    .toggle-list-grid {
        display: none;
    }

    .list-group-item .item-view-list {
        padding: 2rem 0 6rem 0;
        margin: 0 0 3rem 0;
    }

    .list-group-item .card-body {
        margin: 2rem 0 0 0;
    }

    .list-group-item .thumbnail {
        padding: 0 3rem 0 0;
    }

    /*footer button fix*/
    .list-group-item .card-footer {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
    }

    .list-group-item .card-footer .btn.more-item,
    .list-group-item .card-footer .more-item .bio-up-arrow,
    .list-group-item .card-footer .more-item .bio-down-arrow {
        width: 100%;
    }

    .list-group-item .up-arrow:after,
    .list-group-item .up-arrow:before {
        left: 43%;
    }

    /* Grid View */
    .grid-group-item {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .grid-view-container {
        display: block
    }

    .container-filter {
        margin: 10rem 0 2rem 0.9rem;
    }

    .page-marker {
        margin: 0;
    }
}

@media only screen and (min-width: 314px) and (max-width: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    /* List view */
    .btn-group-container {
        display: none;
    }

    .list-group-item .list-group-image {
        width: 13.3rem;
        height: 13.3rem;
    }

    .list-group-item .item-heading {
        font-size: 2rem;
    }

    .list-group-item .item-description {
        font-size: 1.4rem;
    }

    .grid-group-item {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .toggle-list-grid {
        display: none;
    }
}

/*Landscape */

@media screen and (max-width: 812px) and (orientation: landscape) {

    /* List view */
    .btn-group-container {
        display: none;
    }

    .list-group-item .item-heading {
        font-size: 2rem;
    }

    .list-group-item .item-description {
        font-size: 1.4rem;
    }

    /* Grid view */
}

/*iPad in landscape*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .grid-group-item .grid-up-down-arrow.grid-arrow-show {
        margin: 10.8rem 0 0;
    }

    .grid-group-item .item-view-list {
        margin: 3rem 0 5rem 1rem;
        width: 44%;
    }

    .grid-group-item .card-details {
        margin: 3.4rem 0 0;
        width: 90%;
    }
}

/*iPad in portrati*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .grid-group-item .grid-up-down-arrow.grid-arrow-show {
        margin: 10.8rem 0 0;
    }

    .grid-group-item .list-group-image,
    .list-group-item .list-group-image {
        width: 19.3rem;
        height: 19.3rem;
        display: block;
    }

    .grid-group-item .item-view-list {
        margin: 3rem auto 5rem auto;
        width: 30%;
    }

    .grid-group-item .card-details {
        margin: 3.4rem 0 0;
        width: 90%;
    }
}

@media screen and (min-width: 220px) and (max-width: 1023px) {
    .btn-group-container {
        display: none;
    }

    .grid-group-item .list-group-image,
    .list-group-item .list-group-image {
        width: 136px;
        height: auto;
    }
}

.more-item:hover svg.carat-down-svg{
  fill:#fff;
}

        .more-item:hover svg.carat-up-svg{
    fill:#fff;
}

.more-item:focus svg.carat-down-svg{
  fill:#fff;
}

        .more-item:focus svg.carat-up-svg{
    fill:#fff;
}


@media only screen and (max-width: 414px) {
.truist-foundation-leadership-profiles .more-item svg.carat-down-svg {
   position:relative;
   left:62% !important;
            }

.truist-foundation-leadership-profiles .more-item svg.carat-up-svg {
   position:relative;
   left:62% !important;
            }


}

.truist-foundation-leadership-profiles .list-group-item .card-footer{
    width:max-content;

 }

 .truist-foundation-leadership-profiles .list-group-item .card-footer .btn{
 margin-bottom:0
 }
/* Toggle view */
.news-item-toggle {
    display: flex;
    margin-top: .5rem;
}

.toggle-list-grid {
    margin-left: auto;
}

.toggle-list-grid a {
    border: 1px solid #2E1a47;
    border-radius: 0;
    margin-right: 0;
}

.toggle-list-grid a.active, .toggle-list-grid a:focus, .toggle-list-grid a:hover {
    color: #fff;
    background: #2E1a47;
}

/* Toggle view */

.content-container {
    width: 100%;
    margin: 2rem 0 0 0;
}
/* Tab View */

ul.tab-button {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 0;
}

nav ul.tab-button li {
    float: left;
    border: 1px solid #2E1A47;
    cursor: pointer;
    padding: .5rem 1rem;
    cursor: pointer;
}

nav ul.tab-button li:first-child {
    border-right: 0;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

nav ul.tab-button li:last-child {
    border-left: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

nav ul.tab-button li.active:hover, nav ul.tab-button li.active {
    text-decoration: none;
    background: #2E1A47;
    color: #fff;
}

nav ul.tab-button li:hover {
    background: #2E1A47;
}

nav ul.tab-button li:hover a {
    color: #fff
}

nav ul.tab-button li.active a {
    color: #fff;
}

nav ul.tab-button li:focus {
    border: 10px solid green;
}

nav ul.tab-button li a:hover {
    text-decoration: none;
    color: #fff;
}

nav ul.tab-button li a {
    cursor: pointer;
    outline: 0;
    color: #2E1A47;
}

.smallHide {
    display: none;
}

.navContent .theContent {
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.navContent h1 {
    color: #535353;
    font-size: 1.2em;
    margin-top: 1.8em;
}

.navContent.in {
    display: block
}

/* Tab View */
/* Contact text */

.contact-container {
    display: none
}

.contact-text {
    color: var(--truNeutral500);
    font-size: 1.5rem;
    margin-top: 2rem;
}

.contact-text a {
    color: #2e1a47;
    text-decoration: underline;
}

.contact-text a:hover {
    color: #2e1a47;
    text-decoration: none;
}

.contact-text p {
    padding: .5rem 0;
}

/* contact text */
/*  Grid Layout Container */

.ame-grid-layout {
    width: 100%;
    display: flex;
    margin: 2rem 0 0;
}

.list-group-item .newsgridcont {
    display: none;
}

.newsgridcont {
    background-color: #2e1a47;
    width: calc(89% * 0.33333);
    margin: 5rem 3.5rem 5rem 1.5rem;
    padding: 4.2rem;
}

.newsgridcont:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.newsgridcont .grid-teaser-text, .newsgridcont .grid-teaser-text p, .newsgridcont .grid-teaser-text span {
    color: #B0E0E2;
    text-decoration: none;
    font-size: 2.4rem;
    font-weight: 500;
}

.newsgridcont .grid-description-text, .newsgridcont .grid-description-text p, .newsgridcont .grid-description-text span {
    font-size: 2.0rem;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}

.ame-grid-layout .newsgridcont:last-child {
    margin-right: 0;
}

.newshd, .newsdate {
    font-size: 1.6rem
}

.grid-group-item .newsgridcont .card-footer {
    display: flex;
}

.grid-group-item .grid-description-text .newshd {
    margin-right: auto;
}
/* Tab Grid View */

/* List view */
.grid-group-item [role="listitem"] {
    display: none;
}

.news-column {
    float: left;
    display: inline;
}

.grid-view-container .list-data-item {
    margin: 2rem 1rem;
    float: left;
    width: 100%;
}

.content-container .list-group-item {
    border: 0;
    padding-left: 0;
}

.description-text {
    color: #2E1A47;
    font-size: 3.8rem;
    text-decoration: underline;
    letter-spacing: 0;
    display: block;
    margin-bottom: 0;
}

a.description-text:hover {
    color: #2E1A47;
    text-decoration: underline;
}

.date-format {
    color: var(--truNeutral500);
    font-size: 2rem;
    text-decoration: none;
}

/* List view */

@media (max-width: 768px) {
    .hide-mobile-view {
        display: none;
    }
    .contact-container {
        display: block
    }
    .theContent {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        display: none;
    }
    .tab-content .smallHide {
        background: none;
        border: 1px solid #2E1A47;
    }
    .smallHide {
        display: block;
    }
    .smallHide a {
        display: block;
        margin: 0 1px 0 0;
        padding: 20px;
        text-decoration: none;
        color: #535353;
        font-size: 1.1em;
        font-weight: bold;
    }
    /* Grid Layout */
    .ame-grid-layout {
        display: block;
    }
    .newsgridcont {
        width: 98%;
        margin-bottom: 2rem;
    }
}

.advisor-individual-page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {
    padding: 4.25rem;
}

/* @group Base */
.chosen-search {
  display: none;
}

.filter-group {
  position: relative;
  min-height: 1px;
  margin-right: 5rem;
  margin-bottom: 2rem;
  padding-left: 0;
  width: 35rem;
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 35.0rem;
  height: 6.0rem
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  background: #fff;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
/* @end */

/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 60px;
  border: 1px solid #aaa;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  border-radius: 4px;
  width: 34rem;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2.4rem;
  font-size: 2rem;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') -42px 1px no-repeat;
  font-size: .1rem;
}

.chosen-container-single .chosen-single abbr:hover .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 25px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../../content/dam/global-images/down-icon.png') no-repeat 0 20px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
/* @end */

/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */

/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  /* font-family: sans-serif; */
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') -42px 1px no-repeat;
  font-size: .1rem;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
/* @end */

/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: 0px 20px;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 18px;
  color: #2E1A47;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}
/* @end */

/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */

/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url('../components/content/truist-cardslist/v1/truist-cardslist/clientlibraries/clientlibs-card-rendering/css/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {

  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background: url('../../../content/dam/global-images/down-icon.png') no-repeat 0 20px;
  }
}

/*iPad in portrati*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  .chosen-container-single .chosen-single {
    width: 21rem;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .filter-group {
    width: 30rem;
  }

  .chosen-container-single .chosen-single {
    width: 98%;
  }
}
/* @end */

/* custom css */
.filter-group label {
    font-size: 2rem;
    color: #5d5e5f;
    position: absolute;
    top: 45%;
    left: 25px;
    transform: translateY(-50%);
    transition: all 0.2s ease 0s;
}

.filter-group label.selected {
    top: 2px;
    font-size: 1.4rem;
    transform: translateY(0);
    color: var(--truClrPplBs);
    left: 10px;
}

/* Hack for IE11 */
*::-ms-backdrop,
.filter-dropdown-button,
.filter-dropdown-button-reset {
    margin: 23px 0 0;
}

.filter-dropdown-button a {
    background: transparent;
    text-align: center;
    border: 2px solid var(--truClrPplBs);
    color: var(--truClrPplBs);
    padding: 1.1rem 0;
    width: 12.3rem;
    border-radius: 5px;
    text-decoration: none;
    margin: 0 5px 0 0;
    font-size: 2rem;
    display: inline-block;
}

.filter-dropdown-button a:hover {
    background: var(--truClrPplBs);
    color: #fff;
}

.filter-dropdown-button a:focus {
    outline-style: solid;
    outline-width: 1px;
    outline-color: var(--truClrPplBs);
    outline-offset: -5px;
}

.filter-dropdown-button-reset a {
    color: var(--truClrPplBs);
    padding: 0;
    margin: 13px 0;
    display: inline-block;
}

.toggle-list-grid .btn:focus {
    outline: 2px solid var(--truClrPplBs);
    outline-offset: 3px;
}

.topbtn .btn:focus {
    outline: 2px solid var(--truClrPplBs);
    outline-offset: 3px;
}


/*pagination*/
.simple-pagination {
    padding: 0;
}

.custom-card-pagination .prev:after,
.custom-card-pagination li.disabled span.prev:after,
.custom-card-pagination .next:before,
.custom-card-pagination li.disabled span.next:before {
    content: "\e80e";
    font-family: "truist-icons";
    font-style: 400;
    font-weight: 400;
    font-size: .8em;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-card-pagination .prev:after {
    transform: rotate(180deg);
}

.custom-card-pagination .next:before {
    top: -2px;
}

.custom-card-pagination li.disabled span.prev:after,
.custom-card-pagination li.disabled span.next:before {
    color: var(--truClrGryLtr);
    text-decoration: none;
}

.custom-card-pagination .prev:after,
.custom-card-pagination .next:before {
    text-decoration: none;
}

.custom-card-pagination .prev:hover:after,
.custom-card-pagination .next:hover:before {
    font-weight: 700;
}

.custom-card-pagination .page-link:focus,
.custom-card-pagination .disabled .prev:focus,
.custom-card-pagination .disabled .next:focus {
    border: 2px solid var(--truClrPplBs);
}

.custom-card-pagination li a,
.custom-card-pagination li span,
.custom-card-pagination li span.current {
    color: var(--truClrPplBs);
    font-size: 1.8rem;
    line-height: 1em;
    font-weight: 300;
    margin: 0;
    border-radius: 0;
    display: inline-block;
    padding: 1rem !important;
}

.custom-card-pagination li span.current {
    font-weight: 400;
}

@media (max-width: 767px) {
    .filter-group,
    .filter-dropdown-button,
    .filter-dropdown-button-reset {
        width: 100%;
    }

    .filter-group {
        padding-bottom: 20px;
    }

    .filter-dropdown-button a,
    .filter-dropdown-button-reset a {
        width: 100%;
    }

    .filter-dropdown-button-reset a {
        text-align: center;
    }

    .filter-group label {
        top: 33%;
    }

    .filter-dropdown-button {
        margin: 0 0.5rem 0 0;
    }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
    .filter-group,
    .filter-dropdown-button,
    .filter-dropdown-button-reset {
        margin: 0 0 2rem 0;
    }
}

/*iPad in landscape*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .filter-dropdown-button {
        margin: 0 1rem 0 0;
        height: 6rem;
    }
}

/*iPad in portrati*/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    /* STYLES GO HERE */
    .filter-group {
        width: 18rem;
    }

    .filter-dropdown-button {
        margin: 0 1rem 0 0;
    }
}

.truist-color-theme {
  --mdc-theme-primary: #2e1a47;
  --mdc-theme--on-primary: #2e1a47;
}

.cards-filters-container {
  margin: 5rem 5rem 3rem 2rem;
  display:flex;
  flex-wrap: nowrap;
}

.dynamic-cards-container {
  background-color: #F7F7F7;
}

.container-filter-results {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
  flex: 1;
}
.container-filter-results p {
  margin-bottom: 0;
}
.cards-filters__results-counter {
  padding-right:5px;
}

.dynamic-cards .mdc-floating-label {
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: var(--truNeutral500);
  will-change: auto;
}

.dynamic-cards .mdc-select--outlined .mdc-floating-label {
  line-height: 2.7rem;
}

.dynamic-cards .mdc-floating-label.mdc-floating-label--float-above {
  color: #2e1a47;
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-weight: 600;
}

.dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--truNeutral500);
}

.dynamic-cards .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(100% / 0.65);
}

.dynamic-cards .mdc-notched-outline--notched .mdc-notched-outline__notch {
  border-top: 1px solid;
}

.dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-31.75px) scale(0.75);
  transform: translateY(-31.75px) scale(0.75);
}

.dynamic-cards .mdc-form-field label {
  font-size: 1.5rem;
  line-height: 2.7rem;
  color: var(--truNeutral500);
  margin-top: 4px;
  margin-bottom: 4px;
}

.dynamic-cards .mdc-select {
  height: 60px;
  width: 350px;
}

.dynamic-cards .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: #fff;
  color: var(--truNeutral500);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 60px;
}

.dynamic-cards .mdc-select__anchor .mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused {
  background-color: #fff;
}

.dynamic-cards .mdc-select__anchor.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before {
  background-color: #fff;
}

.dynamic-cards .mdc-select--focused .mdc-select__anchor {
  outline-width: 2px;
  outline-color: #2e1a47;
  background-color: #fff;
  outline-offset: 3px;
  outline-style: solid;
}

.dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.dynamic-cards .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 1px;
}

.dynamic-cards .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: var(--truNeutral500);
  align-self: center;
}

.dynamic-cards .mdc-select .mdc-list {
  width: 300px;
  font-size: 1.7rem;
  line-height: 1.9rem;
  background-color: #fff;
  color: var(--truNeutral500);
}

.dynamic-cards .mdc-select .mdc-list .mdc-list-item--selected {
  color: #fff;
  background-color: #7C6992;
}

.dynamic-cards .mdc-select .mdc-list .mdc-list-item:hover,
.dynamic-cards .mdc-select .mdc-list .mdc-list-item:focus {
  background-color: #7C6992;
  color: #fff;
}

.dynamic-cards .cards-filters-column {
  margin: 5rem 5rem 2rem 0;
}

@media (min-width: 1200px) {
  .dynamic-cards .mdc-select .mdc-list {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dynamic-cards .mdc-select {
    width: 300px;
  }

  .dynamic-cards .mdc-select .mdc-list {
    width: 300px;
  }

  .dynamic-cards .cards-filters-column {
    margin: 2rem 1rem 1rem 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .dynamic-cards .cards-filters-container {
    padding: 2rem 0 0;
  }

  .dynamic-cards .mdc-select {
    height: 60px;
    width: 200px;
  }

  .dynamic-cards .cards-filters-column {
    margin: 2rem 1rem 1rem 0;
  }

  .cards-filters-container {
    margin: 5rem 2rem 3rem 1rem;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .container-filter-results {
   justify-content: flex-start;
   margin-top:10px !important;
  }

}

@media (max-width: 767px) {
  .dynamic-cards .mdc-select {
    width: 100%;
  }

  .dynamic-cards .mdc-select .mdc-list {
    width: 100%;
  }

  .dynamic-cards .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .dynamic-cards .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-28.75px) scale(0.75);
    transform: translateY(-28.75px) scale(0.75);
  }

  .dynamic-cards .cards-filters-container,
  .dynamic-cards .cards-filters-column {
    margin: 2rem 0 0 0;
  }


  .cards-filters-container {
    flex-wrap: wrap;
  }
}

/* Truist Perspective CTA card styles starts */

.featured-article-list .cta__color--ghost-light .global-cta-btn a:hover,
.featured-article-list .cta__color--ghost-light .global-cta-btn a:active {
  background: #2e1a47 !important;
}

.mediatype-article-icon::before {
  background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-article-icon.svg');
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin-right: 4px;
}

.mediatype-podcast-icon::before {
  background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-podcast-icon.svg');
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin-right: 1px;
}

.mediatype-video-icon::before {
  background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-video-icon.svg');
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin-right: 2px;
}

.mediatype-calculator-icon::before {
  background-image: url('../../../content/dam/truist-bank/us/en/icons/code/media-calculator-icon.svg');
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin-right: 3px;
}

.featured-article-list .featured-cta {
  width: calc(100% - 40px) !important;
}

.featured-article-list .author-cta-styling {
  display: inline-block;
}

.filtered-article-list .list-grid-container {
  display: none;
}

.filtered-article-list ul.custom-card-pagination {
  display: none;
}

.unhidePagination {
  display: inline-block !important;
}

.featured-article-list .cmp-truist-cards-list-v1 .cards-filters-container {
  margin: 4rem 0 0rem 0;
}

.featured-article-list .item-heading {
  display: none;
}

.featured-article-list .grid-group-item {
  padding: 0rem
}

.featured-article-list .list-group-image {
  min-width: 100%;
  height: auto;
}

.featured-article-list .grid-view-container .card {
  border: 1px solid lightgray;
  border-radius: 10px;
  overflow: hidden;
}

.featured-article-list .grid-group-item .item-view-list {
  margin: 1.5rem 3rem 1.5rem 0rem;
}

.featured-article-list .grid-group-item .item-description {
  height: auto;
}

.featured-article-list .grid-group-item .item-description h3 {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin: 0 auto;
}

.featured-article-list .grid-group-item .card-details {
  height: auto;
  margin: 2rem 15px;
  width: calc(100% - 30px);
}

.featured-article-list .grid-group-item .item-description p {
  display: none;
  height: 0px;
}

.featured-article-list .grid-group-item .item-description p.eyebrow {
  font-size: 1.6rem;
  line-height: 2rem;
}

.featured-article-list .grid-group-item .item-description p.eyebrow,
.featured-article-list .grid-group-item .item-description p.read-article-cta {
  display: block;
  height: auto;
}

.featured-article-list .cta__display--inline {
  position: absolute;
  bottom: 0px;
}

.featured-article-list .cards-filters-column {
  margin: 0rem 3rem 0rem 0;
  padding: 0px;
  width: 26%;
}

.featured-article-list .mdc-select {
  width: 100%;
}

.featured-article-list .filter-dropdown-button a {
  width: 100% !important;
  padding: 1.1rem 1rem;
  float: right;
  white-space: nowrap;
  line-height: 3rem;
  background: #2E1A47;
  border: 2px solid #fff;
  color: #fff;
}

.featured-article-list .filter-dropdown-button a:hover,
.featured-article-list .filter-dropdown-button a:focus {
  background: #fff;
  border: 2px solid #2e1a47;
  color: #2e1a47;
}

.featured-article-list .cards-filters-column.container-filter {
  width: auto;
}

.featured-article-list .property-cont {
  position: absolute;
  bottom: 20px;
  right: 15px;
}

.featured-article-list .dy-card-media-type {
  display: block;
  float: right;
}

.featured-article-list .featured-cta-container {
  display: block !important;
}

.featured-article-list .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.featured-article-list .cta .global-cta-btn a {
  padding: 1.5rem 1.25rem;
}

@media (max-width: 1022px) {
  .featured-article-list .list-group-image {
    min-width: 100%;
    height: auto;
  }

  .featured-article-list .list-group-item .thumbnail {
    padding: 0px;
  }

  .featured-article-list .grid-view-container .card {
    display: inline-block;
    margin: 1.5rem 3rem 1.5rem 0rem;
    padding: 0px;
    margin-bottom: 40px;
    width: 100%;
  }

  .featured-article-list .list-group-item .card-body {
    padding: 1rem 1.5rem 0 1.5rem;
    width: 100%;
    margin: 0px;
  }

  .featured-article-list .cta__display--inline {
    position: relative !important;
    width: 40%;
  }

  .featured-article-list .grid-view-container .item-description p:nth-child(3) {
    display: none;
  }

  .featured-article-list .cards-filters-column.container-filter {
    margin-right: 5px;
    width: auto;
  }
}

@media (max-width: 768px) {
  .filtered-article-list .cards-filters-column {
    width: 100% !important;
    margin: 0px;
  }

  .filtered-article-list .filter-dropdown-button a {
    width: 100% !important;
    float: none;
  }

  .filtered-article-list .cards-filters-column.container-filter {
    width: 100%;
  }

  .filtered-article-list .mdc-select {
    margin-bottom: 20px;
  }

  .featured-article-list .cards-filters-column {
    width: 100% !important;
    margin: 0px;
  }

  .featured-article-list .filter-dropdown-button a {
    width: 100% !important;
    float: none;
  }

  .featured-article-list .cards-filters-column.container-filter {
    width: 100%;
  }

  .featured-article-list .mdc-select {
    margin-bottom: 20px;
  }

}

@media (max-width: 1080px) {
  .featured-article-list .grid-group-item .item-view-list {
    width: calc(98% * 0.5);
  }
}

/* Truist Perspective CTA card styles ends */

/*CARD LIST, TRUIST CARD LIST Moved from component.css*/
[data-page-type="newspage" i][data-view-model="GridView" i] {border-bottom: none; }
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text {margin-bottom: 4rem;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p:first-child,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p.eyebrow {color: #B0E0E2; font-size: 1.8rem; line-height: 1.25em; margin-bottom: 2rem;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {color: #fff; font-size: 2rem; line-height: 1.25em; font-weight: 600; margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p {color: #fff; font-size: 1.4rem; line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {display: flex; color: #B0E0E2; font-size: 1.6rem; line-height: 1.5em; font-weight: 400;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-media-type {flex: 1; display: block;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-duration {display: block; padding-left: 2rem;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-duration::after {}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-publication-date {display: block;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-category,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-publication,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-author,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .dy-card-title,
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .card-footer {display: none;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont { padding: 3rem; }
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .card-body {padding: 0;}
[data-page-type="newspage" i][data-view-model="GridView" i] .grid-group-item {padding: 0; text-align: left;}
[data-page-type="newspage" i][data-view-model="GridView" i] .container {padding: 0;}
/*truist card view, filter*/
.cmp-truist-cards-list-v1 .cards-filters-container {margin: 4rem 0;}
.cmp-truist-cards-list-v1 .filter-pills {width: 100%;}
.cmp-truist-cards-list-v1 .filter-pills__pill-container {padding: 0; align-items: center;}
.cmp-truist-cards-list-v1 .filter-pills__media-type {margin: 0 3rem 0 0; font-size: inherit;}
.cmp-truist-cards-list-v1 .mb__pills {position: relative; margin: 1rem 0;}
.cmp-truist-cards-list-v1 .filter-pills__pill-container input[type=checkbox] {width: 100%; height: 100%; position: absolute;}
.cmp-truist-cards-list-v1 .filter-pills__resources {}
.cmp-truist-cards-list-v1 .filter-pills__resources p {margin-bottom: 0;}
[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
    bottom: 2.5rem;
}

@media only screen and (max-width: 795.5px){
    .cmp-truist-cards-list-v1 .filter-pills__media-type {margin: 3rem 3rem 3rem 0;}
    .cmp-truist-cards-list-v1 .pill--container {margin: 0 3rem 3rem 0;}
    .cmp-truist-cards-list-v1 .filter-pills__resources {margin-top: 4rem; margin-bottom: 0;}
}

@media (min-width: 769px){
  [data-page-type="newspage" i][data-view-model="GridView" i] .grid-view-container {display:flex; gap: 2rem; margin: 0;}
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p {font-size: 1.8rem; line-height: 1.5em;}
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p.eyebrow,
  /* [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text p:first-child {font-size: 2rem;} */
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {font-size: 2rem; line-height: 1.25em;}
  [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {font-size: 1.6rem;}
  /*columns*/
  /* [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="1"] .grid-view-container {grid-template-columns: 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="2"] .grid-view-container {grid-template-columns: 1fr 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="3"] .grid-view-container {grid-template-columns: 1fr 1fr 1fr;}
  [data-page-type="newspage" i][data-view-model="GridView" i][data-grid-row-element="4"] .grid-view-container {grid-template-columns: 1fr 1fr 1fr 1fr;} */
}

@media (min-width: 769px) and (max-width: 1440px) {
    [data-page-type="newspage" i][data-view-model="GridView" i] .grid-view-container {grid-gap: 2rem;}
    [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {margin-bottom: 2rem;}
    [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont {padding: 2rem;}
}

/*Article ADA eyebrow header update*/
.newsgridcont .grid-teaser-text span.eyebrow {
  text-decoration: none;
  font-weight: 300;
  display: block;
  color: #B0E0E2;
  font-size: 1.8rem;
  line-height: 1.25em;
  margin-bottom: 1.5rem;
display: block;
}

.featured-article-list .grid-group-item .item-description h3 span.eyebrow {
  display: block;
  height: auto;
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0 0 1rem 0;
  color: #707070;
}

.tmp__article .cmp-articlecards-list .card-text h3 span.eyebrow {
    text-decoration: none;
  font-weight: 300;
  display: block;
  color: #B0E0E2;
  font-size: 1.8rem;
  line-height: 1.25em;
  margin-bottom: 1.5rem;
  display: flex;
}

.page [data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .grid-teaser-text h3 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.25em;
  font-weight: 600;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: initial;
  -webkit-box-orient: vertical;
}


.newsgridcont .grid-teaser-text, .newsgridcont .grid-teaser-text p, .newsgridcont .grid-teaser-text span {
  font-weight: 400;
}

[data-page-type="newspage" i][data-view-model="GridView" i] .newsgridcont .property-cont {
  width: 87%;
  position: absolute;
}

.grid-view-container .newsgridcont.card .description-text {
  text-decoration: none;
}
#filter-container p {
    margin-block-start: unset;
    margin-block-end: unset;
}

.filter-pills__intro h1 {
    font-size: 3.6rem;
    color: #2e1a47;
    line-height: 42px;
    padding-bottom: 30px;
}

.filter-pills__intro p {
    font-size: 1.8rem;
    line-height: 24px;
    padding-bottom: 30px;
}

.filter-pills__media-type {
    font-size: 1.4rem;
    flex-basis: 100%;
    margin-bottom: 20px;
}

.filter-pills__pill-container {
    padding-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}

.filter-pills__pill {
    position: relative;
    text-align: center;
    color: #2E1A47;
    border: solid 2px #2E1A47;
    border-radius: 500px;
    font-size: 1.6rem;
    margin-right: 15px;
    padding: 15px 50px 10px;
}

.filter-pills__pill:hover,
.filter-pills__pill-container input[type=checkbox]:checked+.filter-pills__pill {
    padding: 15px 33px 10px;
}

.filter-pills__pill:hover {
    color: #fff;
    border: solid 2px #7C6992;
    background-color: #7C6992;
}

.filter-pills__pill-container input[type=checkbox] {
    visibility: hidden;
    width: 85%;
    height: 100%;
}

.filter-pills__pill-container input[type=checkbox]:checked+.filter-pills__pill {
    background-color: #2e1a47;
    color: #fff;
    border: solid 2px #2e1a47;
}

.filter-pills__pill-container input[type=checkbox]:checked+.filter-pills__pill span::before,
.filter-pills__pill:hover span::before {
    content: '';
    background: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4xMDkiIGhlaWdodD0iMTMuMjYxIiB2aWV3Qm94PSIwIDAgMTguMTA5IDEzLjI2MSI+PHBhdGggZD0iTTE2NTEzLjI3Ny0xODA5LjQ2N2w0LjgyOCw1LjUzNiwxMC40NTUtMTAuODQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY1MTEuODY1IDE4MTYuMTkxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==') no-repeat;
    padding: 7px 15px;
    display: inline-block;
}

.filter-pills__pill-container input[type=checkbox]:checked+label:hover {
    background-color: #7C6992;
    border: solid 2px #7C6992;
}

.pill--container input[type=checkbox]:checked+.filter-pills__pill {
    background-color: #2e1a47;
    color: #fff;
    border: solid 2px #2e1a47;
}

.filter-pills__pill-container label span {
    display: inline-block;
}

.filter__pills--result-container {
    background-color: #2e1a47;
    display: flex;
    max-width: 100vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 30px;
    margin-bottom: 30px;
}

.filter__pills--result-column p {
    padding-bottom: 60px;
}

.filter-pills__resources {
    display: flex;
    align-items: flex-end;
    flex-basis: 100%;
    margin-top: 45px;
    margin-bottom: 20px;
}

.filter-pills__results {
    padding-right: 3px;
}

.filter-pills__links p {
    padding-bottom: 0;
    display: inline;
    margin-block-end: 0;
    margin-block-start: 0;
}

.filter-pills__links a {
    flex-grow: 1;
}

.filter-pills__link:before {
    content: '';
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDExIDE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMSkgcm90YXRlKDkwKSIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTcsMGw3LDExSDBaIiBzdHJva2U9Im5vbmUiLz48cGF0aCBkPSJNIDcgMy43MjUyNTI2MjgzMjY0MTYgTCAzLjY0MzM0Mjk3MTgwMTc1OCA5IEwgMTAuMzU2NjU3MDI4MTk4MjQgOSBMIDcgMy43MjUyNTI2MjgzMjY0MTYgTSA3IDAgTCAxNCAxMSBMIDAgMTEgTCA3IDAgWiIgc3Ryb2tlPSJub25lIiBmaWxsPSIjYjBlMGUyIi8+PC9nPjwvc3ZnPg==') no-repeat;
    padding: 16px;
    width: 16px;
    height: 16px;
}

.filter-pills__pill-row {
    display: inline;
    margin-bottom: 90px;
}

.pill--container {
    position: relative;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.pill-container--max-width {
    display: flex;
    flex-wrap: wrap;
}

.mb__pills {
    margin-bottom: 15px;
}

.filter-pills__results-counter {
    margin-right: 5px;
}

.text--truistpurple {
    color: #2e1a47;
}

.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    color: #2e1a47;
}

.pagination li a {
    margin-right: 35px;
    color: #2e1a47;
    text-decoration: none;
}

.pagination li.active {
    font-weight: 700;
    text-decoration: underline;
}

@media only screen and (min-width: 795.5px) {
    .filter__pills--result-container {
        max-width: 25vw;
        margin-bottom: 60px;
    }

    .filter-pills__media-type {
        margin-right: 30px;
        justify-content: center;
        align-items: flex-start;
        display: flex;
        flex-basis: unset;
        margin-top: 15px;
    }

    .filter-pills__resources {
        flex-basis: unset;
        align-items: flex-start;
        margin-top: 15px;
    }

    .mb__pills {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 795.5px) {
    .filter-pills__resources {
        margin-top: 90px
    }

    .pill--container {
        margin-top: -78px
    }
}

.cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type, .cmp-truist-cards-list-v1__remove-filter .pill-container {
    visibility: hidden;
}

@media only screen and (max-width: 795.5px) {
    .cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type, .cmp-truist-cards-list-v1__remove-filter .pill-container {
        display: none;
        visibility: visible;
    }
}

/**TRUIST CARDS LIST V1 moved from policy.css**/
.cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type,
.cmp-truist-cards-list-v1__remove-filter .pill-container {display: none; visibility: hidden;}
.cmp-truist-cards-list-v1__remove-filter .filter-pills__pill-container {justify-content: flex-end;}
@media only screen and (max-width: 795.5px) {
    .cmp-truist-cards-list-v1__remove-filter .filter-pills__media-type,
    .cmp-truist-cards-list-v1__remove-filter .pill-container {display: none; visibility: visible;}
}

.goal-slider {
  margin-left: 0 !important;
  width: 100% !important;
}

.goal-selector {
  border-radius: 20px;
}

.goal-selector-body,
.goal-selector-body .container {
  font-family: 'Truist Trio', 'Arial', sans-serif;
  font-size: 1.8rem;
  line-height: 24px;
  color: #ffffff;
}

.goal-selector-body .container {
  width: 100%;
  max-width: 1366px;
  padding: 0;
  height: auto;
  display: flex;
}

.goal-selector-body .goal-caps {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.goal-selector-body .goal-selector {
  margin: 20px 0;
  padding: 80px 0;
  background: #483460;
  border-radius: 20px;
  min-width: 100%;
  min-height: 548px;
  position: relative;
  overflow: hidden;
  height: auto;
  transition: max-height 1s ease-in-out;
}

.gs-section-heading {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  margin-top: -3px;
  text-align: center;
  color: #b0e0e2;
  text-transform: uppercase;
}

.goal-selector h4.goal-heading {
  color: #fff;
}

.goal-selector h3.gs-section-heading img {
  width: 2.1rem;
  height: 2.1rem;
}

.gs-section-heading .title-icon {
  width: 2.1rem;
  height: 2.1rem;
  margin-top: -4px;
  margin-right: 5px;
  border-radius: 0;
  border: 0;
}

.goal-selector-body .goal-heading {
  text-align: center;
  font-weight: 300;
  font-size: 4.8rem;
  line-height: 54px;
  text-align: center;
  width: 100%;
  margin: -10px auto 0 auto;
  padding: 0 20px;
  display: block;
  position: absolute;
  color: #ffffff;
  outline: none;
}

.goal-selector-body .journey-scroller {
  width: 100%;
  margin-top: 70px;
  position: absolute;
}

.goal-selector-body .results-scroller {
  width: 100%;
  position: absolute;
  top: 186px;
}

.goal-selector-body .goal-before,
.goal-selector-body .goal-after {
  height: 64px;
  width: 52px;
  background: #7C6992;
  position: absolute;
  z-index: 100;
  margin-top: 20px;
  border: 2px solid #7C6992;
  box-shadow: 0 0px 2px rgba(0, 0, 0, .20);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.goal-selector-body .journey-scroller .goal-before,
.goal-selector-body .journey-scroller .goal-after {
  top: 22%;
}

.goal-selector-body .results-scroller .goal-before,
.goal-selector-body .results-scroller .goal-after {
  top: 24%;
}

.goal-selector-body .goal-before,
.goal-selector-body .results-scroller .goal-before {
  /* left: -10%; */
  left: 0;
  border-radius: 0px 10px 10px 0px;
}

.goal-selector-body .goal-after {
  /* right: -10%; */
  right: 0;
  border-radius: 10px 0px 0px 10px;
}

.goal-selector-body .goal-before svg {
  transform: rotate(180deg);
}


.goal-selector-body .goal-before:disabled,
.goal-selector-body .goal-after:disabled {
  background: var(--truClrGryVLt);
  border: 2px solid transparent;
}

.goal-selector-body .goal-before:disabled:focus,
.goal-selector-body .goal-after:disabled:focus {
  background: var(--truClrGryVLt);
  border: 2px solid #000000;
}

.goal-selector-body .goal-before:hover,
.goal-selector-body .goal-after:hover {
  background: #afabc9;
  border: 2px solid #afabc9;
}

.goal-selector-body .goal-before:focus,
.goal-selector-body .goal-after:focus {
  background: #7C6992;
  border: 2px solid #7C6992;
}

.goal-selector-body .goal-before:focus::before,
.goal-selector-body .goal-after:focus::before {
  content: '';
  position: absolute;
  top: 1px;
  height: 58px;
  width: 50px;
  border: 1px solid #ffffff;
}

.goal-selector-body .goal-before:focus::before {
  border-radius: 0px 10px 10px 0px;
  left: -1px;
}

.goal-selector-body .goal-after:focus::before {
  border-radius: 10px 0px 0px 10px;
  right: -1px;
}

.goal-selector-body .goal-before svg path,
.goal-selector-body .goal-after svg path,
.goal-selector-body .goal-before:hover svg path,
.goal-selector-body .goal-after:hover svg path,
.goal-selector-body .goal-before:focus svg path,
.goal-selector-body .goal-after:focus svg path {
  fill: #ffffff;
}

.goal-selector-body .goal-before:disabled svg path,
.goal-selector-body .goal-after:disabled svg path,
.goal-selector-body .goal-before:disabled:hover svg path,
.goal-selector-body .goal-after:disabled:hover svg path,
.goal-selector-body .goal-before:disabled:focus svg path,
.goal-selector-body .goal-after:disabled:focus svg path {
  fill: #000000;
}

.goal-selector-body .goal-before {
  border-left: none !important;
}

.goal-selector-body .goal-after {
  border-right: none !important;
}

.goal-selector-body .carousel-inner {
  width: 100%;
  padding-top: 5px;
  display: block;
}

.goal-selector-body .journey-list,
.goal-selector-body .results-list {
  position: relative;
  margin: 0 0 10px 0px;
}

.goal-selector-body .journey-list {
  visibility: hidden;
}

.goal-selector-body .journey-item:link,
.goal-selector-body .journey-item:visited,
.goal-selector-body .journey-item {
  margin-right: 40px !important;
  position: relative;
  min-height: 170px;
  max-height: 259px;
  color: #2E1A47;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  min-width: 315px !important;
  max-width: 315px !important;
  padding: 30px;
  transition: all .3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
}

.goal-selector-body .journey-item:hover,
.goal-selector-body .journey-item:active {
  text-decoration: none;
}

.goal-selector-body .journey-item:before {
  content: '';
  background: #f8f8f8;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
  transition: all .3s ease-in-out;
}

.goal-selector-body .journey-item.is-active::before{
  transform: scale(1.05);
}

.goal-selector-body .journey-item:hover::before,
.goal-selector-body .journey-item:focus::before {
  outline: 2px solid var(--truClrPplBs);
  outline-offset: -4px;
    border-radius: 1rem;
}

/* Goal selector focus state ADA */
.goal-selector-body .journey-item:focus {
  outline: 2px solid #483460;
  outline-offset: -4px;
  border-radius: 12px;
}
/* End Goal selector focus state ADA */

.goal-selector-body .journey-item .tag,
.goal-selector-body .journey-item:link .tag,
.goal-selector-body .journey-item:visited .tag,
.goal-selector-body .journey-item:hover .tag,
.goal-selector-body .journey-item:active .tag,
.goal-selector-body .journey-item:focus .tag {
  font-weight: 600;
  color: #7C6992;
  font-size: 2rem;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
}

.goal-selector-body .journey-item .image-container {
  width: 44px;
  height: 44px;
  position: relative;
}

.goal-selector-body .journey-item .heading-icon,
.goal-selector-body .journey-item:link .heading-icon,
.goal-selector-body .journey-item:visited .heading-icon,
.goal-selector-body .journey-item:hover .heading-icon,
.goal-selector-body .journey-item:active .heading-icon,
.goal-selector-body .journey-item:focus .heading-icon {
  border-radius: 10px;
  width: 44px;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px;
}

.goal-selector-body .journey-item div,
.goal-selector-body .journey-item:link div,
.goal-selector-body .journey-item:visited div,
.goal-selector-body .journey-item:hover div,
.goal-selector-body .journey-item:active div,
.goal-selector-body .journey-item:focus div {
  font-weight: 600;
  margin: 0 0 0px 0;
  font-size: 2.4rem;
  line-height: 30px;
  color: #2E1A47;
  text-decoration: none;
}

.goal-selector-body .journey-item span:last-child,
.goal-selector-body .journey-item:link span:last-child,
.goal-selector-body .journey-item:visited span:last-child,
.goal-selector-body .journey-item:hover span:last-child,
.goal-selector-body .journey-item:active span:last-child,
.goal-selector-body .journey-item:focus span:last-child {
  color: #2E1A47;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 24px;
  text-decoration: none;
}

.goal-selector-body .goal-find,
.goal-selector-body .goal-submit,
.goal-selector-body .goal-home {
  background: #b0e0e2;
  border-radius: 4px;
  font-weight: 400;
  color: #2E1A47;
  outline: none;
  box-shadow: 0 0 0 2px #b0e0e2;
  border: 1px solid #b0e0e2;
  font-size: 1.8rem;
  line-height: 24px;
  padding: 15px 20px;
  white-space: nowrap !important;
  max-height: 54px;
  min-height: 54px;
  display: inline-block;
}

.goal-selector-body .select-button-section button:first-child,
.goal-selector-body .results-button-section button:first-child {
  min-height: 54px;
  max-height: 54px;
}

.goal-selector-body .goal-find:focus,
.goal-selector-body .goal-submit:focus,
.goal-selector-body .goal-home:focus {
  background: #b0e0e2;
  color: #2E1A47 !important;
  border: 1px solid #2E1A47;
  box-shadow: 0 0 0 2px #b0e0e2;
}

.goal-selector-body .goal-select,
.goal-selector-body .goal-results {
  background: transparent;
  border-radius: 4px;
  font-weight: 400;
  color: #ffffff;
  outline: none;
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px #ffffff;
  font-size: 1.8rem;
  padding: 12px 17px;
  margin-right: 20px;
  display: inline-block;
}

.goal-selector-body .goal-select:hover,
.goal-selector-body .goal-results:hover {
  background: #ffffff;
  color: #2e1a47;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
}

.goal-selector-body .goal-select:focus,
.goal-selector-body .goal-results:focus {
  background: #2e1a47;
  color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
  position: relative;
}

.goal-selector-body .goal-select:focus::before,
.goal-selector-body .goal-results:focus::before {
  content: '';
  display: block;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}

.goal-selector-body .goal-submit:disabled,
.goal-selector-body .goal-submit:disabled:hover,
.goal-selector-body button.goal-submit:disabled,
.goal-selector-body button.goal-submit:disabled:hover {
  background: rgba(201, 201, 201, .6);
  border: 1px solid transparent;
  box-shadow: 0 0 0 2px rgba(201, 201, 201, .6);
  min-height: 54px;
  max-height: 54px;
  color: #ffffff !important;
}

.splide__slide img {
  vertical-align: bottom;
  width: auto;
  height: 4.4rem;
  margin-bottom: 2rem;
}

.goal-selector-body .goal-list {
  padding: 0 120px;
  list-style: none;
  position: relative;
  z-index: 100;
  justify-content: center;
  flex-wrap: wrap;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.goal-selector-body .goal-list li.delay {
  position: absolute;
  left: -400%;
  width: 100%;
  margin: 0 auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: left 1.5s ease-in-out;
}

.goal-selector-body .goal-list li.delay.reverse {
  position: absolute;
  left: 400%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.goal-selector-body .goal-list li ul {
  margin: 0;
  padding: 0;
}

.goal-selector-body .goal-list li ul li {
  display: block;
  margin-right: 24px;
  position: relative;
}

.goal-selector-body .goal-list li ul li:last-child {
  margin-right: 0;
}

.goal-selector-body .bubble{
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  width: auto;
  white-space: nowrap;
  background: transparent;
  border-radius: 40px;
  border: 1px solid #2e1a47;
  box-shadow: 0 0 0 2px #ffffff;
  position: relative;
  transition: all .3s ease-in-out;
}

.goal-selector-body .bubble.hover {
  display: inline-block;
  padding: 10px 20px;
  width: auto;
  white-space: nowrap;
  background: #ffffff;
  color: #2E1A47;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
  position: relative;
}

.goal-selector-body .bubble.focus,
.goal-selector-body .bubble.focus-within {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 2px #ffffff;
  position: relative;
}

.goal-selector-body .bubble.focus::before {
  content: '';
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 40px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: transparent;
  border: 1px solid #ffffff;
  z-index: -5;
}

.goal-selector-body .bubble.checked {
  background: #b0e0e2;
  color: #2E1A47;
  border: 1px solid #b0e0e2;
  box-shadow: 0 0 0 2px #b0e0e2;
  z-index: 1;
}

.goal-selector-body .bubble.checked.focus::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: 1px solid #2e1a47;
  z-index: -5;
}

.goal-selector-body .goal-checkbox[type="checkbox"],
.goal-selector-body .goal-checkbox[type="checkbox"]:focus,
.goal-selector-body .goal-checkbox[type="checkbox"]:checked {
  padding: 0;
  position: absolute;
  top: -5px;
  left: 20px;
  display: block;
  min-width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.goal-selector-body .find-button-section {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 412px;
  width: 100%;
  opacity: 0;
}

.goal-selector-body .select-button-section {
  margin: 0 auto;
  justify-content: center;
  position: absolute;
  top: 491px;
  width: 100%;
}

.goal-selector-body .results-button-section {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 403px;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 1365.98px) {

  .goal-selector-body,
  .goal-selector-body .container {
    font-size: 1.6rem;
    line-height: 22px;
  }

  .goal-selector-body .gs-section-heading {
    font-size: 1.6rem;
    line-height: 22px;
    margin-top: -3px;
  }

  .goal-selector-body .goal-heading {
    font-size: 3.6rem;
    line-height: 42px;
  }

  .goal-selector-body {
    min-height: 528px;
  }

  .goal-selector-body .journey-scroller {
    margin-top: 59px;
  }

  .goal-selector-body .journey-item .tag,
  .goal-selector-body .journey-item:link .tag,
  .goal-selector-body .journey-item:visited .tag,
  .goal-selector-body .journey-item:hover .tag,
  .goal-selector-body .journey-item:active .tag,
  .goal-selector-body .journey-item:focus .tag {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .goal-selector-body .journey-item div,
  .goal-selector-body .journey-item:link div,
  .goal-selector-body .journey-item:visited div,
  .goal-selector-body .journey-item:hover div,
  .goal-selector-body .journey-item:active div,
  .goal-selector-body .journey-item:focus div {
    font-size: 2rem;
    line-height: 26px;
  }

  .goal-selector-body .journey-item span:last-child,
  .goal-selector-body .journey-item:link span:last-child,
  .goal-selector-body .journey-item:visited span:last-child,
  .goal-selector-body .journey-item:hover span:last-child,
  .goal-selector-body .journey-item:active span:last-child,
  .goal-selector-body .journey-item:focus span:last-child {
    font-size: 1.6rem;
    line-height: 22px;
  }

  .goal-selector-body .find-button-section button,
  .goal-selector-body .select-button-section button,
  .goal-selector-body .results-button-section button {
    font-size: 1.6rem;
    line-height: 22px;
  }

  .goal-selector-body .find-button-section {
    top: 392px;
  }

  .goal-selector-body .select-button-section {
    top: 473px;
  }

  .goal-selector-body .goal-list-wrapper {
    overflow: hidden;
    height: 352px;
  }

  .goal-selector-body .goal-list {
    overflow: visible;
    overflow-x: scroll;
    padding-right: 20px;
    -webkit-scrollbar-width: auto;
    -moz-scrollbar-width: auto;
    -webkit-scrollbar-color: transparent;
    -moz-scrollbar-color: transparent;
    min-height: 372px;
  }

  .goal-selector-body .goal-list,
  .goal-selector-body .goal-list li ul {
    padding: 0 20px;
  }

  .goal-selector-body .goal-list li ul li {
    margin-right: 15px;
  }

  .goal-selector-body .goal-list li ul li label:last-child {
    margin-right: 22px;
  }

  .goal-selector-body .goal-list li ul li .bubble,
  .goal-selector-body .goal-list li ul li .goal-checkbox[type="checkbox"] {
    width: 100%;
    text-align: center;
  }

  .goal-selector-body .results-scroller {
    top: 174px;
  }

  .goal-selector-body .results-button-section {
    top: 391px;
  }
}

@media only screen and (device-width: 375px) and (orientation : portrait) {
  .goal-selector h4.goal-heading {
    font-size: 3.2rem;
  }
}

@media (min-width: 0px) and (max-width: 1023.98px) {
  .goal-selector-body {
    min-height: 527px;
  }

  .goal-selector-body .goal-results {
    padding: 0 20px;
  }

  .goal-selector-body .journey-scroller {
    margin-top: 59px;
  }

  .goal-selector-body #journey-scroller-track,
  .goal-selector-body #results-scroller-track {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .goal-selector-body .journey-item:link,
  .goal-selector-body .journey-item:visited,
  .goal-selector-body .journey-item:hover,
  .goal-selector-body .journey-item:active {
    margin-right: 20px !important;
  }

  .goal-selector-body .find-button-section,
  .goal-selector-body .select-button-section,
  .goal-selector-body .results-button-section {
    padding: 0 20px;
  }

  .goal-selector-body .select-button-section {
    top: 473px;
    background: #2e1a47;
    z-index: 500;
  }

  .goal-selector-body .goal-select {
    display: flex;
  }

  .goal-selector-body .goal-selector-body .select-button-section button:first-child:focus::before,
  .goal-selector-body .goal-selector-body .results-button-section button:first-child:focus::before {
    width: 99.5%;
  }

  .goal-selector-body .journey-item .image-container {
    width: 35px;
    height: 35px;
    margin-bottom: 15px;
    position: relative;
  }

  .goal-selector-body .journey-item .heading-icon,
  .goal-selector-body .journey-item:link .heading-icon,
  .goal-selector-body .journey-item:visited .heading-icon,
  .goal-selector-body .journey-item:hover .heading-icon,
  .goal-selector-body .journey-item:active .heading-icon,
  .goal-selector-body .journey-item:focus .heading-icon {
    border-radius: 10px;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .goal-selector-body .find-button-section {
    top: 391px;
  }

  .goal-selector-body .results-scroller {
    top: 174px !important;
  }

  .goal-selector-body .results-button-section {
    top: 391px;
  }
}

@media (min-width: 0px) and (max-width: 767.98px) {

  .goal-selector-body .goal-selector {
    border-radius: 0 !important;
  }

  .goal-selector-body .find-button-section,
  .goal-selector-body .select-button-section,
  .goal-selector-body .results-button-section {
    padding: 0 20px;
  }

  .goal-selector-body .journey-scroller {
    margin-top: 61px;
  }

  .goal-selector-body .find-button-section {
    top: 412px;
  }

  .goal-selector-body .goal-results {
    padding: 0 20px;
    margin: 0 auto;
  }

  .goal-selector-body .results-scroller {
    top: 167px !important;
  }

  .goal-selector-body .results-button-section {
    top: 417px;
  }

}

@media (min-width: 0px) and (max-width: 639.98px) {
  .goal-selector-body {
    min-height: 568px;
  }

  .goal-selector-body .journey-scroller {
    margin-top: 100px;
  }

  .goal-selector-body .find-button-section button,
  .goal-selector-body .select-button-section button,
  .goal-selector-body .results-button-section button {
    width: 100%;
    display: block;
  }

  .goal-selector h4.goal-heading {
    font-size: 3.2rem;
    color: #fff;
  }

  .goal-selector h3.gs-section-heading img {
    width: 2.1rem;
    height: 2.1rem;
  }

  .goal-selector-body .select-button-section button:first-child,
  .goal-selector-body .results-button-section button:first-child {
    margin-bottom: 20px;
  }

  .goal-selector-body .find-button-section {
    top: 432px;
  }

  .goal-selector-body .results-scroller {
    top: 215px !important;
  }

  .goal-selector-body .results-button-section {
    top: 432px;
  }

  .goal-selector-body .goal-before,
  .goal-selector-body .goal-after {
    display: none !important;
  }
}

/*maintains correct functionality*/

.goal-selector-body .select-button-section,
.goal-selector-body .results-button-section,
.goal-selector-body .goal-heading.goal-select-heading,
.goal-selector-body .goal-list-wrapper,
.goal-selector-body .goal-heading.goal-results-heading {
  display: none;
}

.gs-section-heading .title-icon {
  display: none;
}

@media (max-width: 768px) {
  .goal-selector-body .goal-selector {
      border-radius: 0;
  }
}
@keyframes slidein-journeys {
  0% {
    left: var(--journeyAnimate);
  }

  100% {
    left: 0px;
  }
}

@keyframes slideout-journeys {
  0% {
    left: 0px;
  }

  100% {
    left: var(--journeyAnimate);
  }
}

@keyframes slidein-results {
  0% {
    left: var(--resultsAnimate);
  }

  100% {
    left: 0px;
  }
}

@keyframes slideout-results {
  0% {
    left: 0px;
  }

  100% {
    left: var(--resultsAnimate);
  }
}

@keyframes slidein-heading {
  0% {
    left: -200%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slidein-heading-right {
  0% {
    left: 200%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slidein-before {
  0% {
    left: -10%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slidein-after {
  0% {
    right: -10%;
  }

  100% {
    right: 0%;
  }
}

@keyframes slidein-next {
  0% {
    left: 150%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slidein-next-right {
  0% {
    left: -150%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slideout {
  0% {
    left: 0%;
  }

  100% {
    left: 150%;
  }
}

@keyframes slideout-heading {
  0% {
    left: 0%;
  }

  100% {
    left: -200%;
  }
}

@keyframes slideout-heading-right {
  0% {
    left: 0%;
  }

  100% {
    left: 200%;
  }
}

@keyframes slideout-before {
  0% {
    left: 0%;
  }

  100% {
    left: -10%;
  }
}

@keyframes slideout-after {
  0% {
    right: 0%;
  }

  100% {
    right: -10%;
  }
}

@keyframes slideout-next {
  0% {
    left: 0%;
  }

  100% {
    left: 150%;
  }
}

@keyframes slideout-next-right {
  0% {
    left: 0%;
  }

  100% {
    left: -150%;
  }
}
/**ACCORDION COMPONENT**/
.accordion .btn-link {
    color: #7C6992;
}

.accordion .btn-link:hover,
.accordion .btn-link:focus {
    color: #7C6992;
    text-decoration: none;
}

.accordion .btn-link:focus {
    border: 1px dotted;
}

.accordion .card-header {
    padding: 0;
    margin: 0;
}

.accordion .card-body {
    padding: 0;
}

/*stack (button)*/
.accordion .button-margin {
    margin: 2.5rem 0;
}

.accordion .button-margin .card-header {
    border-bottom: none;
}

.accordion .button-margin .btn-primary {
    background: transparent;
    border: 2px solid #2e1a47;
    color: #2e1a47;
}

.accordion .button-margin .btn-primary:hover,
.accordion .button-margin .btn-primary:focus,
.accordion .button-margin .btn-primary:active,
.accordion .button-margin .btn-primary:active:focus {
    color: #fff;
    background-color: #2e1a47;
    border-color: #2e1a47;
    box-shadow: none;
}

/*disclaimer (up/down arrow)*/
.accordion.arrow-down .border-container {
    border-bottom: 0;
}

.accordion.arrow-down .btn-link {
    font-weight: 300;
    color: #2e1a47;
    text-decoration: none;
}

.accordion.arrow-down .btn-link:hover {
    color: #2e1a47;
    text-decoration: none;
}

.accordion.arrow-down .btn-link:focus,
.accordion.arrow-down .btn-link.focus {
    text-decoration: none;
    box-shadow: none;
    outline: 1px dotted;
}

/* zebra stripe */
.accordion .zebra-stripe > div > div:nth-of-type(even) {
    background-color: #f7f7f7;
}

.accordion .zebra-stripe .border-container {
    padding: 5rem 2rem;
}

.accordion .zebra-stripe .border-container > div {
    margin: 0 8.333%;
}

/*faq (plus-icon)*/
.accordion.plus-icon .border-container {
    padding-left: 0;
    border-bottom: none;
    margin-bottom: 4rem;
}

.accordion.plus-icon button {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #2E1A47;
    font-weight: 600;
    margin-bottom: 0;
}

.accordion.plus-icon button .accordion-text {
    display: flex;
}

.accordion.plus-icon button .accordion-text p {
    margin-bottom: 0;
}

.accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
.accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
    margin: 0 1.4rem 0 0;
    line-height: 2.4rem;
}

.accordion.plus-icon .card-body {
    padding: .7rem 3rem 0;
}

.accordion.plus-icon .card-body p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: .7rem;
}

@media (min-width: 769px) {
    .accordion.plus-icon button {
        font-size: 2.4rem;
        line-height: 3rem;
    }

    .accordion.plus-icon .card-body p {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.4rem;
    }

    .accordion.plus-icon .card-body {
        padding: 1.4rem 3rem 0;
    }

    .accordion.plus-icon .accordion-text.truist--icon-carat-up.before:before,
    .accordion.plus-icon .accordion-text.truist--icon-carat-down.before:before {
        line-height: 3rem;
    }
}

/*center on mobile*/

.display--mobile-fill-tabs .accordion .button-margin {
    text-align:center;
}
.lesson-selector {
  margin: 20px auto !important;
  padding: 80px 0;
  background: #483460;
  border-radius: 20px;
  width: 100%;
  max-height: 530px;
  max-width: 1328px !important;
  position: relative;
  overflow: hidden;
  height: auto;
  max-height: 530px;
  font-family: inherit;
  font-size: 1.8rem;
  line-height: 24px;
  color: #ffffff;
}

.lesson-selector .lesson-caps {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 24px;
}

.lesson-selector .gs-section-heading {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
  text-align: center;
  color: #b0e0e2;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block; /* to show Section title Example: 'THRIVE' on Goal Selector */
}

.lesson-selector .title-icon {
  border-radius: 4px;
  margin-top: -4px;
  margin-right: 12px;
  border: 1px solid #b0e0e2;
}

.lesson-selector .lesson-heading {
  text-align: center;
  font-weight: 300;
  font-size: 4.8rem;
  line-height: 54px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: block;
  color: #fff;
}

.lesson-selector .lesson-scroller {
  width: 100%;
  margin-top: 21px;
  position: relative;
}

.lesson-selector .lesson-before,
.lesson-selector .lesson-after {
  height: 64px;
  width: 52px;
  background: #7C6992;
  position: absolute;
  z-index: 1;
  top: 24%;
  margin-top: 20px;
  border: 2px solid #7C6992;
  box-shadow: 0 0px 2px rgba(0, 0, 0, .20);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.lesson-selector .lesson-before {
  /* left: -10%; */
  left: 0;
  border-radius: 0px 10px 10px 0px;
}

.lesson-selector .lesson-after {
  /* right: -10%; */
  right: 0;
  border-radius: 10px 0px 0px 10px;
}

.lesson-selector .lesson-before svg {
  transform: rotate(180deg);
}

.lesson-selector .lesson-before:hover,
.lesson-selector .lesson-after:hover {
  background: #afabc9;
  border: 2px solid #afabc9;
}

.lesson-selector .lesson-before:focus,
.lesson-selector .lesson-after:focus {
  background: #7C6992;
  border: 2px solid #7C6992;
}

.lesson-selector .lesson-before:disabled,
.lesson-selector .lesson-after:disabled {
  background: var(--truClrGryVLt);
  border: 2px solid transparent;
}

.lesson-selector .lesson-before:disabled:focus,
.lesson-selector .lesson-after:disabled:focus {
  background: var(--truClrGryVLt);
  border: 2px solid #000000;
}


.lesson-selector .lesson-before:focus::before,
.lesson-selector .lesson-after:focus::before {
  content: '';
  position: absolute;
  top: 1px;
  height: 58px;
  width: 50px;
  border: 1px solid #ffffff;
}

.lesson-selector .lesson-before:focus::before {
  border-radius: 0px 10px 10px 0px;
  left: -1px;
}

.lesson-selector .lesson-after:focus::before {
  border-radius: 10px 0px 0px 10px;
  right: -1px;
}

.lesson-selector .lesson-before:hover svg path,
.lesson-selector .lesson-after:hover svg path,
.lesson-selector .lesson-before:focus svg path,
.lesson-selector .lesson-after:focus svg path {
  fill: #ffffff;
}

.lesson-selector .lesson-before:disabled svg path,
.lesson-selector .lesson-after:disabled svg path,
.lesson-selector .lesson-before:disabled:hover svg path,
.lesson-selector .lesson-after:disabled:hover svg path,
.lesson-selector .lesson-before:disabled:focus svg path,
.lesson-selector .lesson-after:disabled:focus svg path {
  fill: #000000;
}

.lesson-selector .lesson-before {
  border-left: none !important;
}

.lesson-selector .lesson-after {
  border-right: none !important;
}

.lesson-selector .le70sson-slider .carousel-inner {
  width: 100%;
  padding-top: 10px;
  display: block;
}

.lesson-selector .lesson-list {
  position: relative;
  margin: 0 0 10px 0px;
  visibility: hidden;
}

.lesson-selector .lesson-item:link,
.lesson-selector .lesson-item:visited,
.lesson-selector .lesson-item {
  margin-right: 40px !important;
  position: relative;
  min-height: 160px;
  max-height: 259px;
  color: #2E1A47;
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  min-width: 315px !important;
  max-width: 315px !important;
  padding: 30px;
  transition: all .3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
  background: #f8f8f8;
  border-radius: 1rem;
  top:5px;
}

.lesson-selector .lesson-item:hover {
  outline: 2px solid var(--truClrPplBs);
    outline-offset: -4px;
    border-radius: 1rem;
}

/* Lesson selector focus state ADA */
.lesson-selector .lesson-item:focus {
outline: 2px solid #483460;
outline-offset: -4px;
border-radius: 12px;
}
/* End Lesson selector focus state ADA */


.lesson-selector .lesson-item:hover,
.lesson-selector .lesson-item:active {
  text-decoration: none;
}

.lesson-selector .lesson-item a {
  text-decoration: none;
}

.lesson-selector .lesson-item a:hover,
.lesson-selector .lesson-item a:focus,
.lesson-selector .lesson-item a:active {
  text-decoration: underline;
}

.lesson-selector .lesson-item::before {
  content: '';
  background: #f8f8f8;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 10px;
  transition: all .3s ease-in-out;
}

.lesson-selector .lesson-item .tag,
.lesson-selector .lesson-item:link .tag,
.lesson-selector .lesson-item:visited .tag,
.lesson-selector .lesson-item:hover .tag,
.lesson-selector .lesson-item:active .tag,
.lesson-selector .lesson-item:focus .tag {
  font-weight: 600;
  color: #7C6992;
  font-size: 2rem;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
}

.lesson-selector .lesson-item .lesson-heading-icon,
.lesson-selector .lesson-item:link .lesson-heading-icon,
.lesson-selector .lesson-item:visited .lesson-heading-icon,
.lesson-selector .lesson-item:hover .lesson-heading-icon,
.lesson-selector .lesson-item:active .lesson-heading-icon,
.lesson-selector .lesson-item:focus .lesson-heading-icon {
  border-radius: 10px;
  margin-bottom: 20px;
  display: none;
  /*display: block; to show card icons */
}

.lesson-selector .lesson-item div,
.lesson-selector .lesson-item:link div,
.lesson-selector .lesson-item:visited div,
.lesson-selector .lesson-item:hover div,
.lesson-selector .lesson-item:active div,
.lesson-selector .lesson-item:focus div {
  font-weight: 600;
  margin: 0 0 20px 0;
  font-size: 2.4rem;
  line-height: 30px;
  color: #2E1A47;
  text-decoration: none;
}

.lesson-selector .lesson-item span:last-child,
.lesson-selector .lesson-item:link span:last-child,
.lesson-selector .lesson-item:visited span:last-child,
.lesson-selector .lesson-item:hover span:last-child,
.lesson-selector .lesson-item:active span:last-child,
.lesson-selector .lesson-item:focus span:last-child {
  color: #2E1A47;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 24px;
  text-decoration: none;
  position: absolute;
  bottom: 40px;
  display: none;
}

@media (min-width: 0px) and (max-width: 639.98px) {
  .lesson-selector .lesson-before,
  .lesson-selector .lesson-after {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 767.98px) {
  .lesson-selector  {
    border-radius: 0px;
    padding: 60px 0 40px;
    width: auto;
    max-width: auto;
  }
}

/* *************** container scroller for lesson list -- tablet and down *************** */
@media (min-width: 0px) and (max-width: 1024.98px) {
  .lesson-selector #lesson-scroller-track {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .lesson-selector .lesson-item:link,
  .lesson-selector .lesson-item:visited,
  .lesson-selector .lesson-item:hover,
  .lesson-selector .lesson-item:active {
    margin-right: 20px !important;
  }
}

/* *************** Smaller font size < 1365px *************** */
@media (min-width: 0px) and (max-width: 1364.98px) {


  .lesson-selector {
    font-size: 1.6rem;
    line-height: 22px;
  }

   .lesson-selector .gs-section-heading {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .lesson-selector .lesson-heading {
    font-size: 3.6rem;
    line-height: 42px;
  }

  .lesson-selector .lesson-item .tag,
  .lesson-selector .lesson-item:link .tag,
  .lesson-selector .lesson-item:visited .tag,
  .lesson-selector .lesson-item:hover .tag,
  .lesson-selector .lesson-item:active .tag,
  .lesson-selector .lesson-item:focus .tag {
    font-size: 1.8rem;
    line-height: 24px;
  }

  .lesson-selector .lesson-item div,
  .lesson-selector .lesson-item:link div,
  .lesson-selector .lesson-item:visited div,
  .lesson-selector .lesson-item:hover div,
  .lesson-selector .lesson-item:active div,
  .lesson-selector .lesson-item:focus div {
    font-size: 2rem;
    line-height: 26px;
  }

  .lesson-selector .lesson-item span:last-child,
  .lesson-selector .lesson-item:link span:last-child,
  .lesson-selector .lesson-item:visited span:last-child,
  .lesson-selector .lesson-item:hover span:last-child,
  .lesson-selector .lesson-item:active span:last-child,
  .lesson-selector .lesson-item:focus span:last-child {
    font-size: 1.6rem;
    line-height: 22px;
  }

  .lesson-selector  .lesson-next,
  .lesson-selector  .lesson-submit,
  .lesson-selector  .lesson-previous {
    font-size: 1.6rem;
    line-height: 22px;
  }
}

@media (min-width: 767.99px) and (max-width: 991.98px) {
  .lesson-selector  {
    border-radius: 0px;
    padding: 60px 0;
    width: auto;
    max-width: auto;
  }
}

/*imports from component.css*/
.lesson-selector .gs-section-heading {
  display: block;
}

.lesson-selector .lesson-heading {
  color: #fff;
}

.lesson-before, .lesson-after {
  z-index: 1;
}

.lesson-selector {
  border-radius: 20px;
  max-height: 530px;
}

.lesson-item span:last-child,
.lesson-item:link span:last-child,
.lesson-item:visited span:last-child,
.lesson-item:hover span:last-child,
.lesson-item:active span:last-child,
.lesson-item:focus span:last-child {
  display: none;
}

.lesson-selector .lesson-list {
  margin: 10px 0 10px 0;
}

.lesson-selector .lesson-before,
.lesson-selector .lesson-after {
  z-index: 8;
}

.lesson-selector .title-icon {
  display: none;
}
/* Scroller slide in animation */
@keyframes slidein-lessons {
  0% {
    left: var(--lessonAnimate);
  }

  100% {
    left: 0px;
  }
}

@keyframes slidein-before {
  0% {
    left: -10%;
  }

  100% {
    left: 0%;
  }
}

@keyframes slidein-after {
  0% {
    right: -10%;
  }

  100% {
    right: 0%;
  }
}

@keyframes slideout-before {
  0% {
    left: 0%;
  }

  100% {
    left: -10%;
  }
}

@keyframes slideout-after {
  0% {
    right: 0%;
  }

  100% {
    right: -10%;
  }
}
.accordion-panel {
   width: 100%;
   max-width: 100%;
   min-width: 100%;
}

.accordion-panel .card {
   border: none;
   border-radius: 0;
}

.accordion-panel .card:not(.active) .card-header,
.accordion-panel .card .card-header:first-child {
   padding: 0;
   border: 0;
   background: none;
   border-radius: 0;
   margin-bottom: 1.25rem;
}

.accordion-panel .btn.acc-button {
   border: 0;
   border-left: .3rem solid var(--truClrMistDkr);
   padding: 0;
   margin: 0;
   border-radius: 0;
   text-decoration: none;
   transition: all .3s ease-in-out;
}

.accordion-panel .btn.acc-button:hover,
.accordion-panel .btn.acc-button:focus {
   border-left: .6rem solid var(--truClrMistDkr);
}

.accordion-panel .btn.acc-button:focus {
   outline: 1px solid var(--truClrPplBs);
}

.accordion-panel .card.active .btn.acc-button {
   border-left: .6rem solid var(--truClrPplBs);
}

.accordion-panel .card.active .btn.acc-button:focus {
   outline: 1px solid var(--truPurple800) !important;
}

.accordion-panel .card .btn.acc-button .acc-heading {
   display: block;
   text-align: left;
   padding: .625rem 1.25rem;
   border-radius: 0;
   font-size: var(--truTxtSize6);
   color: var(--truClrPplBs);
   transition: all .5s ease-in-out;
}

.accordion-panel .card .btn.acc-button:hover .acc-heading ,
.accordion-panel .card .btn.acc-button:focus .acc-heading  {
   font-weight:  var(--truFontWtRg);
   /* transform: translateX(1.875rem) scale(1.1); */
   transform: translateX(.5rem);
}

.accordion-panel .card.active .btn.acc-button .acc-heading  {
   font-weight:  var(--truFontWtBd);
    /* transform: translateX(1.875rem) scale(1.1); */
    transform: translateX(.5rem);
}

.accordion-panel .card-body {
   animation: fade-in .5s ease-in-out forwards;
}

.accordion-panel .active .card-body {
   opacity: 0;
   padding: 0 1.25rem 0;
}

.accordion-panel .card-body p {
   font-size: var(--truTxtSizeBdy);
   color: var( --truClrNtrlBlk50);
   padding: 0 1.5rem;
   margin-bottom: 1.25rem;
}

.accordion-panel .card-body p a.btn {
   margin-top: 1.5rem;
}

.accordion-panel .card-body .arrow-link {
   color: var(--truClrPplBs);
}

.accordion-panel .card-body .arrow-link svg path {
   stroke: var(--truClrPplBs);
}

.accordion-panel .tile {
   display: none;
   justify-content: center;
   align-items: center;
   animation: fade-out .5s ease-in-out .5s forwards;
}

.accordion-panel .tile.show {
   display: flex;
   visibility: hidden;
   animation: fade-in .5s ease-in-out forwards;
}

.accordion-panel .tile img {
   width: auto;
   height: auto;
   max-width:80%;
}

@keyframes fade-in {
   0% {
      visibility: hidden;
      opacity: 0;
   }
   35% {
      visibility: visible;
      opacity: 0;
   }
   100% {
      opacity: 1;
      visibility: visible;
   }
}

@keyframes fade-out {
   0% {
      opacity: 1;
      visibility: visible;
   }
   75% {
      opacity: 1;
      visibility: visible;
   }
   100% {
      opacity: 0;
      visibility: hidden;
   }
}

@media (max-width: 1024px) {
   .accordion-panel .tile img {
      max-width:90%;
      margin-bottom: 2rem;
   }
}

@media (max-width: 768px) {
   .accordion-panel .tile img {
      max-width:100%;
      margin-bottom: 2rem;
   }
}
/* Except the carousel slides, cards content section is aligned to the top of the page. This update is as a part of defect DE47219*/
.truist-card.truist-card-container {
    display: inline-block;
    position: relative;
}

.truist-card .carousel-caption.genCarousel-contentSec {
    color: #2e1a47;
    text-align: left;
    height: auto;
    transform: translateY(-88%);
    top: 50%;
    right: 0;
    bottom: initial;
    left: 0;
    padding: 20px;
    transform: none;
    right: 0;
    margin: auto 20px;
    height: fit-content;
    position: static;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
p#cards-filters__results,span#cards-filter-label-0,span#cards-filter-label-1{
    color: #2E1A47;
} 
@media screen and (min-width: 360px) and (max-width: 896px) and (orientation: portrait) {
    .truist-card .carousel-caption.genCarousel-contentSec {
        position: relative;
    }
}

@media screen and (min-width: 360px) and (max-width: 896px) and (orientation: landscape) {
    .truist-card .carousel-caption.genCarousel-contentSec {
        position: relative;
    }
}
/* hiding quiz to be triggered */
.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none.onupquiz {
    display: none;
}

#money-mindset-quiz #results {
    position: relative;
}

.quiz-class-unique1 {
    border-radius: 20px;
    max-width: 1600px;
    margin: auto;
    padding: 0 1.5rem;
    border-radius: 20px;
}

.quiz-container {
    background: none;
    background-image: none !important;
}

.question-text {
    font-family: 'TruistTrio', 'Truist Trio', 'Arial', 'sans-serif';
    color: #2E1A47;
}

.quiz-heading {
    font-family: 'TruistTrio', 'Truist Trio', 'Arial', 'sans-serif';
    color: #2E1A47;
}

.questionSec {
    padding: 100px 137px 0 137px;
}

.optionLabel {
    color: #2E1A47;
}

.quizOption input[type="radio"]:checked {
    background-color: #2E1A47;
    padding: 7px;
}

.quizOption input[type="radio"] {
    border: 2px solid #2E1A47;
    background-color: #f7f7f7;
}

.quiz_btn.continue,
.quiz_btn.getResults {
    background-color: #2E1A47;
    border: 2px solid #2E1A47;
    color: #fff;
    float: right;
}

.quiz_btn.continue:hover,
.quiz_btn.continue:focus,
.quiz_btn.getResults:hover,
.quiz_btn.getResults:focus {
    color: #2E1A47;
    background-color: #fff;
    border: solid 2px #2E1A47;
}

.quiz_btn.disabled,
.quiz_btn:disabled {
    cursor: not-allowed;
    background-color: transparent !important;
    color: #2E1A47 !important;
    border: solid 2px #2E1A47 !important;
    box-shadow: none !important;
}

.quiz_btn[disabled]:hover,
.quiz_btn.disabled:hover {
    cursor: not-allowed;
    background-color: transparent !important;
    color: #2E1A47;
    border: solid 2px #2E1A47 !important;
    box-shadow: none !important;
}

.quiz_btn.goBack {
    color: #2E1A47;
    background-color: transparent;
    border: solid 2px #2E1A47;
    float: left;
}

.quiz_btn.goBack:hover,
.quiz_btn.goBack:focus {
    background-color: #ffffff;
    border: 2px solid #2E1A47;
    color: #2E1A47;
}

progress.progressBar,
progress[role][aria-valuenow] {
    border: none;
    height: 2px;
    width: 635px;
    margin: 0 auto;
    background-color: #2E1A47;
    vertical-align: top;
}

.quiz-persona-response {
    margin: 0 0 15px;
    color: #2E1A47;
}

.result-container .container {
    padding-right: 0;
    padding-left: 0;
}

.quiz-finConf-response>p {
    color: var(--truNeutral500);
    margin: 0 0 10px 0;
}

.resultSec-container {
    color: var(--truNeutral500);
}

.movement-quiz-result-dcm {
    margin-top: 30px;
}

.quizAgain_btn,
.startQuiz {
    height: 60px;
    width: 188px;
    background: #2E1A47;
    border: 2px solid #2E1A47;
    border-radius: 5px;
    font-size: 2rem;
    font-weight: normal;
    color: #ffffff;
}

.quizAgain_btn:hover,
.quizAgain_btn:focus,
.quiz_btn.startQuiz:hover,
.quiz_btn.startQuiz:focus {
    background: #fff;
    border: 2px solid #2E1A47;
    color: #2E1A47;
    outline: none;
}

.paginationTxt {
    color: #2E1A47;
}

.paginationTxtMobile {
    /* display: none; */
    /* background-color: #2E1A47; */
    color: #2E1A47;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

progress.progressBar,
progress[role][aria-valuenow] {
    border: none;
    height: 1px;
    width: 635px;
    margin: 0 auto;
    background-color: #2E1A47;
    vertical-align: top;
}

progress::-moz-progress-bar {
    display: block;
    float: left;
    height: 3px;
    border-radius: 2px;
    margin: -2px -10px 0 0;
    background: #2E1A47;
}

progress::-webkit-progress-value {
    display: block;
    float: left;
    height: 3px;
    border-radius: 2px;
    margin: -2px -10px 0 0;
    background: #2E1A47;
}

progress::-webkit-progress-bar {
    height: 1px;
    width: 635px;
    padding-top: 1px;
    margin: 0 auto;
    background-color: #2E1A47;
}

.progressBar::-ms-fill {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    display: flex;
    float: left;
    height: 3px !important;
    border-radius: 2px;
    margin: -2px -10px 0 0;
    background: #2E1A47;
}

@media (max-width: 767px) {

    #money-mindset-quiz .questionSec,
    #money-mindset-quiz .onupQuiz-intro,
    #money-mindset-quiz .resultSec-container {
        padding: 50px 10px;
    }

    #money-mindset-quiz .controlsSec {
        padding: 0;
        margin: 50px 10px;
    }

    #money-mindset-quiz .qst-progress-sec {
        width: 82%;
    }

    #money-mindset-quiz .answers {
        padding: 0 10px;
    }
}

@media (min-width: 414px) and (max-width: 896px) and (orientation: landscape) {
    #money-mindset-quiz #results {
        position: relative;
        display: contents;
    }

    #money-mindset-quiz .questionSec {
        padding: 80px 60px 0 60px;
    }

    #money-mindset-quiz .controlsSec {
        padding: 0;
        margin: 25px 35px 50px;
    }
}

.btn--icon {
    background:url('../../../content/dam/global-images/info-med.svg') no-repeat center bottom;
    border: none;
    width: auto;
    height:24px;
    cursor: pointer;
}

.tooltip { 
    pointer-events: none;
}

.tooltip-inner {
    max-width: 267px;
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    background-color: #2E1A47;
    border-radius: 5px;
    text-align: left;
    font-size: 1.6rem;
    max-height: 105px;
    margin-left:-10px;
}

.tooltip-inner span {
    margin-bottom:0.3rem;
}

.tooltip-inner span:first-of-type {
    font-weight: bold;
    display: block;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #2E1A47;
    padding-top:20px;
}

.tooltip,
.tooltip .arrow {
    padding-top:10px;
}

@media (max-width: 767px) {
    .tooltip-inner p {
        font-size: 1.4rem;
    }
}

.txt-lsc-relative {
    position: relative;
}

.text-lsc-loader.loading-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSize6);
    font-weight: var(--truFontWtRg);
    color: var(--truClrGryMd);
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--truNeutral0) !important;
 }
 .text-lsc-loader.loading-animation .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 1px;
  margin-left:5px;
  position: relative;
  top:-5px;
  background: var(--truNeutral0);
 }
 
 .text-lsc-loader.loading-animation .loading {
  padding-left: 10px;
 }
 
 .text-lsc-loader.loading-animation .dot:nth-child(1) {
  animation: jumpingAnimationLsc 1s 0.75s ease-in infinite;
 }
 .text-lsc-loader.loading-animation .dot:nth-child(2) {
  animation: jumpingAnimationLsc 1s 0.5s ease-in infinite;
 }
 .text-lsc-loader.loading-animation .dot:nth-child(3) {
  animation: jumpingAnimationLsc 1s 0.25s ease-in infinite;
 }
 
 @keyframes jumpingAnimationLsc {
  0% {
    transform: translate3d(0, 0,0);
  }
  50% {
    transform: translate3d(0, 10px,0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
 }
 
 .text-lsc-loader.loading-animation.result-animation .dot {
    background: var(--truNeutral500);
 }
 
 .text-lsc-loader.loading-animation.hide {
    display: none;
 }
.cd-products-comparison-table {
   margin: 60px auto 0 auto;
   width: 100%;
   max-width: 1365px;
   font-family: inherit;
   font-size: inherit;
   color: #ffffff;
}

.cd-products-comparison-table .small {
   font-size: 55%;
}

.cd-products-comparison-table sup a {
   color: #ffffff;
}

.cd-products-comparison-table .cd-features-list .fee-ways-list strong {
   display: block;
   margin-top: 15px;
}

.table-footer {
   padding: 30px;
}

.cd-products-comparison-table {
   margin-bottom: 6em;
}

.cd-products-comparison-table::after {
   display: none;
   content: 'mobile';
}

.cd-products-comparison-table header {
   background: #2e1a47;
   border-radius: 20px 20px 0 0;
   padding: 40px 0px 0px 40px;
}

.cd-products-comparison-table header::after {
   clear: both;
   content: "";
   display: table;
}

.cd-products-comparison-table svg {
   display: none;
}

.cd-products-comparison-table h3 {
   color: #ffffff;
   float: left;
   font-size: clamp(3.6rem, 2.7859rem - -1.6961vw, 4.8rem);
   font-weight: 300;
}

.cd-products-comparison-table h2 {
   color: #ffffff;
   float: left;
   font-size: clamp(3.6rem, 2.7859rem - -1.6961vw, 4.8rem);
   font-weight: 300;
}

.cd-products-table {
   background: #2e1a47;
   position: relative;
   border-radius: 0 0 20px 20px;
}

.cd-products-table ul {
   margin: 0;
   padding: 0;
}

.cd-products-table ul:not(.best-if-list) {
   list-style: none;
}

.cd-products-table .features {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 120px;
   border-bottom-width: 0px;
   background-color: #483460;
}

.cd-products-wrapper {
   overflow-x: auto;
   overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
}

.cd-products-table .cd-products-wrapper::-webkit-scrollbar {
   width: 7px;
   height: 7px;
}

.cd-products-table .cd-products-wrapper::-webkit-scrollbar-track {
   border-top: 3px solid #2e1a47;
   border-right: 3px solid #2e1a47;
   border-bottom: 3px solid #2e1a47;
   margin-top: 230px;
   margin-left: 175px;
   background-color: #b0e0e2;
}

.cd-products-table .cd-products-wrapper::-webkit-scrollbar-thumb {
   border: 2px solid #2e1a47;
   border-radius: 2px;
   background-color: #ffffff;
}

.cd-products-table .cd-products-wrapper::-webkit-scrollbar-corner {
   display: none;
}

.cd-products-columns::after {
   clear: both;
   content: "";
   display: table;
}

.cd-products-columns .product {
   display: list-item;
   position: relative;
   float: left;
   width: 150px;
   transition: opacity .3s, visibility .3s, transform .3s;
}

.filtering .cd-products-columns .product:not(.selected) {
   opacity: 0;
   visibility: hidden;
   transform: scale(0);
}

.no-product-transition .cd-products-columns .product.selected {
   transition: opacity .3s, visibility .3s;
}

.filtered .cd-products-columns .product:not(.selected) {
   position: absolute;
}

.cd-features-list {
   margin: 0;
   padding: 0;
}

.cd-features-list li:not(.fee-ways-list li, .best-if-list li),
.features > div:not(:first-child) {
   font-weight: 600;
   padding: 30px 0px 30px 40px;
   border-style: solid;
   border-color: #b0e0e2;
   border-width: 0;
   border-top-width: 1px;
   font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
   line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
}

.bg-tru-ppl:not(.truist-gridContainer) .cd-features-list li:not(.fee-ways-list li,.best-if-list li), .features>div:not(:first-child) {
   padding: 30px 0 30px 40px;
}

.cd-features-list div.deposit-guide {
   font-weight: 600;
   border-style: solid;
   border-color: #b0e0e2;
   border-top-width: 1px;
   font-size: clamp(1.25rem, 1.1529rem - -0.3934vw, 1.625rem);
   line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
}

.product .cd-features-list .deposit {
   display: flex;
   flex-direction: column;
   text-align: left;
   font-size: clamp(2.4rem, 2.1286rem - -0.5654vw, 2.8rem);
   list-style-type: none;
}

.cd-products-comparison-table .deposit .small:not(:last-child) {
   margin-bottom: 15px;
}

.product::marker {
   content: '';
   display: none;
}

.product .cd-features-list li ul li {
   padding-right: 0px;
   padding-left: 0px;
   line-height: 1.5em;
}

.cd-features-list .rate {
   padding: 21px 0;
}

.features > div,
.cd-products-table .features .top-info {
   font-weight: 600;
   font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
   line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
   padding: 30px 10px;
   text-align: left;
}

.features > div,
.cd-products-table .features .top-info h3 {
   font-weight: 600;
   font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
   line-height: clamp(1.875rem, 1.7131rem - -0.6557vw, 2.5rem);
   padding: 30px 10px;
   text-align: left;
}

.features .fees,
.features .suggestions {
   align-items: flex-start;
}

.fee-ways-list li,
.best-if-list li {
   text-align: left;
}

.cd-features-list .fee-ways-list li {
   margin: 0 0 1.5rem 0;
   font-weight: 400;
}

.cd-features-list .fee-ways-list .amount {
   font-size: clamp(2.4rem, 2.1286rem - -0.5654vw, 2.8rem);
   font-weight: 600;
}

.if-you-list li::after {
   content: "or";
   display: block;
   margin: 1rem 0 0 0;
}

.cd-products-table .top-info {
   position: relative;
   height: 169px;
   width: 260px;
   transition: height .3s;
   cursor: default;
   background: #2e1a47;
   z-index: 1;
}

.cd-products-table .top-info::after {
   content: '';
   position: absolute;
   left: 0;
   top: 100%;
   height: 4px;
   width: 100%;
   background-color: transparent;
   opacity: 0;
}

.cd-products-table .top-info h4 {
   font-weight: 600;
   font-size: clamp(1.8rem, 1.5286rem - -0.5654vw, 2.2rem);
   line-height: clamp(1.5rem, 1.3057rem - -0.7869vw, 2.25rem);
   color: #b0e0e2;
}

.cd-products-table .top-info h4 {
   transition: transform .3s;
}

.cd-products-table .features .top-info {
   width: 120px;
   cursor: auto;
   background: #483460;
}

.cd-products-table.top-fixed .features .top-info,
.cd-products-table.top-fixed .cd-products-columns .top-info {
   height: 199px;
   position: fixed;
   top: 0;
}

.st0,
.st1,
.st2 {
   fill: none;
   stroke: #b0e0e2;
   stroke-width: 2px;
   transition: stroke 0.3s ease-in-out;
}


.cd-products-table.top-fixed .top-info h4 {
   transform: translateX(-13px) scale(.88);
   min-height: 60px;
   text-align: left;
   z-index: 2;
}

.cd-products-table .chart-open-btn {
   display: block;
   padding: .75rem;
   border: 1px solid #ffffff;
   border-radius: 4px;
   margin-bottom: 20px;
   font-weight: 600;
   font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
   color: #ffffff;
   text-decoration: none;
   width: 100%;
   text-align: center;
   transition: all 0.3s ease-in-out;
}

.cd-products-table .chart-open-btn:hover,
.cd-products-table .chart-open-btn:focus {
   background: #ffffff;
   color: #7c6992;
}

a.desc-btn {
   display: inline-block;
   color: #ffffff;
   font-size: clamp(1.6rem, 1.4643rem - -0.2827vw, 1.8rem);
   text-decoration: underline;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
}

a.desc-btn:hover,
a.desc-btn:focus {
   color: #ffffff;
   text-decoration: none;
}

.terms {
   color: #ffffff;
   font-weight: 600;
   transition: all 0.3s ease-in-out;
}

.terms:hover {
   text-decoration: none;
}

.cd-products-table .best-if-list {
   padding-left: 20px;
   list-style-type: disc;
   font-weight: 400;
}

.cd-products-table .best-if-list li:not(:first-child) {
   padding-top: 10px;
}

.cd-products-table .best-if-list li:last-child {
   padding: 10px 0;
}

@media only screen and (min-width:1025px) {
   .cd-products-table::after {
      content: '';
      width: calc((100vw - 1365px)/2);
      width: 260px;

      display: block;
      background: #ffffff;
      position: absolute;
      z-index: 5;
      top: -133px;
      left: 1365px;
   }
}

@media only screen and (min-width:768px) {
   .cd-products-table .cd-products-wrapper::-webkit-scrollbar-track {
      margin-left: 300px;
   }

   .cd-products-comparison-table {
      margin-bottom: 8em;
   }

   .cd-products-comparison-table::after {
      content: 'desktop';
   }

   .cd-products-table .features {
      width: 300px;
   }

   .cd-products-columns {
      width: calc(260px * 4);
      margin-left: 300px;
   }

   .cd-products-table .features .top-info {
      width: 300px;
   }

   .cd-products-columns .product {
      width: 260px;
   }

   .cd-features-list .rate {
      padding: 24px 0;
   }

   .features > div,
   .cd-products-table .features .top-info {
      padding: 25px 10px 25px 40px;
   }

   .cd-products-table .top-info {
      height: 230px;
      width: 260px;
   }

   .cd-products-table .product .top-info {
      padding: 25px 0px 25px 40px;
   }

   .cd-products-table .top-info h4 {
      position: relative;
      z-index: 2;
      min-height: 85px;
      margin: 0;
      white-space: normal;
   }

   .cd-products-table .product:nth-child(4) .top-info h4 {
      padding-top: 0px;
   }

   .cd-products-table .chart-open-btn {
      width: 100%;
      max-width: 65%;
   }

   .cd-products-table.top-fixed .cd-products-columns > div,
   .cd-products-table.top-fixed .features {
      padding-top: 160px;
   }

   .no-cssgradients .cd-products-table.top-fixed .top-info
      {
      border-bottom: 4px solid #ffffff;
   }

   .cd-products-table.top-fixed .top-info::after
      {
      opacity: 1;
   }
}

@media (min-width:768px) and (max-width: 1024px) {
   .cd-products-table .features {
      width: 200px;
   }

   .cd-products-table .features .top-info {
      width: 200px;
   }

   .cd-products-columns {
      margin-left: 200px;
   }

   .cd-products-comparison-table header {
      padding: 30px 20px 30px 20px;
   }

   .features > div,
   .cd-products-table .features .top-info {
      padding: 19px 0px 19px 20px;
   }

   .cd-features-list li:not(.fee-ways-list li, .best-if-list li),
   .features > div:not(:first-child) {
      font-weight: 600;
      padding: 30px 0px 30px 20px;
   }
}

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

   .cd-products-comparison-table header,
   .cd-products-table {
      border-radius: 0px;
   }

   .cd-products-comparison-table header {
      padding: 30px 0px 0px 10px;
   }

   .cd-products-columns {
      width: calc(216px * 4);
      margin-left: 120px;
   }

   .features > div,
   .cd-products-table .features .top-info {
      padding: 19px 10px;
   }

   .cd-products-table.top-fixed .features .top-info,
   .cd-products-table.top-fixed .cd-products-columns .top-info {
      height: 179px;
   }

   .product .top-info svg {
      display: none;
   }

   .cd-products-table .top-info h4 {
      margin-bottom: 20px;
      min-height: 20px;
   }

   .cd-products-table.top-fixed .top-info h4 {
      /* .cd-products-table.top-scrolling .top-info h4 */
      transform: translateY(0px) translateX(-15px) scale(.85);
   }

   /* .cd-products-table ul:not(.best-if-list) {
    list-style: none;
    margin-top: 228px;
    padding-top: 20px !important;
  } */

   /* .cd-products-table.top-scrolling .top-info .chart-open-btn, */
   .cd-products-table.top-fixed .top-info .chart-open-btn,
   /* .cd-products-table.top-scrolling .top-info .desc-btn, */
   .cd-products-table.top-fixed .top-info .desc-btn {
      transform: translateY(-20px) translateY(-3px);
   }

   .cd-products-table .features {
      width: 175px;
   }

   .cd-products-table .features .top-info {
      width: 175px;
   }

   .cd-products-columns {
      margin-left: 175px;
   }

   .features div:not(.top-info) {
      padding: 30px 10px !important;
   }

   .cd-products-columns .product,
   .cd-products-columns .product .top-info {
      width: 216px;
   }

   .product .cd-features-list li,
   .cd-products-columns .product .top-info {
      padding: 20px 25px 20px 25px !important;
   }

   /* .cd-products-table.top-fixed .product .cd-features-list li ul.fee-ways-list li,
  .cd-products-table.top-scrolling .product .cd-features-list li ul.fee-ways-list li,
  .cd-products-table.top-fixed .cd-products-columns .product .top-info,
  .cd-products-table.top-scrolling .cd-products-columns .product .top-info {
    padding: 0px 25px 20px 25px !important;
  } */
   .product .cd-features-list li ul li {
      padding: 20px 0 0 0 !important;
   }
}

@keyframes cd-bounce {
   0% {
      transform: scale(1)
   }

   60% {
      transform: scale(1.6)
   }

   100% {
      transform: scale(1.5)
   }
}

/*Component CSS*/
.tru-banner-alert {
   display: flex !important;
   border: none;
   border-radius: 0;
   padding: 20px 10px;
   padding-right: 1.25rem;
}
.tru-banner-alert .card {
   width: 100%;
   max-width: 1365px;
   border: 0;
   padding-right: 75px;
   padding-left: 20px;
   transition: max-height 0.15s ease-out;
}

.tru-banner-alert .carat {
   float: right;
   transition: all .3s ease-in-out;
   transform: rotate(180deg);
   margin: 5px 20px;
}

.tru-banner-alert .carat-down{
   transform: rotate(360deg);
}

.tru-banner-alert .card .close {
   position: relative;
   width: auto;
   max-width: fit-content;
   font-size: 1.6rem;
   text-shadow: none;
   margin: 20px 0 10px;
   padding: 0;
   text-decoration: underline;
   opacity: 1;
   transition: all .3s ease-in-out;
}

.tru-banner-alert .card .close:hover,
.tru-banner-alert .card .close:focus {
   color: #ffffff;
   text-decoration: none;
   text-shadow: none;
   opacity: 1;
}

.tru-banner-alert .card-header,
.tru-banner-alert .card-body {
   border-radius: 0;
   border: 0;
}

.alert-card-content.collapse.show {
   transition: all .3s ease-in-out;
}

.tru-banner-alert .card-body p{
   margin: 20px 0 10px;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: normal;
}

.tru-banner-alert .card-header {
   padding-right: 0;
   padding-left: 0;
}

.tru-banner-alert .card-header .btn {
   padding: 0;
   width: auto;
   font-size: 1.8rem;
   text-align: left;
   font-weight: 700;
   line-height: normal;
   margin-bottom: 0;
   transition: all .3s ease-in-out;
}

.tru-banner-alert .card-body a:link,
.tru-banner-alert .card-body a:visited {
   color: #ffffff;
   text-decoration: underline;
   transition: all .3s ease-in-out;
}

.tru-banner-alert.alert-error,
.tru-banner-alert.alert-error .card,
.tru-banner-alert.alert-error .card-header,
.tru-banner-alert.alert-error .card-header .btn {
   background-color: #D61D00;
   color: #ffffff;
}

.tru-banner-alert.alert-alert,
.tru-banner-alert.alert-alert .card,
.tru-banner-alert.alert-alert .card-header,
.tru-banner-alert.alert-alert .card-header .btn {
   background-color: #A86019;
   color: #ffffff;
}

.tru-banner-alert.alert-success,
.tru-banner-alert.alert-success .card,
.tru-banner-alert.alert-success .card-header,
.tru-banner-alert.alert-success .card-header .btn {
   background-color: #207B7E;
   color: #ffffff;
}

.tru-banner-alert.alert-general,
.tru-banner-alert.alert-general .card,
.tru-banner-alert.alert-general .card-header,
.tru-banner-alert.alert-general .card-header .btn,
.tru-banner-alert.alert-general .global-cta-link a,
.tru-banner-alert.alert-general .global-cta-link a .global-cta-external-link {
   background-color: #483460;
   color: #ffffff;
}

.tru-banner-alert.alert-general .cta__color--white a:link .global-cta-external-link,
.tru-banner-alert.alert-general .cta__color--white a:visited .global-cta-external-link,
.tru-banner-alert.alert-general .cta__color--white a:hover .global-cta-external-link,
.tru-banner-alert.alert-general .cta__color--white a:active .global-cta-external-link,
.tru-banner-alert.alert-general .cta__color--white a:focus .global-cta-external-link {
   background-image: url(../../../content/dam/truist-bank/us/en/icons/code/icon-external-link-white.png);
}


.tru-banner-alert.alert-general .global-cta-link a:link,
.tru-banner-alert.alert-general .global-cta-link a:visited{
   text-decoration: underline;
}

.tru-banner-alert .card-body a:hover,
.tru-banner-alert .card-body a:active,
.tru-banner-alert .card-body a:focus,
.tru-banner-alert.alert-general .global-cta-link a:hover,
.tru-banner-alert.alert-general .global-cta-link a:active,
.tru-banner-alert.alert-general .global-cta-link a:focus,
.tru-banner-alert .card-body .global-cta-btn a:link,
.tru-banner-alert .card-body .global-cta-btn a:visited,
.tru-banner-alert .card-body .global-cta-btn a:hover,
.tru-banner-alert .card-body .global-cta-btn a:active,
.tru-banner-alert .card-body .global-cta-btn a:focus {
   text-decoration: none;
}

.tru-banner-alert.alert-emergency,
.tru-banner-alert.alert-emergency .card,
.tru-banner-alert.alert-emergency .card-header{
   background-color: #B0E0E2;
}

.tru-banner-alert.alert-emergency,
.tru-banner-alert.alert-emergency .card,
.tru-banner-alert.alert-emergency .card-header,
.tru-banner-alert.alert-emergency .card-header .btn,
.tru-banner-alert.alert-emergency .card-body a,
.tru-banner-alert.alert-emergency .card-body a:hover,
.tru-banner-alert.alert-emergency .card-body a:focus,
.tru-banner-alert.alert-emergency .card .close:hover,
.tru-banner-alert.alert-emergency .card .close:focus {
   color: #2e1a47;
}

.tru-banner-alert.alert-emergency .card-body .global-cta-btn a:hover,
.tru-banner-alert.alert-emergency .card-body .global-cta-btn a:focus {
   color: #ffffff;
   border: 2px solid #2e1a47;
}

.tru-banner-alert.alert-emergency svg path{
   stroke: #2e1a47;
}

@media (max-width: 768px) {
   .tru-banner-alert .card {
      padding-right: 1rem;
      padding-left: 1rem;
   }

   .tru-banner-alert .card .card-body {
      padding: 0rem;
   }
}
.hero-login-template {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
}

.hero-login-template.fixedWidth-roundedCorner {
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.hero-login-template.fixedWidth-roundedCorner .hero-login-bg-image,
.hero-login-template.fixedWidth-roundedCorner .hero-login-left-container {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.hero-login-template.fixedWidth-roundedCorner .hero--login-menu--row {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.hero-login-template .jumbotron {
    padding: 4rem 3rem;
    position: relative;
}

.hero-login-template .jumbotron > .container {
    position: relative;
    z-index: 2;
}


.hero-login-template .hero-login-left-container {
    flex: 0 0 70%;
    align-self: flex-start;
    padding: 0;
    margin: 0;
    min-height: 450px;
    max-width: 1360px;
    height: 100%;
}

.hero-login-template .hero-login-bg-image {
    position: absolute;
    width: 100%;
    min-width: 100%;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.hero-login-template .hero-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
}

.hero-login-template .hero-subtitle {
    font-size: 3.2rem;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 1.2;
}

.hero-login-template .hero-description {
    font-size: 1.6rem;
    font-weight: normal;
    margin-bottom: 20px;
}

.hero-login-template .hero-content {
    position: relative;

}

.hero-login-template .hero-content .hero-rte-text {
    display: flex;
    font-weight: 400;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 4rem 3rem 0 3rem;
    padding-right: 15px;
}

.hero-login--image .hero-content .hero-rte-text {
    max-width: 480px;
}

.hero-login-template .hero-content .hero-rte-text p,
.hero-login--image .hero-content .hero-rte-text p {
    margin-bottom: 0;
    line-height: 1.4;
}

.hero-login--image .hero-content .rte-disclaimer-content {
    font-size: 1rem;
    margin-top: 1rem;
}

.hero-content .rte-disclaimer-content {
    font-size: 1rem;
    margin-top: 1rem;
    max-width: 100%;
}

.hero-login--image .dark-font .hero-title,
.hero-login--image .dark-font .hero-subtitle,
.hero-login--image .dark-font .hero-description,
.hero-login--image .dark-font .hero-content .hero-rte-text p,
.hero-login--image .dark-font .hero-content .hero-rte-text span,
.hero-login--image .dark-font .hero-description a,
.hero-login--image .dark-font .rte-disclaimer-content a {
    color: var(--truClrNtrlWht);
}

.hero-login--image .light-font .hero-title,
.hero-login--image .light-font .hero-subtitle,
.hero-login--image .light-font .hero-description,
.hero-login--image .light-font .hero-content .hero-rte-text p,
.hero-login--image .light-font .hero-content .hero-rte-text span,
.hero-login--image .light-font .hero-description a,
.hero-login--image .light-font .rte-disclaimer-content a {
    color: var(--truClrPplBs);

}


.hero-login--image .dark-font .hero-btn-container a {
    color: var(--truClrDuskBs);
    background: var(--truClrNtrlWht);
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 2rem;
    font-weight: 600;
}

.hero-login--image .dark-font .hero-btn-container a:hover {
    color: var(--truClrDuskDk);
    background: var(--truClrMistBs);
    box-shadow: none;
}

.hero-login--image .dark-font .hero-btn-container a:focus,
.hero-login--image .dark-font .hero-btn-container a.btn.btn-primary:not(disabled):not(.disabled):focus {
    color: var(--truClrDuskDk);
    background: var(--truClrMistBs);
    outline: 2px solid var(--truClrMistBs);
    border-spacing: 1px;
    box-shadow: none;
}

.hero-login--image .dark-font .hero-btn-container a:active,
.hero-login--image .dark-font .hero-btn-container a.btn.btn-primary:not(disabled):not(.disabled):active {
    color: var(--truClrDuskDkr);
    background: var(--truClrMistDk);
    box-shadow: none;
}

.hero-login--image .light-font .hero-btn-container a {
    color: var(--truClrNtrlWht);
    background: var(--truClrDuskBs);
    display: inline-block;
    font-weight: 600;
}

.hero-login--image .light-font .hero-btn-container a:hover {
    color: var(--truClrNtrlWht);
    background: var(--truClrDuskDk);
}

.hero-login--image .light-font .hero-btn-container a:focus,
.hero-login--image .light-font .hero-btn-container a.btn.btn-primary:not(disabled):not(.disabled):focus {
    color: var(--truClrNtrlWht);
    background: var(--truClrDuskBs);
    outline: 2px solid var(--truClrDuskBs);
    border-spacing: 1px;
}

.hero-login--image .light-font .hero-btn-container a:active,
.hero-login--image .light-font .hero-btn-container a.btn.btn-primary:not(disabled):not(.disabled):active {
    color: var(--truClrNtrlWht);
    background: var(--truClrDuskDkr);
    box-shadow: none;
}

.hero-login-template .hero-content span,
.hero-login-template .hero-content div:not(.hero-btn-container) {
    display: block;
    width: 100%;
    white-space: normal;
}

.hero-login-template .hero-btn-container {
    display: flex;
    flex-wrap: wrap;
}

.hero-login-template .hero-login-left-container .hero-btn-container a {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 2rem;
}

.hero-login--image .hero-btn-container a {
    margin-right: 30px;
    border-radius: 10px;
}

.hero-login--image .hero-btn-container a:hover,
.hero-login--image .hero-btn-container a:focus {
    color: var(--truClrDuskBs);
    background: none;
    box-shadow: none;
}


.hero-login-template .hero--login-menu--row {
    width: 30%;
    background: var(--truClrPplBs);
    color: #fff;
    max-width: 383px;
}


.hero-login-template .hero--login-menu--row .login-component {
    height: 100%;
    justify-content: center;
}


.hero--login-menu--row .login-component .sign-in-form,
.hero-login-template .hero--login-menu--row .maintenancemodeendpointurl {
    background: none;
}


@media (min-width: 1024px) and (max-width: 1372.98px) {

    .hero-login-template .hero-login-left-container {
        flex: 1 0 65%;
    }

    .hero-login-template .hero--login-menu--row {
        width: 35%;
    }

    .hero-login-template .hero-content div.hero-description,
    .hero-login--image .hero-content .rte-disclaimer-content {
        width: 70%;
    }


}


@media (min-width: 1621px) {
    .hero-login-template .hero-login-left-container {
        max-width: 1230px;
    }
}



@media (min-width: 0px) and (max-width: 768px) {

    .hero-login-template {
        padding: 0;
    }

    .hero-login-template .hero-title {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .hero-login-template .hero-subtitle {
        font-size: 2.4rem;
        margin-bottom: 1.5rem;
    }

    .hero-login-template .hero-description {
        margin-bottom: 1.5rem;
    }


    .hero-login-template.fixedWidth-roundedCorner .hero-login-bg-image {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }


    .hero-login-template.fixedWidth-roundedCorner .hero-login-left-container {
        border-radius: 15px;
    }

    .hero-login-template.fixedWidth-roundedCorner .hero-login-bg-image {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .hero-login-template.hero-login--image .hero-login-left-container {
        background: none;
    }

    .hero-login-template .hero-login-left-container {
        flex: 0 0 100%;
        height: auto;
        min-height: auto;
    }

    .hero-login-template .hero-content {
        padding: 0;
        width: 100%;
    }

    .hero-login-template .hero-content .hero-rte-text {
        padding: 3rem 1.5rem 3rem 1.5rem;
        max-width: 100%;
    }

    .hero-login-template .hero-login-bg-image {
        position: relative;
        height: 100%;
        min-height: auto;
    }

    .hero-login-template .hero-banner-left-container {
        flex: 100%;
        padding: 0;
    }

    .hero-login-template.hero-login--image .hero-title,
    .hero-login-template.hero-login--image .hero-subtitle,
    .hero-login-template.hero-login--image .hero-description,
    .hero-login-template.hero-login--image .hero-content .hero-rte-text p,
    .hero-login-template.hero-login--image .hero-content .hero-rte-text span,
    .hero-login-template.hero-login--image .hero-description a,
    .hero-login-template.hero-login--image .rte-disclaimer-content a {
        color: var(--truClrPplBs);
    }

    .hero-login--image .hero-btn-container a {
        margin-bottom: 1rem;
    }

    .hero-content .rte-disclaimer-content {
        max-width: 100%;
    }

    .hero-login-template .hero--login-menu--row {
        display: none;
    }

    .hero-login-template .hero-login-left-container .hero-btn-container a {
        margin-right: 20px;
        margin-bottom: 1.5rem;
    }

    .hero-login--image .dark-font .hero-btn-container a,
    .hero-login--image .light-font .hero-btn-container a {
        color: var(--truClrNtrlWht);
        background: var(--truClrDuskBs);
        border: 2px solid var(--truClrDuskBs);
    }

    .hero-login--image .dark-font .hero-btn-container a:hover,
    .hero-login--image .light-font .hero-btn-container a:hover {
        color: var(--truClrNtrlWht);
        background: var(--truClrDuskDk);
        border: 2px solid var(--truClrDuskDk);
    }

    .hero-login--image .dark-font .hero-btn-container a:active,
    .hero-login--image .light-font .hero-btn-container a:active {
        color: var(--truClrNtrlWht);
        background: var(--truClrDuskDkr);
        border: 2px solid var(--truClrDuskDkr);
        box-shadow: none;
    }


}

@media (min-width: 769px) and (max-width: 1023.98px) {

    .hero-login-template .hero-login-left-container {
        flex: 0 0 100%;
    }

    .hero-login-template .hero--login-menu--row {
        display: none;
    }
}




.hero-login-component .btn {
    font-size: var(--truTxtSizeBdy);
    line-height: 2.4rem;
    padding: 1rem 2.2rem;
    margin-bottom: 0;
    border-radius: 1rem;
}

/* *** Primary*** */
/* **Primary Light BG ** */
.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled) {
    background: var(--truClrDuskBs);
    color: var(--truClrNtrlWht);
    border-color: var(--truClrDuskBs);
}


.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:hover {
    background: var(--truClrDuskDk);
    color: var(--truClrNtrlWht);
    border-color: var(--truClrDuskDk);
}

.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled).active,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled).active,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active {
    background: var(--truClrDuskDkr);
    color: var(--truClrNtrlWht);
    border-color: var(--truClrDuskDkr);
}

.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus {
    background: var(--truClrDuskBs);
    color: var(--truClrNtrlWht);
    outline: 2px solid var(--truClrDuskBs);
    border-spacing: 1px;
    box-shadow: none;
}

/* ** Prmary Dark BG** */
.hero-login-component .bg-dusk-dkr .btn-primary:not(disabled):not(.disabled),
.hero-login-component .bg-tru-ppl .btn-primary:not(disabled):not(.disabled) {
    background: var(--truClrHazeBs);
    color: var(--truClrPplBs);
    border-color: var(--truClrHazeBs);
}

.hero-login-component .bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-tru-ppl .btn-primary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active:hover {
    background: var(--truClrHazeLt);
    color: var(--truClrPplBs);
    border-color: var(--truClrDawnLt);
}

.hero-login-component .bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-dusk-dkr .btn-primary:not(disabled):not(.disabled).active,
.hero-login-component .bg-tru-ppl .btn-primary:not(disabled):not(.disabled):active,
.hero-login-component .bg-tru-ppl .btn-primary:not(disabled):not(.disabled).active {
    background: var(--truClrDawnLtr);
    color: var(--truClrPplBs);
    border-color: var(--truClrDawnLtr);
}

.hero-login-component .bg-dusk-dkr .btn-primary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-tru-ppl .btn-primary:not(disabled):not(.disabled):focus {
    background: var(--truClrHazeBs);
    color: var(--truClrPplBs);
    outline: 2px solid var(--truClrNtrlWht);
    border-spacing: 1px;
    box-shadow: none;
}


/* ***Secondary*** */
/* **Secondary Light BG ** */
.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled) {
    background: var(--truClrClear);
    color: var(--truClrDuskBs);
    border-color: var(--truClrDuskBs);
}


.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:hover {
    color: var(--truClrDuskDk);
    background: var(--truClrMistBs);
    border-color: var(--truClrDuskDk);
}

.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus {
    color: var(--truClrDuskDkr);
    background: var(--truClrMistDk);
    border-color: var(--truClrMistDk);
}

/* **Secondary Dark BG ** */
.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled),
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled) {
    background: var(--truClrClear);
    color: var(--truClrNtrlWht);
    border-color: var(--truClrNtrlWht);
}

.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active:hover,
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):hover,
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active:hover {
    background: var(--truClrMistBs);
    color: var(--truClrDuskDk);
    border-color: var(--truClrDuskDk);
}

.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-dusk-dkr .btn-secondary:not(disabled):not(.disabled).active:focus,
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):active,
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled):focus,
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active,
.hero-login-component .bg-tru-ppl .btn-secondary:not(disabled):not(.disabled).active:focus {
    background: var(--truClrMistDk);
    color: var(--truClrDuskDkr);
    border-color: var(--truClrDuskDkr);
}


.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-clear .btn-primary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-ntrl-white .btn-primary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-off-white .btn-primary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-mist .btn-primary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-mist-dk .btn-primary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-sky-blue-lt .btn-primary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-sky-blue-ltr .btn-primary:not(disabled):not(.disabled).active:focus::after {
    border: 1px solid var(--truClrNtrlWht);
}

.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-clear .btn-secondary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-ntrl-white .btn-secondary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-off-white .btn-secondary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-mist .btn-secondary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-mist-dk .btn-secondary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-sky-blue-lt .btn-secondary:not(disabled):not(.disabled).active:focus::after,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled):focus::after,
.hero-login-component .bg-sky-blue-ltr .btn-secondary:not(disabled):not(.disabled).active:focus::after {
    border: 1px solid var(--truClrNtrlWht);
}
.container-fluid.truist-hero {
    padding:0;
}

.truist-hero .jumbotron {
    padding: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}


.truist-hero .container .eyebrow,
.truist-hero .text-container .eyebrow
 {
    font-size: var(--truTxtSize5);
    line-height: var(--truLnHght5);
    font-weight: var(--truFontWtRg);
    margin-bottom: var(--truSpaceSm);
}

.truist-hero .container .heading,
.truist-hero .text-container .heading
 {
    font-size: var(--truTxtSize1);
    line-height: var(--truLnHght1);
    font-weight: var(--truFontWtLt);
    margin-bottom: var(--truSpaceSm);
}

.truist-hero .container .subheading,
.truist-hero .text-container .subheading
 {
    font-size: var(--truTxtSize5);
    line-height: var(--truLnHght5);
    font-weight: var(--truFontWtBd);
    margin-bottom: var(--truSpaceLg);
}
.truist-hero .herov2-description {
    font-size: var(--truTxtSize6);
    margin-bottom: var(--truSpaceLg);
    font-weight: var(--truFontWtRg);
    width: 100%;
    margin-bottom: var(--truSpaceLg);
}

.truist-hero .jumbotron > .container {
    position: relative;
    z-index: 2;
    max-width: 1600px;
}

.truist-hero .jumbotron .truist-hero-image--container,
.truist-hero .jumbotron .truist-hero-color--container {
    padding: var(--truSpace3xlg) var(--truSpace4xlg);
}

.hero-text__scroll {
    max-height: 40rem;
    overflow-y: auto;
    margin-bottom: var(--truSpaceMd);
    margin-left:var(--truSpaceXs);
  }

.truist-hero--image .jumbotron,
.truist-hero--login-menu .jumbotron {
    background: url(../components/content/herov2/clientlibs/img/bg-image.jpg) center center repeat;
    background-size: 100%;
    display: flex;
    align-content: center;
    flex-wrap:wrap;
}

.truist-hero--image .truist-hero--image-overlay,
.truist-hero--login-menu .truist-hero--image-overlay {
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 100%;
}

.truist-hero--image-cc .jumbotron{
    padding:0;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.truist-hero--image-cc .row {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-left:0rem;
    margin-right:0;
}
.truist-hero--image-cc--row .text-column {
    padding: var(--truSpace3xlg) var(--truSpace4xlg);

}

.truist-hero--image-cc--row .text-column .text-container {
    width: 100%;
    max-width: 821px;
    padding: 0;
    float: right;
}

.truist-hero--image-cc.fixedWidth .row .text-column .text-container {
    position: relative;
}

.truist-hero--image-cc .row .image-column {
    object-fit: cover;
    overflow: hidden;
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0;
}

.truist-hero--image-cc--row .image-column {
    object-fit: cover;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 0;
}

.truist-hero--image-cc--row .image-column > img {
    object-fit: cover;
    height: 100%
}

.truist-hero--image-cc .truist-hero--image-credcard {
    z-index: 2;
    position: absolute;
    right: -9%;
    top: 34%;
    max-width: 100%;
    max-height: 100%;
}

.fixedWidth .truist-hero--image-cc .truist-hero--image-credcard {
    top: 34%;
}

.truist-hero-image--container h1,
.truist-hero-image--container h2,
.truist-hero-image--container h3,
.truist-hero-image--container h4,
.truist-hero-image--container h5,
.truist-hero-image--container h6 {
    color: var(--truNeutral0);
}

.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}

/* Fixed Width */
.hero-banner-bg-image{
    position:absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    height:100%;
    object-fit: cover;
}

.fixedWidth.truist-hero{
    max-width: 1600px;
}

.fixedWidth .jumbotron-fluid .text-column{
    display: flex;
    align-items: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: var(--truSpace3xlg) var(--truSpace4xlg);
}

.fixedWidth .jumbotron-fluid .image-column{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.truist-hero.fixedWidth .jumbotron{
    border-radius: 20px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 20px;
}

.fixedWidth.truist-hero--image{
    padding:0;
    width:98%;
    border-radius: 20px;
}

.fixedWidth .hero-banner-bg-image,
.fixedWidth.truist-hero--login-menu .truist-hero--image-overlay,
.fixedWidth.truist-hero--image .truist-hero--image-overlay{
    border-radius: 20px;
}

.fixedWidth.truist-hero--image-cc .row .text-column{
    padding-left: var(--truSpace4xlg);
}

.truist-hero--image-cc .row .text-column{
    padding: var(--truSpace3xlg) var(--truSpace4xlg);
}

.text-center .d-flex {
    justify-content: center;
}

.herov2 .btn-container {
    display: flex;
    gap: 1.6rem;
    padding-top: 24px;
    flex-wrap: wrap;
}

.herov2 .btn-container .btn {
    margin-bottom: 0;
}


.image-column.truist-hero--image-cc--image-column {
    /* object-fit: cover; */
    /* min-height: 450px; */
}

.truist-hero--image-cc--row  .text-column .text-container .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
    margin-bottom: 0;
}

.herov2-description .area,
.herov2-description .ir {
    font-weight: var(--truFontWtBd);
    font-size: var(--truTxtSize5);
}

.herov2 .loading-container {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    position: absolute;
    width: 100%;
    height:100%;
    min-height: var(--truSpaceMd);
    margin-left: calc(0px - var(--truSpaceLg));
 }

 .herov2 .loading-animation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSizeMicro);
    font-weight: 700;
    gap: 5px;
 }

 .herov2 .dot {
    width: 16px;
    height: 16px;
    border-radius: 1px;
    position: relative;
    top:-4px;
    background-color: var(--truNeutral0);
  }

  .herov2 .loading-animation .dot:nth-last-child(1) {
    animation: jumpingAnimation 1s 0.1s ease-in infinite;
  }
  .herov2 .loading-animation .dot:nth-last-child(2) {
    animation: jumpingAnimation 1s 0.2s ease-in infinite;
  }
  .herov2 .loading-animation .dot:nth-last-child(3) {
    animation: jumpingAnimation 1s 0.3s ease-in infinite;
  }

  @keyframes jumpingAnimation {
    0% {
      transform: translate3d(0, 0,0);
    }
    50% {
      transform: translate3d(0, 8px,0);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 1366px) {
    .truist-hero--image-cc--row .text-column {
        padding: var(--truSpace3xlg) var(--truSpace3xlg);
    }
}

@media (max-width: 1023.98px) {
    .truist-hero--login-menu .truist-hero--login-menu--row .col-lg-6.login-column{
        display: none;
    }
    .truist-hero--login-menu .truist-hero--login-menu--row .col-lg-6.text-column {
        max-width: 100%;
        flex: 0 0 100%;
    }
      .truist-hero--image-cc .truist-hero--image-credcard {
        display: none;
    }

    .fixedWidth .jumbotron-fluid .text-column {
        padding: var(--truSpace3xlg) var(--truSpaceLg);
    }

    .truist-hero:not(.fixedWidth) .truist-hero--image-cc {
        padding: var(--truSpaceLg);
    }

    .truist-hero--image-cc--row .text-column {
        padding: var(--truSpaceXlg) var(--truSpaceXlg);
    }

    .truist-hero.fixedWidth .jumbotron{
        margin-right: 0px;
        margin-left: 0px;
    }
    .fixedWidth .hero-banner-bg-image {
        border-radius: 0px;
    }
}

@media (min-width: 1023.99px) {
    .truist-hero--login-menu .truist-hero--login-menu--row .col-lg-6.login-column {
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 821.98px) {
    .truist-hero .truist-hero-image--container{
        padding-left: 5%;
        padding-right: 2%;
    }
}

@media (min-width: 0px) and (max-width:  821.98px) {

    .hero-banner-bg-image{display: none}

    .truist-hero .truist-hero-image--container{
        padding-left: 0%;
        padding-right: 2%;
    }

    .truist-hero .truist-hero-color--container{
        padding-left: 0%;
        padding-right: 0%;
    }

    .truist-hero--login-menu .text-column{
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .truist-hero--image-cc .row .image-column {
        display: none;
    }

    .truist-hero--image-cc .truist-hero--image-credcard {
        display: none;
    }

    .truist-hero--image-cc .jumbotron{
        padding:0;
    }

    .truist-hero--image-cc .jumbotron{
        padding:0;
    }

    .truist-hero--image-cc .row .text-column {
        padding:5.7rem 3.2rem;
        flex: inherit;
        max-width: 100%;
    }

    .truist-hero--image-cc .row .text-column .text-container {
        padding-right: 0;
    }


    .truist-hero--login-menu .truist-hero--image-overlay,
    .truist-hero--image .truist-hero--image-overlay {background: none}



    .fixedWidth .jumbotron-fluid .text-column{
          border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .fixedWidth.truist-hero{
        padding: 0;
        /* width: 95%; */
    }
}


    @media (min-width: 0px) and (max-width:  1023.98px) {

        .truist-hero.fixedWidth .jumbotron {
            border-radius: 0;
        }

        .truist-hero .jumbotron .truist-hero-image--container,
        .truist-hero .jumbotron .truist-hero-color--container {
           padding: var(--truSpaceXlg) var(--truSpaceXlg);
       }
}

@media (min-width: 0px) and (max-width:  767.98px) {
   .truist-hero--image-cc--row {
        height: auto !important;
    }
.truist-hero--image-cc--row .image-column.truist-hero--image-cc--image-column {
    display: none;
 }
 .truist-hero .jumbotron .truist-hero-image--container,
 .truist-hero .jumbotron .truist-hero-color--container {
    padding: var(--truSpaceMd) var(--truSpaceMd);
}

.truist-hero--image-cc--row .text-column {
    padding: var(--truSpaceXs) var(--truSpaceXs);
}
}

@media (min-width: 0px) and (max-width:  721.98px) {
    .fixedWidth.truist-hero{
        padding: 0;
        width: 100%;
    }
    .fixedWidth.truist-hero--login-menu{
    	border-radius:20px;
        padding-top: 1rem;
    }
}

.item-slider-section {
    padding: 0;
    margin-bottom: 0;
}

.item-slider-section .container {
    max-width: 1600px;
    padding: 0 30px;
}

.item-slider-section .item-slider-heading {
    display: block;
    margin-bottom: 20px;
    font-size: 2.4rem;
    line-height: 1.25em;
    font-weight: 400;
    text-align: center;
}

/* .inline .item-slider-section .container,
.inline .item-slider-section .container .row > div {
    padding: 0 30px;
}

.item-slider.inline-slider{
    margin-top: -80px;
    max-width: 690px;
} */

/* Loading animations */
.item-slider-section .loading-container {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    position: absolute;
    width: 100%;
    height:100%;
}

.item-slider-section .loading-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSizeMicro);
    font-weight: 600;
}
.item-slider-section .dot {
    width: 5px;
    height: 5px;
    border-radius: 1px;
    margin-left:5px;
    position: relative;
    top:-12px;
  }

  .item-slider-section .loading-animation .dot:nth-last-child(1) {
    animation: jumpingAnimation 1s 0.1s ease-in infinite;
  }
  .item-slider-section .loading-animation .dot:nth-last-child(2) {
    animation: jumpingAnimation 1s 0.2s ease-in infinite;
  }
  .item-slider-section .loading-animation .dot:nth-last-child(3) {
    animation: jumpingAnimation 1s 0.3s ease-in infinite;
  }

  @keyframes jumpingAnimation {
    0% {
      transform: translate3d(0, 0,0);
    }
    50% {
      transform: translate3d(0, 15px,0);
    }
    100% {
      transform: translate3d(0, 0, 0);
    }
  }


/* Start Item-slider */
.item-slider {
    display: block;
    padding:  0 0 40px 0;
    width: 100%;
    max-width: 1145px;
    max-height: 185px;
    margin: 0 auto;
    visibility: hidden;
}
/* .item-slider .splide__arrows {
    position: relative;
} */

.item-slider .item-slider-before,
.item-slider .item-slider-after {
    position: absolute;
    top: 60px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    z-index: 100;
    border: none;
}

.item-slider .item-slider-before {
    left: -58px;
    transform: rotate(90deg);
}

.item-slider .item-slider-after {
    right: -58px;
    transform: rotate(-90deg);
}

.item-slider .item-slider-before:disabled,
.item-slider .item-slider-after:disabled {
    opacity: 25%;
}

.item-slider .splide__list {
    margin: 10px 0 10px 1px;
}

.item-slider .item-slider-card-link {
    outline: 0;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-decoration: none;
    font-weight: 600;
    border-width: 2px;
    border-style: solid;
    border-color: var(--truClrClear);
}

.item-slider .item-slider-card-link .item-slider-icon {
    margin-bottom: 10px;
    min-height: 50px;
}

.item-slider .item-slider-thumb-text {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.25em;
}

.item-slider .item-slider-link {
    text-decoration: underline;
}

.item-slider .item-slider-link:hover {
    text-decoration: none;
}

.splide__slide--clone.splide__slide[aria-hidden="true"] a {
    display: none;
}

.item-slider .item-slider-before,
.item-slider .item-slider-after,
.item-slider .item-slider-card-link,
.item-slider-link,
.item-slider .item-slider-before svg path,
.item-slider .item-slider-after svg path,
.item-slider .item-slider-card-link img,
.item-slider .item-slider-card-link .item-slider-thumb-text {
transition: all .3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 1365.98px) {
    .item-slider-section .container,
    .item-slider-section .container .row > div {
        padding-right: 45px;
        padding-left: 45px;
    }
    /* .inline .container,
    .inline .container .row > div {
        padding-right: 25px;
        padding-left: 25px;
    } */
    .item-slider-section .container {
        max-width: 1600px;
    }
    .item-slider {
        max-width: 1600px;
        padding: 0 70px;
    }

}

/* @media (min-width: 0px) and (max-width: 1024.98px) { */
    /* .inline .item-slider-heading {
        width: 100%;
        max-width: 250px;
    } */

    /* .inline .item-slider-heading,
    .inline .item-slider-link {
        margin-left: 0;
    } */
/* } */

/* Override Bootstrap 992 breakpoint */
/* @media (min-width: 769px) and (max-width: 992px) {
    .inline .text-lg-left {
        text-align: left !important;
    }
    .inline .col-sm-12.col-lg-8 {
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }
    .inline .col-sm-12.col-lg-4 {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    .inline .order-sm-2 {
        -ms-flex-order: 3;
        order: 3;
    }
    .inline .order-sm-3 {
        -ms-flex-order: 2;
        order: 2;
    }
} */

@media (min-width: 0px) and (max-width: 768px) {
    .item-slider-section .container,
    .item-slider-section .container .row > div {
        padding-right: 0px;
        padding-left: 0px;
    }
    .item-slider .splide__arrows button.splide__arrow {
        display: none;
    }
    /* .inline .item-slider-heading {
        max-width: 100%;
    } */
    .item-slider
    /* .item-slider.inline-slider */ {
        padding: 0;
        margin-top: 0px;
        max-width: 100%;
    }
    /* .inline .item-slider-heading,
    .inline .item-slider-link {
        margin-left: 0px;
    } */
    .item-slider .splide__slide.is-active .item-slider-card-link {
        border: 0;
    }
    .item-slider .splide__slide .item-slider-card-link:hover {
        border: 0;
    }

    .item-slider .splide__slide .item-slider-card-link:focus {
        border: 0;
    }
    .item-slider-section .container {
        padding: 0;
        padding-right: 15px;
    }
    .item-slider-heading {
        font-size: 2rem;
    }
}

/* Override Bootstrap 575 breakpoint */
/* @media (min-width: 0px) and (max-width: 575px) {
    .inline .text-lg-left {
        text-align: center !important;
    }
    .inline .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .inline .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
} */

/* Component Utlity Classes */
/* --------------------- Ntrl White Bg --------------------- */
.item-slider-section.tru-clr-ntrl-wht-bg {
    background: var(--truClrNtrlWht);
    color: var(--truClrPplBs);
}

.tru-clr-ntrl-wht-bg .item-slider-heading {
    color: var(--truClrPplBs);
}

.tru-clr-ntrl-wht-bg .item-slider-before,
.tru-clr-ntrl-wht-bg .item-slider-after,
.tru-clr-ntrl-wht-bg .dot {
    background: var(--truClrDuskBs);
}

.tru-clr-ntrl-wht-bg .item-slider-before:hover,
.tru-clr-ntrl-wht-bg .item-slider-after:hover,
.tru-clr-ntrl-wht-bg .item-slider-before:focus,
.tru-clr-ntrl-wht-bg .item-slider-after:focus {
    background: var(--truClrPplBs);
}

.tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link,
.tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:hover,
.tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:focus {
    border-color: var(--truClrDuskBs);
}

.tru-clr-ntrl-wht-bg .item-slider-link {
    color: var(--truClrPplBs);
}

.tru-clr-ntrl-wht-bg  .splide__slide .item-slider-card-link:hover img,
.tru-clr-ntrl-wht-bg  .splide__slide .item-slider-card-link:focus img,
.tru-clr-ntrl-wht-bg  .splide__slide.is-active .item-slider-card-link img,
.tru-clr-ntrl-wht-bg  .splide__slide.is-active .item-slider-card-link:focus img {
    filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
}

.tru-clr-ntrl-wht-bg .item-slider-link:hover,
.tru-clr-ntrl-wht-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-ntrl-wht-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
.tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-ntrl-wht-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-ntrl-wht-bg .loading-animation {
    color: var(--truClrDuskBs);
}

/* --------------------- Off White Bg --------------------- */
.item-slider-section.tru-clr-off-wht-bg {
    background: var(--truClrOffWht);
    color: var(--truClrPplBs);
}

.tru-clr-off-wht-bg .item-slider-heading {
    color: var(--truClrPplBs);
}

.tru-clr-off-wht-bg .item-slider-before,
.tru-clr-off-wht-bg .item-slider-after,
.tru-clr-off-wht-bg .dot {
    background: var(--truClrDuskBs);
}

.tru-clr-off-wht-bg .item-slider-before:hover,
.tru-clr-off-wht-bg .item-slider-after:hover,
.tru-clr-off-wht-bg .item-slider-before:focus,
.tru-clr-off-wht-bg .item-slider-after:focus {
    background: var(--truClrPplBs);
}

.tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link,
.tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:hover,
.tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:focus {
    border-color: var(--truClrDuskBs);
}

.tru-clr-off-wht-bg .item-slider-link {
    color: var(--truClrPplBs);
}

.tru-clr-off-wht-bg  .splide__slide .item-slider-card-link:hover img,
.tru-clr-off-wht-bg  .splide__slide .item-slider-card-link:focus img {
    filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
}

.tru-clr-off-wht-bg .item-slider-link:hover,
.tru-clr-off-wht-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-off-wht-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
.tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-off-wht-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-off-wht-bg .loading-animation {
    color: var(--truClrDuskBs);
}

/* --------------------- Truist Purple Bg --------------------- */
.item-slider-section.tru-clr-ppl-bs-bg {
    background: var(--truClrPplBs);
}

.tru-clr-ppl-bs-bg .item-slider-heading,
.tru-clr-ppl-bs-bg .item-slider-link,
.tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link .item-slider-thumb-text,
.tru-clr-ppl-bs-bg .loading-animation {
    color: var(--truClrNtrlWht);
}

.tru-clr-ppl-bs-bg .item-slider-before,
.tru-clr-ppl-bs-bg .item-slider-after {
    background: var(--truClrHazeBs);
}

.tru-clr-ppl-bs-bg .item-slider-before:hover,
.tru-clr-ppl-bs-bg .item-slider-after:hover,
.tru-clr-ppl-bs-bg .item-slider-before:focus,
.tru-clr-ppl-bs-bg .item-slider-after:focus,
.tru-clr-ppl-bs-bg .loading-animation .dot {
    background: var(--truClrNtrlWht);
}

.tru-clr-ppl-bs-bg .item-slider-before svg path,
.tru-clr-ppl-bs-bg .item-slider-after svg path {
    fill: var(--truClrPplBs);
}

.tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link img {
    filter: invert(99%) sepia(18%) saturate(39%) hue-rotate(244deg) brightness(117%) contrast(100%);
}

.tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:hover img,
.tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:focus img,
.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link img {
    filter: invert(59%) sepia(91%) saturate(156%) hue-rotate(204deg) brightness(97%) contrast(85%);
}

.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link,

.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:hover,
.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:focus {
    border-color: var(--truClrHazeBs);
}

.tru-clr-ppl-bs-bg .item-slider-link:hover,
.tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-ppl-bs-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-ppl-bs-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text {
    color: var(--truClrHazeBs);
}

/* --------------------- Truist Dusk Darker Bg --------------------- */
.item-slider-section.tru-clr-dusk-dkr-bg {
    background: var(--truClrDuskDkr);
}

.tru-clr-dusk-dkr-bg .item-slider-heading,
.tru-clr-dusk-dkr-bg .item-slider-link,
.tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link .item-slider-thumb-text {
    color: var(--truClrNtrlWht);
}

.tru-clr-dusk-dkr-bg .item-slider-before,
.tru-clr-dusk-dkr-bg .item-slider-after,
.tru-clr-dusk-dkr-bg .loading-animation .dot {
    background: var(--truClrHazeBs);
}

.tru-clr-dusk-dkr-bg .item-slider-before:hover,
.tru-clr-dusk-dkr-bg .item-slider-after:hover,
.tru-clr-dusk-dkr-bg .item-slider-before:focus,
.tru-clr-dusk-dkr-bg .item-slider-after:focus {
    background: var(--truClrNtrlWht);
}

.tru-clr-dusk-dkr-bg .item-slider-before svg path,
.tru-clr-dusk-dkr-bg .item-slider-after svg path,
.tru-clr-dusk-dkr-bg .item-slider-before:hover svg path,
.tru-clr-dusk-dkr-bg .item-slider-after:hover svg path,
.tru-clr-dusk-dkr-bg .item-slider-before:focus svg path,
.tru-clr-dusk-dkr-bg .item-slider-after:focus svg path {
    fill: var(--truClrPplBs);
}

.tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link img {
    filter: invert(99%) sepia(18%) saturate(39%) hue-rotate(244deg) brightness(117%) contrast(100%);
}

.tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:hover img,
.tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:focus img,
.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link img {
    filter: invert(59%) sepia(91%) saturate(156%) hue-rotate(204deg) brightness(97%) contrast(85%);
}

.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link,
.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:hover,
.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:focus {
    border-color: var(--truClrHazeBs);
}

.tru-clr-dusk-dkr-bg .item-slider-link:hover,
.tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-dusk-dkr-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-dusk-dkr-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-dusk-dkr-bg .loading-animation {
    color: var(--truClrHazeBs);
}


/* --------------------- Truist Mist Bg --------------------- */
.item-slider-section.tru-clr-mist-bs-bg {
    background: var(--truClrMistBs);
}

.tru-clr-mist-bs-bg .item-slider-heading,
.tru-clr-mist-bs-bg .item-slider-link,
.tru-clr-mist-bs-bg .splide__slide .item-slider-card-link .item-slider-thumb-text {
    color: var(--truClrPplBs);
}

.tru-clr-mist-bs-bg .item-slider-before,
.tru-clr-mist-bs-bg .item-slider-after,
.tru-clr-mist-bs-bg .loading-animation .dot {
    background: var(--truClrDuskBs);
}

.tru-clr-mist-bs-bg .item-slider-before:hover,
.tru-clr-mist-bs-bg .item-slider-after:hover,
.tru-clr-mist-bs-bg .item-slider-before:focus,
.tru-clr-mist-bs-bg .item-slider-after:focus {
    background: var(--truClrPplBs);
}

.tru-clr-mist-bs-bg .item-slider-before:hover svg path,
.tru-clr-mist-bs-bg .item-slider-after:hover svg path,
.tru-clr-mist-bs-bg .item-slider-before:focus svg path,
.tru-clr-mist-bs-bg .item-slider-after:focus svg path {
    fill: var(--truClrNtrlWht);
}


.tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:hover img,
.tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:focus img,
.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link img  {
    filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
}

.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link,
.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:hover,
.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:focus {
    border-color: var(--truClrDuskBs);
}

.tru-clr-mist-bs-bg .item-slider-link:hover,
.tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-mist-bs-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-mist-bs-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-mist-bs-bg .loading-animation {
   color: var(--truClrDuskBs);
}

/* --------------------- Truist Sky Lighter Bg --------------------- */
.item-slider-section.tru-clr-sky-ltr-bg {
    background: var(--truClrSkyLtr);
}

.tru-clr-sky-ltr-bg .item-slider-heading,
.tru-clr-sky-ltr-bg .item-slider-link,
.tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link .item-slider-thumb-text {
    color: var(--truClrPplBs);
}

.tru-clr-sky-ltr-bg .item-slider-before,
.tru-clr-sky-ltr-bg .item-slider-after,
.tru-clr-sky-ltr-bg .loading-animation .dot{
    background: var(--truClrDuskBs);
}

.tru-clr-sky-ltr-bg .item-slider-before:hover,
.tru-clr-sky-ltr-bg .item-slider-after:hover,
.tru-clr-sky-ltr-bg .item-slider-before:focus,
.tru-clr-sky-ltr-bg .item-slider-after:focus {
    background: var(--truClrPplBs);
}

.tru-clr-sky-ltr-bg .item-slider-before:hover svg path,
.tru-clr-sky-ltr-bg .item-slider-after:hover svg path,
.tru-clr-sky-ltr-bg .item-slider-before:focus svg path,
.tru-clr-sky-ltr-bg .item-slider-after:focus svg path {
    fill: var(--truClrNtrlWht);
}


.tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:hover img,
.tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:focus img,
.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link img  {
    filter: invert(36%) sepia(60%) saturate(433%) hue-rotate(222deg) brightness(90%) contrast(91%);
}

.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link,
.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:hover,
.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:focus {
    border-color: var(--truClrDuskBs);
}

.tru-clr-sky-ltr-bg .item-slider-link:hover,
.tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-sky-ltr-bg .splide__slide .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link .item-slider-thumb-text,
.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:hover .item-slider-thumb-text,
.tru-clr-sky-ltr-bg .splide__slide.is-active .item-slider-card-link:focus .item-slider-thumb-text,
.tru-clr-sky-ltr-bg .loading-animation {
   color: var(--truClrDuskBs);
}

/*Test and Target at element override*/
.at-element-marker .item-slider-section .container,
.at-element-marker ~ .item-slider-section .container {
    max-width: 1600px;
    padding: 0 30px;
}

.item-slider .item-slider-card-link:focus {
	border-color: var(--truClrDuskBs);
    outline: 1px solid var(--truClrDuskBs);
    outline-offset: -8px;
}
/* Truist Benefits - LifeForce Calculator */
.hidden {
    display: none !important;
}

.lf-calculator-headingTxt,
.lf-calculator-headingSec h1,
.lf-calculator-headingSec h2,
.lf-calculator-headingSec h3,
.lf-calculator-headingSec h4,
.lf-calculator-headingSec h5,
.lf-calculator-headingSec h6 {
    font-family: "truist Trio Light", Truist Trio, sans-serif;
    font-size: 3rem;
    color: #2e1a47;
    font-weight: 500;
    margin-top: 50px;
}

.lf-calculator-comp {
    margin: 30px auto;
}

.lf-calculator-comp .row {
    padding: 0 15px;
    margin-bottom: 15px;
}

.lf-calculator-mandatoryTxt,
.lf-calculator-headingSec p {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--truNeutral500);
    margin: 15px 0 20px;
}

.lf-calculator-floating-label {
    position: relative;
    margin-bottom: 8px;
    width: 100%;
}

.lf-calculator-optHeadingSec {
    margin-bottom: 20px;
    min-height: 50px;
    margin-top: 15px;
}

.lf-calculator-column {
    margin: 0 30px 0 0;
    padding: 0;
    width: 22%;
}

.lf-calculator-btnColumn {
    margin: 0rem 1rem 0rem 0;
    padding: 0;
    width: 10%;
}

.lf-calculator-optHeadingTxt,
.lf-calculator-optHeadingSec p {
    font-family: "truist Trio", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    color: #2e1a47;
    margin-bottom: 0;
    padding-right: 15px;
    text-indent: -24px;
    padding-left: 24px;
}

.lf-calculator-optHeadingTxt a,
.lf-calculator-optHeadingSec p a {
    font-size: 1.6rem;
    font-weight: 400;
    color: #2e1a47;
    text-decoration: underline;
}

.lf-calculator-optHeadingTxt a:hover,
.lf-calculator-optHeadingTxt a:focus,
.lf-calculator-optHeadingSec p a:hover,
.lf-calculator-optHeadingSec p a:focus {
    text-decoration: none;
}

.lf-calculator-floating-select {
    position: initial;
    font-size: 1.8rem;
    color: var(--truNeutral500);
    font-weight: 400;
    padding: 15px 45px 0 15px;
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background-color: transparent;
    border: none;
    border: 1px solid var(--truNeutral500);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}

.lf-calculator-floating-select-error .lf-calculator-floating-select {
    border: 2px solid #C22B13;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}

.lf-calculator-floating-select option,
.lf-calculator-floating-select option:checked {
    font-size: 1.8rem;
    color: var(--truNeutral500);
    font-weight: 400;
    padding: 15px 0;
}

.lf-calculator-floating-label:after {
    content: '\e80c';
    font-size: 2.5rem;
    float: right;
    padding-right: 15px;
    margin-top: -48px;
    border: none;
    font-family: "truist-icons", "truist-icons-media";
    color: var(--truNeutral500);
    pointer-events: none;
}

.lf-calculator-floating-select:focus {
    outline-width: 2px;
    outline-color: #2e1a47;
    outline-offset: 3px;
    outline-style: solid;
}

.lf-calculator-label {
    color: var(--truNeutral500);
    font-size: 1.8rem;
    font-weight: normal;
    position: absolute;
    top: 15px;
    left: 15px;
    pointer-events: none;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.lf-calculator-floating-label.lf-calculator-floating-select-error:after {
    content: '\e80c';
    font-size: 2.5rem;
    float: right;
    padding-right: 15px;
    margin-top: -48px;
    border: none;
    font-family: "truist-icons", "truist-icons-media";
    color: #C22B13 !important;
    pointer-events: none;
}

.lf-calculator-floating-select-error .lf-calculator-label {
    color: #C22B13;
}

.lf-calculator-floating-select:focus~.lf-calculator-label,
.lf-calculator-floating-select:not([value=""]):valid~.lf-calculator-label {
    top: 3px;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--truNeutral500);
}

.mandatoryFld_error {
    font-family: 'Truist Trio', sans-serif;
    font-size: 1.6rem;
    position: relative;
    font-weight: 400;
    background: #C22B13;
    padding: 10px 20px;
    color: #ffffff;
    border: 1px solid #C22B13;
}

.mandatoryErrorIcon {
    margin-right: 12px;
}

.mandatoryErrorIcon::before {
    content: "!";
    font-size: 1.2rem;
    position: absolute;
    left: 10px;
    color: #ffffff;
    border: 1px solid #ffffff;
    height: 16px;
    width: 16px;
    text-align: center;
    border-radius: 50%;
    bottom: 10px;
    line-height: normal;
}

.mandatoryFld_error::after {
    content: "";
    position: absolute;
    top: -50%;
    left: 10%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #C22B13 transparent;
}

/* active state */
.lf-calculator-floating-select:focus~.lf-calculator-floating-select:focus~ {
    width: 50%;
}

.lf-calculator-comp *,
.lf-calculator-comp *:before,
.lf-calculator-comp *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* active state */
.lf-calculator-floating-select:focus~ {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
    font-family: "truist Trio", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 95px;
    padding: .625rem 1.25rem;
    border-radius: .625rem;
    transition: all .3s ease-in-out;
}

.lf-calculate-btn {
    font-family: "truist Trio", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    background: #72569C !important;
    color: #fff !important;
    float: left;
    margin-top: 92px;
    text-decoration: none;
}

.lf-calculate-btn:focus,
.lf-calculate-btn:hover {
    text-decoration: none;
    background: #58417c !important;
}

.lf-resultSec {
    background: #E5F5F5;
    border-radius: 20px;
    padding: 32px 50px;
    margin: 30px 0;
    width: 100%;
}

.lf-response {
    width: 100%;
}

.lf-calculator-link {
    font-size: 1.6rem;
    font-weight: 400;
    color: #2E1A47;
    text-decoration: underline;
    float: left;
    margin-top: 100px;
    margin-left: 15px;
}

.lf-calculator-link:focus,
.lf-calculator-link:hover {
    text-decoration: none;
    color: #2E1A47;
}

.lt-resultHeadTxt {
    font-family: "truist Trio", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: normal;
    color: #2e1a47;
    display: inline;
    margin-right: 15px;

}

.lt-resultHeadLnkTxt {
    font-family: "truist Trio", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #2e1a47;
    text-decoration: underline;
}

.lt-resultHeadLnkTxt:hover,
.lt-resultHeadLnkTxt:focus {
    color: #2e1a47;
    text-decoration: none;
}

.lt-resultHeadSec {
    margin-bottom: 30px;
}


.lf-resultPayOpt {
    display: inline-block;
}

.lf-resultPayOpt:not(:last-child) {
    margin-right: 70px;
}

.lf-resultPayOptLbl,
.lf-resultPayOptVal {
    font-family: "truist Trio", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: normal;
    color: #2e1a47;
}

.lf-resultPayOptVal {
    font-weight: 700;
}

/* Modal section styles */

.lf-seeDetailModal .modal-content {
    border-radius: 20px;
    font-family: "truist Trio", sans-serif;
    line-height: normal;
    padding: 40px;
}

.lf-seeDetModalHeadTxt {
    font-size: 2.4rem;
    font-weight: 400;
    color: #2e1a47;
    margin-bottom: 0;
}

.lf-seeDetModalContent,
.lf-modal-content-sec p {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--truNeutral500);
    margin-bottom: 0;
    margin-top: 15px;
}

.lf-modal-content-sec .rte__list {
    margin: 15px 10px;
}

.lf-seeDetailModalClose {
    font-size: 2.4rem;
    margin: 0;
    position: absolute;
    opacity: 1;
    z-index: 10;
    cursor: pointer;
    top: 20px;
    right: 20px;
    border: none;
    background: none;
}

/* Loader animation styles start here */

.lf-responseSection .loading-container {
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    position: absolute;
}

.lf-responseSection .loading-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSizeMicro);
    font-weight: 600;
    color: var(--truClrDuskBs);
}

.lf-responseSection .loading-animation .loading {
    font-family: "truist Trio", sans-serif;
    font-size: 1.6rem;
    margin-left: 10px;
    color: var(--truNeutral500);
}

.lf-responseSection .loading-animation .dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 1px;
    margin-left: 5px;
    position: relative;
    top: -5px;
    background: var(--truNeutral500);
}

.lf-responseSection .loading-animation .dot:first-child {
    animation: lfJumpingAnimation 1s 0.25s ease-in infinite;
}

.lf-responseSection .loading-animation .dot:nth-last-child(2) {
    animation: lfJumpingAnimation 1s 0.5s ease-in infinite;
}

.lf-responseSection .loading-animation .dot:nth-last-child(3) {
    animation: lfJumpingAnimation 1s 0.75s ease-in infinite;
}

@keyframes lfJumpingAnimation {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, 10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* Loader animation styles end here */

/* Media queries starts here */

@media only screen and (max-width: 834px) and (orientation: portrait) {
    .lf-calculator-column {
        width: 28%;
    }

    .lf-calculator-btnColumn {
        width: 17%;
    }

    .lf-calculator-optHeadingSec {
        min-height: 75px;
    }

    .lf-calculate-btn,
    .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
        margin-top: 20px;
    }

    .lf-calculator-link {
        margin-top: 30px;
    }

    .mandatoryFld_error::after {
        top: -50%;
    }

    .lf-resultSec {
        padding: 30px;
    }

    .lf-resultPayOpt {
        margin-right: 25px;
    }

    .lf-resultPayOpt:not(:last-child) {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .lf-calculator-column {
        margin: 0rem 1.5rem 0.5rem 0;
    }

    .lf-calculator-optHeadingSec {
        min-height: 80px;
    }

    .lf-calculate-btn,
    .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
        margin-top: 125px;
    }

    .lf-calculator-link {
        margin-top: 130px;
        margin-left: 5px;
    }

    .mandatoryFld_error::after {
        top: -50%;
    }
}

@media only screen and (max-width: 428px) and (orientation: portrait) {
    .lf-calculator-comp .row {
        padding: 0 15px;
    }

    .lf-calculator-column,
    .lf-calculator-btnColumn {
        width: 100%;
        margin: 0;
    }

    .lf-calculate-btn,
    .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
        border-radius: 10px;
        padding: 10px 24px;
    }

    .lf-calculate-btn,
    .lf-calculator-comp .btn-primary:not(disabled):not(.disabled),
    .lf-calculator-link {
        max-width: 100%;
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .lf-calculator-link {
        margin-top: 20px;
    }

    .lf-calculator-optHeadingSec {
        min-height: 30px;
    }

    .mandatoryFld_error::after {
        left: 7%;
        top: -52%;
    }

    .lf-resultSec {
        padding: 25px;
    }

    .lt-resultHeadLnkTxt,
    .lt-resultHeadTxt {
        display: block;
    }

    .lf-resultPayOpt {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {
    .lf-calculator .container {
        max-width: 100%;
    }

    .lf-calculator-column {
        width: 23%;
        margin: 0rem 1.5rem 0.5rem 0;
    }

    .lf-calculator-btnColumn {
        width: 11%;
    }

    .lf-calculate-btn,
    .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
        margin-top: 122px;
    }

    .lf-calculator-link {
        margin-top: 125px;
        margin-left: 10px;
    }

    .lf-resultPayOpt:not(:last-child) {
        margin-right: 25px;
    }
}

/* Samsung Galaxy Tab S7 */
@media only screen and (min-width: 800px) and (max-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .lf-calculator-column {
        width: 23%;
    }

    .lf-calculator-optHeadingTxt,
    .lf-calculator-optHeadingSec p {
        padding-right: 0;
    }

    .lf-calculator-btnColumn {
        width: auto;
    }

    .lf-calculator-btnColumn .lf-calculator-link {
        margin-left: 5px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .lf-calculator-column {
        width: 25%;
        margin: 0rem 1.5rem 0.5rem 0;
    }

    .lf-calculator-btnColumn{
        width: auto;
    }

    .lf-calculator-optHeadingSec {
        min-height: 50px;
    }

    .lf-calculate-btn,
    .lf-calculator-comp .btn-primary:not(disabled):not(.disabled) {
        margin-top: 94px;
    }

    .lf-calculator-link {
        margin-top: 100px;
        margin-left: 5px;
    }
}
.truist-gridContainer {
   width: 100%;
   margin: 0 auto;
   height: 100%;
   position: relative;
}

.truist-gridContainer .component-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   min-width: 100%;
   height: 100%;
   min-height: 9.375rem;
   color: var(--truClrFrstBs);
   font-size: var(--truTxtSize4);
   padding: 0 2rem;
   border-top-left-radius: 4rem;
   border-top-right-radius: 4rem;
   border-bottom-right-radius: 4rem;
   border-bottom-left-radius: 4rem;
   background-color: var(--truClrNtrlWht);
   overflow: hidden;
   transition: background-color .5s ease-in-out, outline .5s ease-in-out, color .5s ease-in-out, border-radius .5s ease-in-out, width .5s ease-in-out;
}

/***********************************************************************
************************************************************************/
/* Card bastardization test */
.truist-gridContainer.use-as-card .component-wrapper {
  display: block;
 }

.truist-gridContainer.use-as-card .tile.col-lg-6:nth-child(1) .component-wrapper {
   padding: 0;
}

.truist-gridContainer.use-as-card .tile.col-lg-6:nth-child(1) .component-wrapper > div,
.truist-gridContainer.use-as-card .tile.col-lg-6:nth-child(1) .component-wrapper > div > div,
.truist-gridContainer.use-as-card .tile.col-lg-6:nth-child(1) .component-wrapper .image {
   min-height: 100%;
   height: 100%;
}

.truist-gridContainer.use-as-card .tile.col-lg-6:nth-child(1) .component-wrapper  {

background: url(../../../content/dam/truist-bank/erics_playground_images/original.png) no-repeat center center;
background-size: cover;
}

.truist-gridContainer.use-as-card .component-wrapper .text > div {
   min-height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.truist-gridContainer.use-as-card .component-wrapper .subheading {
   font-size: var(--truTxtSize5);
   line-height: calc(var(--truTxtSize5) + 6px);
   margin: 2rem 0;
   font-weight: 600;
}

.truist-gridContainer.use-as-card .component-wrapper p,
.truist-gridContainer.use-as-card .component-wrapper ul{
   font-size: var(--truTxtSizeBdy);
   line-height: calc(var(--truTxtSizeBdy) + 6px);
   font-weight: 400;
}
/***********************************************************************
************************************************************************/
/*End Card bastardization test */

.truist-gridContainer .tile,
.truist-gridContainer .row .row .col-sm-12{
   transition: padding .5s ease-in-out, margin .5s ease-in-out, width .5s ease-in-out;
}

.truist-gridContainer.tru-grid-50-50-2 .col-sm-12:not(:last-child),
.truist-gridContainer.tru-grid-50-50-3 .col-sm-12:not(:last-child),
.truist-gridContainer.tru-grid-40-60-2 .col-sm-12:not(:last-child),
.truist-gridContainer.tru-grid-40-60-3 .col-sm-12:not(:last-child),
.truist-gridContainer.tru-grid-25-75-3 .col-sm-12:not(:last-child),
.truist-gridContainer.tru-grid-25-75-2 .col-sm-12:not(:last-child),
.separate {
   margin-bottom: 1.875rem;
}

/* -------------- Grow -------------- */
.truist-gridContainer.grow .tile,
.truist-gridContainer.tru-grid-50-50-2.grow .col-sm-12,
.truist-gridContainer.tru-grid-50-50-3.grow .col-sm-12,
.truist-gridContainer.tru-grid-40-60-2.grow .col-sm-12,
.truist-gridContainer.tru-grid-40-60-3.grow .col-sm-12,
.truist-gridContainer.tru-grid-25-75-3.grow .col-sm-12,
.truist-gridContainer.tru-grid-25-75-2.grow .col-sm-12 {
   margin-bottom: 0rem !important;
}

/* -------------- Stretch -------------- */
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3) .component-wrapper,
/* -------------- Grow -------------- */
.truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
/* -------------- Stretch & Flip -------------- */
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(4) .component-wrapper,
/* -------------- Stretch, Grow & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 0rem;
}

/* -------------- Grow -------------- */
.truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper {
   border-top-left-radius: 4rem;
   border-top-right-radius: 4rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 0rem;
}

/* -------------- Grow -------------- */
.truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
/* -------------- Stretch, Grow & Flip-------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 4rem;
   border-bottom-left-radius: 4rem;
}

/* -------------- Stretch -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(1) .component-wrapper,
/* -------------- Stretch & Flip-------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(3) .component-wrapper {
   border-top-left-radius: 4rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 4rem
}

/* -------------- Stretch -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12 .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12 .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12 .component-wrapper,
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(4) .component-wrapper,
/* -------------- Stretch & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
/* --------------Stretch, Grow & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 4rem;
   border-bottom-right-radius: 4rem;
   border-bottom-left-radius: 0rem;
}

/* -------------- Stretch & Grow -------------- */
.truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
/* -------------- Stretch, Grow & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper {
   border-top-left-radius: 4rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 0rem;
}

/* -------------- Stretch & Grow -------------- */
.truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
/* -------------- Stretch, Grow & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 4rem;
}

/* -------------- Stretch & Grow -------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
/* -------------- Stretch, Grow & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 4rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 0rem;
}

/* -------------- Stretch & Grow -------------- */
.truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
/* -------------- Stretch, Grow & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
.truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 4rem;
   border-bottom-left-radius: 0rem;
}

/* -------------- Grow -------------- */
.truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper {
   border-top-left-radius: 0rem;
   border-top-right-radius: 0rem;
   border-bottom-right-radius: 0rem;
   border-bottom-left-radius: 4rem;
}

/* -------------- Stretch -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3),
/* -------------- Stretch & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(4) {
   padding-right: 0px;
}

/* -------------- Stretch -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(4),
/* -------------- Stretch & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(1) {
   padding-left: 0px;
}

/* -------------- Stretch & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1),
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(1) {
   padding-right: .95rem;
}

/* -------------- Stretch & Flip -------------- */
.truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2),
.truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3),
.truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(3) {
   padding-left: .95rem;
}

@media (min-width: 768px) and (max-width: 1024px) {

   .truist-gridContainer.tru-grid-25-1 .col-lg-3,
   .truist-gridContainer.tru-grid-33-1 .col-lg-4:nth-child(1),
   .truist-gridContainer.tru-grid-33-1 .col-lg-4:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-1 .tile,
   .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3:nth-child(1),
   .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-6,
   .truist-gridContainer.tru-grid-50-50-2 .col-sm-12,
   .truist-gridContainer.tru-grid-40-60-2 .col-sm-12,
   .truist-gridContainer.tru-grid-25-75-2 .col-lg-3 .col-sm-12,
   .truist-gridContainer.tru-grid-40-60-1 .tile,
   .truist-gridContainer.tru-grid-25-25-50-1 .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-25-50-1 .tile:nth-child(2) {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 1.875rem;
   }

   .truist-gridContainer.tru-grid-33-1 .col-lg-4:nth-child(3),
   .truist-gridContainer.tru-grid-40-60-2 .col-lg-7,
   .truist-gridContainer.tru-grid-40-60-2 .col-lg-5,
   .truist-gridContainer.tru-grid-25-75-2 .col-lg-9,
   .truist-gridContainer.tru-grid-25-75-2 .col-lg-3,
   .truist-gridContainer.tru-grid-25-25-50-2 .col-lg-6,
   .truist-gridContainer.tru-grid-50-50-2 .col-lg-6,
   .truist-gridContainer.tru-grid-25-25-50-1 .col-lg-3,
   .truist-gridContainer.tru-grid-25-25-50-1 .col-lg-6,
   .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3 .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3 .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3 .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3 .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3 .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3 .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1 .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-50-25-1 .tile:nth-child(3) {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1.875rem;
   }

   .truist-gridContainer.tru-grid-50-50-3 .col-sm-12,
   .truist-gridContainer.tru-grid-40-60-3 .col-sm-12,
   .truist-gridContainer.tru-grid-25-75-3 .col-sm-12 {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      margin-bottom: 1.875rem;
   }

   .truist-gridContainer.tru-grid-25-75-2 .col-sm-12,
   .truist-gridContainer.tru-grid-50-50-2 .col-sm-12:not(:last-child),
   .truist-gridContainer.tru-grid-40-60-2 .col-sm-12,
   .truist-gridContainer.tru-grid-50-50-2 .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-2 .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3 .row .tile:nth-child(2) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3 .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3 .row .tile:nth-child(2) .row .col-sm-12:nth-child(3),
   .truist-gridContainer.tru-grid-40-60-3 .row .tile:nth-child(2) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3 .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3 .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) {
      margin-bottom: 0rem !important;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow .row .tile:nth-child(3) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 4rem;
   }

   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Stretch, Grow & Flip-------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 4rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper {
      border-top-left-radius: 4rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3) .component-wrapper,
   /* -------------- Stretch  & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper {
      border-top-left-radius: 4rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 4rem;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2) .component-wrapper,
   /* -------------- Stretch  & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(2) .component-wrapper,
   /* -------------- Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(1) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper {
      border-top-left-radius: 4rem;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow .row .tile:nth-child(3) .component-wrapper,
   /* -------------- Stretch, Grow & Flip-------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 4rem;
      border-bottom-left-radius: 4rem;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12 .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(3) .component-wrapper,
   /* -------------- Stretch  & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3) .component-wrapper {
      border-top-left-radius: 4rem;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem;
      border-bottom-left-radius: 4rem;
   }

   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(4) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }


   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(2) {
      padding-right: 0px;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3),
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1) {
      padding-left: 0px;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2),
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(4) {
      padding-right: .95rem;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3),
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(2) {
      padding-left: .95rem;
   }

}

@media (min-width: 1024px) {
   .truist-gridContainer.tru-grid-50-50-1 .col-lg-6,
   .truist-gridContainer.tru-grid-50-50-2 .col-lg-6,
   .truist-gridContainer.tru-grid-50-50-3 .col-lg-6,
   .truist-gridContainer.tru-grid-25-25-50-1 .col-lg-6,
   .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-6 {
      margin-left: 0rem;
   }
}

@media (min-width: 992px) {
   .truist-gridContainer.tru-grid-50-50-1 .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 1.875rem;
   }
}

@media (min-width: 768px) and (max-width: 1024px) {
   .truist-gridContainer.tru-grid-50-50-1 .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 1.875rem;
   }

   .truist-gridContainer.tru-grid-25-25-50-2 .col-lg-6 {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1.875rem;
   }

   .truist-gridContainer.tru-grid-25-25-50-3 .col-lg-6 {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1.875rem;
   }
}

@media (min-width: 0px) and (max-width: 768px) {

   .truist-gridContainer.tru-grid-25-1 .col-lg-3,
   .truist-gridContainer.tru-grid-33-1 .col-lg-4,
   .truist-gridContainer.tru-grid-50-50-1 .col-lg-6,
   .truist-gridContainer.tru-grid-25-75-1 .tile,
   .truist-gridContainer.tru-grid-25-25-50-1 .tile,
   .truist-gridContainer.tru-grid-40-60-1 .tile,
   .truist-gridContainer.tru-grid-50-50-2 .col-lg-6,
   .truist-gridContainer.tru-grid-50-50-2 .col-sm-12:not(:last-child),
   .truist-gridContainer.tru-grid-40-60-2 .col-sm-12,
   .truist-gridContainer.tru-grid-25-75-2 .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3 .col-lg-6 .col-sm-12,
   .truist-gridContainer.tru-grid-40-60-3 .col-sm-12,
   .truist-gridContainer.tru-grid-25-75-3 .col-sm-12,
   .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-6,
   .truist-gridContainer.tru-grid-25-50-25-1 .col-lg-3,
   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1.875rem;
   }

   /* -------------- Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.flip .col-sm-12:last-child .component-wrapper {
      margin-bottom: 0rem;
   }

   .truist-gridContainer.tru-grid-50-50-3 .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3 .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3 .row .tile:nth-child(1),
   /* -------------- Flip -------------- */
   .truist-gridContainer.tru-grid-40-60-2.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.flip .row .tile:nth-child(2),
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2) {
      margin-bottom: 1.875rem;
   }

   .truist-gridContainer.tru-grid-50-50-1 .component-wrapper,
   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Stretch & Flip-------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(4) .component-wrapper {
      border-top-left-radius: 4rem;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 4rem;
      border-bottom-left-radius: 4rem;
   }

   /* -------------- Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(1) .component-wrapper,
   /* -------------- Grow & Flip-------------- */
   .truist-gridContainer.tru-grid-50-50-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(3) .component-wrapper,
   /* -------------- Stretch &  Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(3) .component-wrapper {
      border-top-left-radius: 4rem;
      border-top-right-radius: 4rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow .row .tile:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Grow & Flip-------------- */
   .truist-gridContainer.tru-grid-50-50-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(1) .component-wrapper,
   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   /* -------------- Stretch, Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(1) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 4rem;
      border-bottom-left-radius: 4rem;
   }

   /* -------------- Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow .row .tile:nth-child(3) .component-wrapper,
   /* -------------- Grow & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.grow.flip .row .tile:nth-child(4) .component-wrapper,
   /* -------------- Stretch & Grow -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow .row .tile:nth-child(1) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow .row .tile:nth-child(2) .row .col-sm-12:nth-child(1) .component-wrapper,
   /* -------------- Stretch, Grow & Flip-------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-2.stretch.grow.flip .row .tile:nth-child(1) .row .col-sm-12:nth-child(1) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-50-50-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-40-60-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-75-3.stretch.grow.flip .row .tile:nth-child(2) .row .col-sm-12:nth-child(3) .component-wrapper,
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-33-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(2) .component-wrapper,
   .truist-gridContainer.tru-grid-25-1.stretch.grow.flip .row .tile:nth-child(4) .component-wrapper {
      border-top-left-radius: 0rem;
      border-top-right-radius: 0rem;
      border-bottom-right-radius: 0rem;
      border-bottom-left-radius: 0rem;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-33-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-1.stretch .row .tile:nth-child(4),
   /* -------------- Stretch & Flip -------------- */
   .truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-3.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-3.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-3.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-25-50-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-50-25-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-33-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(1),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(2),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(3),
   .truist-gridContainer.tru-grid-25-1.stretch.flip .row .tile:nth-child(4) {
      padding-right: .95rem;
      padding-left: .95rem;
   }

   /* -------------- Stretch -------------- */
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-50-50-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-40-60-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(1),
   .truist-gridContainer.tru-grid-25-75-2.stretch .row .tile:nth-child(1) .row .col-sm-12:nth-child(2),
   .truist-gridContainer.tru-grid-50-50-3.stretch .row .tile:nth-child(2) .row .col-sm-12,
   .truist-gridContainer.tru-grid-40-60-3.stretch .row .tile:nth-child(2) .row .col-sm-12,
   .truist-gridContainer.tru-grid-25-75-3.stretch .row .tile:nth-child(2) .row .col-sm-12 {
      padding-right: .9rem;
      padding-left: .9rem;
   }
}

/* Utility Classes */

.bg-ntrl-white .component-wrapper {
   background-color: var(--truClrNtrlWht);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrPplBs);
}

.bg-off-white .component-wrapper {
   background-color: var(--truClrOffWht);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrPplBs);
}

.bg-mist .component-wrapper {
   background-color: var(--truClrMistBs);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrPplBs);
}

.bg-mist-dk .component-wrapper {
   background-color: var(--truClrMistDk);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrPplBs);
}

.bg-sky-blue-ltr .component-wrapper {
   background-color: var(--truClrSkyLtr);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrPplBs);
}

.bg-sky-blue-lt .component-wrapper {
   background-color: var(--truClrSkyLt);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrPplBs);
}

.bg-ntrl-gray .component-wrapper {
   background-color: var(--truClrNtrlBlk50);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrNtrlWht);
}

.bg-dusk-dkr .component-wrapper {
   background-color: var(--truClrDuskDkr);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrNtrlWht);
}

.bg-tru-ppl .component-wrapper {
   background-color: var(--truClrPplBs);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrNtrlWht);
}

.bg-clear .component-wrapper {
   background-color: var(--truClrClear);
   outline: 1px solid var(--truClrClear);
   color: var(--truClrNtrlWht);
}
.skinny-banner {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   flex-wrap: nowrap;
   width: 100%;
   max-width: 1366px;
   height: auto;
   color: var(--truClrFrstBs);
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
   padding: 2rem;
   margin-right: auto;
   margin-left: auto;
   transition: all .5s ease-in-out;
}

.skinny-banner.border-radius-40 {
 border-radius: 4rem;
}

.skinny-banner.border-radius-20 {
  border-radius: 2rem;
}

.skinny-banner .btn:not(.custom-select):not(.subpage-navbar-cta) {
   min-width: fit-content;
   width: fit-content;
   margin-bottom: 0;
   text-wrap: nowrap;
}

.skinny-banner > div:not(.banner-copy) {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 2rem 4rem;
}

.skinny-banner.no-padding > div:not(.banner-copy) {
	width:100%;
   display:inline;
   padding: 0;
	border: none;                    
}

.skinny-banner.full-width > div:not(.skinny-banner-img) {
	display: inline;
   max-width: 100%;

}


.skinny-banner .banner-copy {
   max-width: 825px;
   padding: 0 2rem;
   align-items: flex-start;
}

.banner-copy-no-padding {
   max-width: 100%;
   padding: 0;
}
 
.skinny-banner .banner-copy .subheading {
   margin-top: 0
}

.skinny-banner p {
   padding: 0rem;
   margin: 0rem;
}

.skinny-banner .banner-copy span {
   font-family: var(--truFontFamBd);
   font-weight: 600;
   font-size: var(--truTxtSize5);
   line-height: var(--truLnHght5);
   display: block;
   margin-top: 1rem;
   margin-bottom: .625rem;
}

.skinny-banner svg,
.skinny-banner img {
   object-fit: contain;


}

.skinny-banner .banner-icon path {
   transition: all .5s ease-in-out;
}

.skinny-banner.half-width-left,
.skinny-banner.half-width-center,
.skinny-banner.half-width-right {
   width: 100%;
   max-width: 1024px;
}

.skinny-banner.half-width-left > div:not(.banner-copy),
.skinny-banner.half-width-center > div:not(.banner-copy),
.skinny-banner.half-width-right > div:not(.banner-copy) {
   padding: 1rem;
}

@media (min-width: 0px) and (max-width: 1366px) {
   .skinny-banner > div:not(.banner-copy) {
      padding: 0;
   }
}

@media (min-width: 768px) and (max-width: 1024px) {
   .skinny-banner {
      flex-direction: column;
      border-radius: 0;
   }

   .skinny-banner.half-width-left,
   .skinny-banner.half-width-center,
   .skinny-banner.half-width-right {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      padding-right: 0rem;
      padding-left: 0rem;
      float: none;
   }

   .skinny-banner > div:not(.banner-copy),
   .skinny-banner .banner-copy {
      padding-bottom: 1.6rem;
      padding-top: 1.6rem;
   }

   .skinny-banner > div:first-child {
      display: flex;
      justify-content: center;
   }

   .skinny-banner .banner-copy {
      text-align: center;
   }

   .skinny-banner.mobile-align-left {
      text-align: left;
   }

   .skinny-banner.mobile-align-left > div:first-child,
   .skinny-banner.mobile-align-left > div:nth-child(2),
   .skinny-banner.mobile-align-left > div:last-child {
      padding-left: 0rem;
   }
}

@media (min-width: 0px) and (max-width: 768px) {
   .skinny-banner {
      flex-direction: column;
      
   }

   .skinny-banner svg, .skinny-banner img {
    padding: 0 1rem;
}

   .skinny-banner.half-width-left,
   .skinny-banner.half-width-center,
   .skinny-banner.half-width-right {
      width: 100%;
      max-width: 100%;
      padding-right: 0rem;
      padding-left: 0rem;
      float: none;
   }
  

   .skinny-banner > div:not(.banner-copy),
   .skinny-banner .banner-copy {
      padding-bottom: 1.6rem;
      
   }

   .skinny-banner > div:first-child:not(.mobile-align-left),
   .skinny-banner > div:nth-child(2):not(.mobile-align-left) {
      justify-content: center;
      text-align: center;
      margin-bottom: 1.875rem;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
   }

   .skinny-banner > div:first-child.mobile-align-left,
   .skinny-banner > div:nth-child(2).mobile-align-left {
      text-align: left;
   }
   .skinny-banner.flip > div:last-child.mobile-align-left,
   .skinny-banner.flip > div:nth-child(2).mobile-align-left {
      text-align: left;
   }

   .skinny-banner.flip > div:last-child,
   .skinny-banner.flip > div:nth-child(2) {
      justify-content: center;
      text-align: center;
      margin-bottom: 1.875rem;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
   }

   .skinny-banner.flip > div:first-child {
      justify-content: center;
      text-align: center;
      margin-bottom: 0rem;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
   }

   .skinny-banner .mobile-align-left > div:first-child,
   .skinny-banner .mobile-align-left > div:nth-child(2) { 
      text-align: left;
      padding: 2rem;
   }

   .skinny-banner.mobile-align-left > div:first-child,
   .skinny-banner.mobile-align-left > div:nth-child(2),
   .skinny-banner.mobile-align-left > div:last-child {
      padding-left: 0rem;
      text-align: left;
   }

   .skinny-banner-component .mobile-align-left{
    align-self: flex-start;
     }

	.skinny-banner-component {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
    }

   .skinny-banner-component .skinny-banner .banner-copy { 
      padding-left: 1rem;
    }
  
   .skinny-banner-component .skinny-banner .mobile-align-left > div:first-child,
   .skinny-banner-component .skinny-banner .mobile-align-left > div:nth-child(2) { 
      padding-left: 0;
    }
  
   .skinny-banner-component .skinny-banner .flex-fill {
      padding-left: 1rem;
    }



}


@charset "utf-8";.branch-locator-breadcrumb,.branch-locator-container,.location-detail-component{padding-left:3rem}.branch-locator-container .see-more-accordion svg{width:1rem}.branch-locator-breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left:0}.location-detail-component .flex-detail-container .locator-image-content{padding-left:3rem}.location-detail-component .flex-detail-container .locator-image-content .gap-top-bottom{margin-bottom:6rem}@media screen and (min-width:220px) and (max-width:1023px){.branch-locator-breadcrumb,.branch-locator-container{padding:0 1.5rem}.location-detail-component{padding:0}.location-detail-component>.branch-heading-container{padding:0 1.5rem}.location-detail-component .map-details-container .details-view-component{padding:0 1.5rem;width:100%}.location-detail-component .map-details-container .flex-detail-container{flex-direction:column}.location-detail-component .map-details-container .flex-detail-container .locator-image-container{height:15.9rem;margin-bottom:3rem;max-width:15.9rem;min-width:15.9rem}.location-detail-component .map-details-container .flex-detail-container .locator-image-content{padding:0}.location-detail-component .map-details-container .flex-detail-container .gap-top-bottom{margin-bottom:unset}.location-detail-component .map-details-container .service-detail-container>h2{padding:0 1.5rem}.location-detail-component .map-details-container .service-detail-container .makeapp-btn{font-size:1.8rem}}.banner-error-msg .banner-error-image img{height:auto;width:100%}.banner-error-msg .error--content-msg{padding:2rem 0 1rem 1.2rem}.banner-error-msg .error--content-msg h1.error-page-heading{color:var( --truPurple800 );font-size:8rem}.banner-error-msg .error--content-msg h2.error-page-content{color:var(--truClrGryMd);font-size:3.6rem;line-height:1.2}.banner-error-msg .button-homepage-redirect button{background:none;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );font-size:1.8rem;margin:2rem 0 0;padding:1rem 2rem}.cluster-marker{background-color:#7c6992;border-radius:50%;color:#fff;font-size:1.8rem}.citylist-index{max-height:600px;overflow-y:auto}.citylist-index::-webkit-scrollbar-track{background-color:#c9c9c9;border-radius:8px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.citylist-index::-webkit-scrollbar{background-color:#c9c9c9;width:9pt}.citylist-index::-webkit-scrollbar-thumb{background-color:#afabc9;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.citylist-index>nav{display:none}.citylist-index>nav.show,.citylist-index>nav:has(ul.citylist-content>li){display:unset}.citylist-index .citylist-container{border-bottom:1px solid #ccc;display:flex;flex-direction:row;list-style-type:none;padding:2rem 0;width:100%}.citylist-index .citylist-container>li:last-child{margin-left:auto;padding-right:5rem}.citylist-index .citylist-container>li:last-child button{background-color:transparent;border:none}.citylist-index .citylist-container>li:last-child svg.is-rotated{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.citylist-index .rcorner-char{color:#fff;font-size:1.8rem;left:11px;line-height:1.2;position:absolute;text-align:center;top:11px;width:24px}.citylist-index ul.citylist-content{color:var( --truPurple800 );display:block;list-style-type:none;padding-left:2.5rem;padding-right:2rem;padding-top:0}.citylist-index ul.citylist-content.hide{display:none}.citylist-index ul.citylist-content li{display:block;line-height:2}.citylist-index ul.citylist-content li a{color:var( --truPurple800 );font-size:1.8rem;text-decoration:underline}.citylist-index ul.citylist-content li a:focus,.citylist-index ul.citylist-content li a:hover{text-decoration:none}@media screen and (min-width:220px) and (max-width:1023px){.citylist-index{margin-left:0}.citylist-index .citylist-container{width:100%}.result-list-item-view>.citylist-index{height:auto}.citylist-index .citylist-container li:last-child{padding-right:2rem}}.branch-locator-breadcrumb .breadcurb-nav .mobile-home-img{display:none}.branch-locator-breadcrumb ul.breadcrumb{background:none;display:flex}.branch-locator-breadcrumb ul.breadcrumb li a{color:var( --truPurple800 );font-size:1.6rem;padding:0 .5rem;text-decoration:underline;vertical-align:middle}.branch-locator-breadcrumb ul.breadcrumb li a:hover{text-decoration:none}.branch-locator-breadcrumb ul.breadcrumb li a:first-child{padding-left:0}.branch-locator-breadcrumb ul.breadcrumb li.active a,.branch-locator-breadcrumb ul.breadcrumb li.breadcrumb-item.active{color:var(--truClrGryMd);font-size:1.6rem;height:auto;padding:0;text-decoration:none}.branch-locator-breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#2e1a47;content:"\e810";font-family:truist-icons;font-size:1rem;padding:0 1rem;transform:rotate(90deg);vertical-align:middle}.branch-detail-component .back-btn-search-result{padding:2rem 0}.branch-locator-breadcrumb ul.breadcrumb{padding-left:0}.branch-locator-breadcrumb ul.breadcrumb li:first-child a{font-weight:700}.back-btn-search-result .back-btn.hide{display:none}.back-btn-search-result .back-btn{background:none;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );cursor:pointer;display:inline-block;font-size:1.8rem;font-weight:400;height:50px;margin-right:1rem;padding:1rem 2rem;text-align:center;text-decoration:none}.branch-detail-component ul.lobby-items{color:var(--truClrGryMd);font-size:1.6rem;list-style-type:none;margin:0 0 1rem;padding:0}.back-btn-search-result .back-btn svg{margin-right:.6rem;vertical-align:sub}.back-btn-search-result .back-btn:hover:before{color:var( --truPurple800 )}.details-view-component .makeapp-btn{background:none;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );cursor:pointer;font-size:1.8rem;font-weight:400;margin-right:1rem;padding:.8rem 1rem;text-align:center;text-decoration:none}.details-view-component .makeapp-btn:focus,.details-view-component .makeapp-btn:hover{background:var( --truPurple800 );border:1px solid var( --truPurple800 );color:#fff}.branch-detail-component .map-details-container{display:flex;flex-wrap:wrap;width:100%}.branch-detail-component .map-details-container .service-detail-container .makeapp-btn{position:relative}.js-map-hours-wrapper .hours-map-details-container{display:flex;flex-wrap:wrap;width:100%}.js-map-hours-wrapper .hours-map-details-container>div{margin:1rem 0 1.5rem;width:50%}.js-map-hours-wrapper .hours-map-details-container ul>li:first-child{border-bottom:1px solid #ddd;margin-bottom:.5rem;width:80%}.branch-detail-component .details-view-component{width:50%}.locator-image-content .get-direction{color:var( --truPurple800 );text-decoration:underline;vertical-align:middle}.locator-image-content .get-direction:hover{text-decoration:none}.branch-detail-component .get-direction-page{border-bottom-left-radius:8%;border-bottom-right-radius:0;border-top-left-radius:8%;border-top-right-radius:0;width:50%}.branch-detail-component .branch-heading{background:#fff;color:var( --truPurple800 );font-size:4.2rem;font-weight:300;margin:2rem 0;text-transform:uppercase}.details-view-component .detail-view{border:0;width:100%}.details-view-component .flex-detail-container{display:flex}.details-view-component .flex-detail-container .detail-phone-no,.details-view-component .flex-detail-container .detail-tel-no{display:flex;flex-wrap:wrap}.flex-detail-container .locator-image-content .branch-details-address{color:var(--truClrGryMd)}.details-view-component .flex-detail-container .detail-tel-no{margin-right:1rem}.details-view-component .flex-detail-container .detail-tel-no svg{position:relative;top:5px;vertical-align:text-bottom}.details-view-component .flex-detail-container .detail-tel-no .detail-loc-phone{color:var( --truPurple800 );text-decoration:underline}.details-view-component .flex-detail-container .detail-tel-no .detail-loc-phone:hover{text-decoration:none}.details-view-component .flex-detail-container .detail-phone-no{border-left:2px solid var( --truNeutral300 );padding-left:1rem}.details-view-component .flex-detail-container .detail-phone-no svg{margin-top:5px;position:relative}.details-view-component .flex-detail-container .detail-phone-no .loc-phone{color:var( --truPurple800 );margin-left:.6rem;text-decoration:underline}.details-view-component .flex-detail-container .detail-phone-no .loc-phone:hover{text-decoration:none}.flex-detail-container img.locator-image{border:1px solid #c9c9c9;border-radius:28px;height:auto;width:269px}.flex-detail-container .locator-image-content{font-size:1.8rem;padding:0 0 0 2rem}.locator-image-content span{display:block}.locator-image-content .gap-top-bottom{display:flex;padding:2rem 0}.map-details-container .branch-loppy{width:50%}.map-details-container .branch-loppy-hour{display:inline-block;width:30%}.branch-loppy-padding{padding:2rem 0}.details-view-component h2.heading-block{border-bottom:1px solid #ccc;color:var( --truPurple800 );font-size:3.8rem;font-weight:300;padding:5rem 0 .6rem;width:100%}.details-view-component .js-map-hours-wrapper .sub-heading{color:#7c6992;font-size:1.8rem;font-weight:700;width:93%}.map-details-container .details-view-component .service-detail-container h2.remove-border{border-bottom:0}.map-details-container .service-detail-container{margin-top:1rem;width:96%}.map-details-container .service-content-container ul li{color:var( --truPurple800 );font-size:1.8rem}.map-details-container .service-content{background:var( --truNeutral50 );border-radius:.4rem;margin-bottom:1rem;padding:2rem;width:100%}.map-details-container .service-content h3{color:#5e4b68;font-size:1.6rem;margin-bottom:1rem;width:100%}.map-details-container .service-content ul{color:var( --truPurple800 );column-count:2;-webkit-columns:2;-moz-columns:2;font-size:.8rem;font-size:1.8rem;line-height:2;list-style-type:none;margin-bottom:15px;padding:0 0 3rem;width:100%}.map-details-container .service-content ul.feature-product{column-count:1}.map-details-container .service-content li a{color:var( --truPurple800 );text-decoration:none}.map-details-container .service-content li a:hover{text-decoration:underline}.map-details-container .service-content-container{width:50%}.map-details-container .reversi .reverse-trip:hover{text-decoration:none}.map-details-container .reversi>span{position:relative}.map-details-container .reversi>span:first-of-type{bottom:.1rem;left:.4rem}.map-details-container .reversi>span:last-of-type{margin-right:.5rem;top:.6rem}.map-details-container .js-pickers>span{cursor:pointer;display:block}.details-view-component .mobile-view-makeappt,.map-details-container .toggle-map-detail-view{display:none}.map-details-container .get-direction-page .adp-listinfo span:nth-child(3){color:var(--truClrGryMd);padding:0 0 2rem;visibility:hidden}.map-details-container .get-direction-page .adp-listinfo .js-toggle-details:hover{text-decoration:none}.details-view-component .flex-detail-container .hide-line{color:#c2c2c2;display:none;margin-right:1rem}.details-view-component .flex-detail-container .detail-tel-no~.hide-line{display:unset}.map-details-container .gmnoprint{display:none}.branch-detail-component div.js-location-status-msg{background-color:var( --truPurple800 );border-radius:9pt;color:#fff;left:50%;padding:0 2rem 2rem 4rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:40%;z-index:1000}.branch-detail-component div.js-location-status-msg .branch-updates{color:#fff;display:flex}.branch-detail-component div.js-location-status-msg .branch-update-heading{display:flex;font-size:3rem}.branch-detail-component div.js-location-status-msg .branch-update-heading>div{padding-right:1rem}.branch-detail-component div.js-location-status-msg .branch-update-heading svg path{fill:#fff}.branch-detail-component div.js-location-status-msg .branch-update-heading span{font-size:1.8rem;vertical-align:middle}.branch-detail-component .closed-popup-close-icon{cursor:pointer;margin-left:auto}.branch-detail-component .closed-popup-close-icon svg path{fill:#fff}.branch-detail-component .js-location-name>span:last-child{text-transform:uppercase}.map-details-container .google-search-form .group-filter-search .autosuggestion-location-dropdown{padding-left:0;padding-right:0;width:100%}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip{font-size:1.62rem;line-height:1.2;max-width:98%;min-width:367px;padding:2rem;transform:translate(-25%)}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip *{color:#fff;font-size:1.8rem;line-height:1.2}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip h4{font-weight:700;margin-bottom:1rem}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip svg{fill:#fff;display:block;margin:-3em 0 -2em;width:28%}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip ul{columns:unset;-webkit-columns:unset;list-style-type:disc;padding:0 0 0 2.5rem}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip a{text-decoration:revert}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip a:focus,.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip a:hover{text-decoration:auto}.branch-detail-component .flex-detail-container .locator-image-container{align-items:center;border:1px solid var( --truNeutral300 );border-radius:2rem;display:flex;height:189px;justify-content:center;overflow:hidden;width:189px}.branch-detail-component .flex-detail-container img.locator-image{border:none;border-radius:0;height:auto;max-height:100%;width:100%}@media screen and (min-width:220px) and (max-width:1023px){.branch-locator-breadcrumb .breadcurb-nav .mobile-home-img{display:block;margin-top:.6rem}.branch-locator-breadcrumb ul.breadcrumb li.mobile-home{display:none}.branch-locator-breadcrumb .breadcurb-nav .mobile-home-img svg{height:14px;width:14px}.branch-locator-breadcrumb .breadcurb-nav{display:flex}.branch-locator-breadcrumb ul.breadcrumb{padding-left:2rem}.aem-Grid.aem-Grid--default--24>.gridlayoutcontainer .branch-detail-component{margin-left:0;width:100%}.map-details-container .details-view-component .service-detail-container h2.remove-border{margin-left:2rem}.map-details-container .back-view-toggle{background-image:linear-gradient(#87749e,#7c6992);border-radius:20rem;cursor:pointer;display:block;display:none;height:56px;position:absolute;right:4rem;top:11rem;top:40rem;width:56px;z-index:1}.map-details-container .get-direction-view-toggle{background:#fff;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );font-size:1.8rem;margin:2rem 0 0;padding:1rem 3rem;position:absolute;right:9rem;z-index:1000}.map-details-container .service-content{padding-left:5rem}.map-details-container .get-direction-view-toggle:hover{background:var( --truPurple800 );color:#fff;text-decoration:none}.map-details-container .get-direction-view-toggle svg{vertical-align:baseline}.map-details-container .get-direction-view-toggle:hover svg,.map-details-container .get-direction-view-toggle:hover svg path{fill:#fff}.map-details-container .back-view-toggle .list-view-text{color:#fff;display:block;font-size:1.6rem;margin-left:1.3rem;padding-top:1pc}.details-view-component h2.heading-block{padding-top:3rem;width:100%}.branch-detail-component .branch-heading{font-size:3.6rem}.details-view-component .flex-detail-container .detail-tel-no~.hide-line{display:none}.js-map-hours-wrapper .hours-map-details-container div{width:100%}.map-details-container .toggle-map-detail-view{position:relative;width:100%}.toggle-map-detail-view .map-view-toggle{position:fixed;right:4rem;top:35rem}.flex-detail-container img.locator-image{border:1px solid #c9c9c9;border-radius:4px;height:auto;width:159px}.details-view-component .desktop-view-makeappt,.map-details-container .get-direction-page{display:none}.details-view-component .mobile-view-makeappt{display:block;margin-top:2rem}.details-view-component .map-details-container,.map-details-container .toggle-map-detail-view{display:block}.map-details-container .branch-loppy{padding:0;width:100%}.flex-detail-container .locator-image-content{font-size:1.8rem;padding:0 0 0 1rem}.locator-image-content .gap-top-bottom{display:inherit}.map-details-container .service-detail-container{margin:0;padding:0;width:100%}.map-details-container .service-content ul{column-count:1;-webkit-columns:1;font-size:1.8rem}.map-details-container .get-direction-page.map-view-show,.map-details-container .get-direction-page.map-view-show .map-view{border-radius:0;display:block}.map-details-container .get-direction-page.map-view-show .google-search-form,.map-details-container .get-direction-page.map-view-show .js-details-wrapper,.map-details-container .get-direction-page.map-view-show .reversi{display:none}.branch-detail-component div.js-location-status-msg{width:90%}.branch-detail-component .flex-detail-container .locator-image-container{height:15.9rem;margin-bottom:3rem;width:15.9rem}}@media only screen and (min-device-width:980px) and (max-device-width:1199px) and (-webkit-min-device-pixel-ratio:1.5){.locator-image-content .gap-top-bottom.flex-detail-container{display:inherit}.map-details-container .service-content ul{font-size:1.8rem}}@media only screen and (min-device-width:980px) and (max-device-width:1679px){.flex-detail-container img.locator-image{height:auto;width:189px}.flex-detail-container .locator-image-content{padding:0 0 0 1.5rem}}@media only screen and (min-width:1680px){.branch-detail-component .google-map-view{height:680px}.flex-detail-container img.locator-image{border-radius:28px;height:auto;width:269px}.map-details-container .google-search-form .pac-target-input{width:42rem}}.details-view-component .makeapp-btn.atm{display:none}@media screen and (max-width:768px){.details-view-component .flex-detail-container .detail-phone-no{border-left:none;padding-left:0}.branch-detail-component .service-content-container .hover-tooltip-wrapper>.hover-tooltip{left:1%;transform:unset}}.google-map-locator-component .filter-popup-container{background:#fff;border:1px solid #ccc;border-radius:8px;display:none;margin-left:27rem;margin-top:-5rem;padding:1.5rem 1.5rem 2.5rem 6rem;position:absolute;width:68rem;z-index:1000}.locator-component.filter-dialog-active .filter-popup-container{display:block}.filter-popup-container .flex-format-container{align-items:baseline;display:flex}.filter-popup-container .filter-radio-button{width:7rem}.filter-popup-container .filter-split-item{color:var(--truClrGryMd);width:50%}.filter-popup-container .flex-format-container ul{display:flex;flex-wrap:wrap;font-size:1.8rem;list-style-type:none;margin:0;padding:0;width:100%}.filter-popup-container .flex-format-container .popup-window-title{color:var( --truPurple800 );font-size:1.8rem;font-weight:700;padding-bottom:3px}.filter-popup-container .p_element .popup-window-title{color:var( --truPurple800 );font-size:1.8rem;font-weight:700;padding:1.5rem 0 1rem}.filter-popup-container .filter-button input[type=radio]:focus,.filter-popup-container .filter-split-item .select-box-svg-inner select:focus{outline:1px solid var( --truPurple800 )}.filter-popup-container .filter-popup-close-icon{text-align:right}.filter-popup-close-icon svg{color:var(--truClrGryMd);cursor:pointer};.filter-popup-container .fixedWidth{width:45%}.filter-popup-container .filterSelect{-webkit-appearance:none;-moz-appearance:none;border:2px solid var( --truPurple800 );height:39px;margin-right:10rem;text-indent:1px;text-overflow:"";width:80%}.filter-popup-container .reset-filter{color:var( --truPurple800 );font-size:1.8rem;padding-top:.5rem}.filter-popup-container .reset-filter a{color:var( --truPurple800 );font-size:1.8rem;text-decoration:underline}.filter-popup-container .reset-filter a:focus,.filter-popup-container .reset-filter a:hover{text-decoration:none}.filter-popup-container .apply-button{margin-left:auto;padding:0 4rem}.filter-popup-container .apply-button button{background:none;background:var( --truPurple800 );border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );color:#fff;font-size:1.8rem;padding:9pt 20px}.filter-popup-container .apply-button button:focus,.filter-popup-container .apply-button button:hover{background:#fff;color:var( --truPurple800 )}.filter-popup-container .radio-container{cursor:pointer;display:block;font-size:1.8rem;margin-bottom:9pt;padding-left:2pc;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filter-popup-container .filter-split-item .radio-container{display:inline-block;font-size:1.8rem;line-height:1.8}.filter-popup-container .radio-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.filter-popup-container .checkmark{background-color:#fff;border:1px solid var(--truClrGryMd);height:24px;left:0;position:absolute;top:4px;width:24px}.filter-popup-container .radio-container input:checked~.checkmark{background-color:var( --truPurple800 )}.filter-popup-container .checkmark:after{content:"";display:none;position:absolute}.filter-popup-container .radio-container input:checked~.checkmark:after{display:block}.filter-popup-container .radio-container .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:9pt;left:7px;top:3px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:8px}.filter-popup-container .filter-button{border-radius:.3rem;color:var(--truClrGryMd);display:inline-block;font-size:1.8rem;margin-bottom:10px;padding-right:7rem;position:relative;vertical-align:middle}.filter-popup-container .filter-button input[type=radio]{-webkit-appearance:none;border:2px solid var(--truClrGryMd);border-radius:50%;height:20px;margin:2rem 0 0;outline:none;vertical-align:text-bottom;width:20px}.filter-popup-container .filter-button input[type=radio]:before{border-radius:50%;content:"";display:block;height:55%;margin:21% auto;width:54%}.filter-popup-container .filter-button input[type=radio]:checked:before{background:var( --truPurple800 )}.filter-popup-container .filter-button input[type=radio]:checked{border-color:var(--truClrGryMd)}.filter-popup-container .fixedWidth{position:relative;width:43%}.filter-popup-container .filter-split-item .select-box-svg-inner select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:none;border:2px solid var( --truPurple800 );border-radius:4px;box-shadow:none;display:block;height:56px;padding-left:4px;position:relative;transition:background .4s ease;z-index:2}.filter-popup-container .select-box-svg-inner select:hover{cursor:pointer}.filter-popup-container .icon-svg-arrow{display:block;height:24px;padding:0;position:absolute;right:56px;top:1pc;user-select:none;z-index:1}.filter-popup-container .filter-popup-close-icon svg:focus{outline:border}@media screen and (min-width:220px) and (max-width:1023px){.filter-popup-container .flex-format-container{margin-bottom:2rem;padding:0 2rem}.filter-popup-container .p_element .popup-window-title{padding:1.5rem 2rem}.filter-popup-container .filter-button{padding-right:3rem}.google-map-locator-component .filter-popup-container{border:0;border-radius:0;height:100%;left:0;margin:0;padding:2rem 0 0;position:relative;width:100%}.filter-popup-container .flex-format-container.mobile-reset-button{flex-direction:column;text-align:center;width:100%}.filter-popup-container .filter-split-item,.filter-popup-container .filter-split-item .select-box-svg-inner select,.filter-popup-container .fixedWidth{width:100%}.filter-popup-container .reset-filter{order:2;padding:2rem 0;width:100%}.filter-popup-container .branch-atm-validation{display:inherit;width:100%}.filter-popup-container .flex-format-container ul{display:inherit;max-height:32vh;overflow:hidden;overflow-y:auto;width:100%}.filter-popup-container .filter-popup-close-icon{margin-right:3rem}.filter-popup-container .apply-button{margin:3rem 0 2rem;order:1;padding:0;width:100%}.filter-popup-container .apply-button button{padding:5px 0;width:100%}.locator-search-page .filter-popup-container .icon-svg-arrow{right:18px}.filter-popup-container .filter-split-item .select-box-svg-inner select{box-sizing:content-box;color:var(--truClrGryMd);padding-left:2rem;width:93%}.locator-component.filter-dialog-active .main-container,.locator-component.filter-dialog-active .search-navigation,.locator-component.filter-dialog-active .toggle-switch-map{display:none}}.map-details-container .get-direction-page .locator-input{padding-left:51px;padding-top:0}.map-details-container .adp-directions{width:100%}.map-details-container .adp-directions .adp-substep{color:#707077;padding:.15rem 13rem 1rem 3.6rem}.map-details-container .adp-directions .adp-substep .adp-stepicon{height:24px;width:24px}.map-details-container .auto-direction{display:none;margin-top:0;padding:0 0 0 4rem}.map-details-container .auto-direction .adp-step,.map-details-container .auto-direction .adp-substep{border-top:0}.map-details-container .auto-direction .adp table{border-left:1px solid #afabc9;font-size:1.8rem}.map-details-container .adp-directions .adp-substep .adp-stepicon .adp-maneuver{background:none}.map-details-container .adp-directions .adp-substep .adp-stepicon .adp-maneuver.adp-keep-left,.map-details-container .adp-directions .adp-substep .adp-stepicon .adp-maneuver.adp-turn-left{background-position:0 0}.map-details-container .get-direction-page [jstcache="117"]{margin-left:-8px;padding-right:2rem;width:77%}.map-details-container .get-direction-page .adp-list{border:0;color:var(--truClrGryMd);font-size:1.8rem;padding-bottom:0;padding-left:30px;padding-top:0}.map-details-container .get-direction-page .adp-placemark,.map-details-container .get-direction-page [jstcache="115"],.map-details-container .get-direction-page [jstcache="118"],.map-details-container .get-direction-page [jstcache="119"],.map-details-container .get-direction-page [jstcache="26"],.map-details-container .get-direction-page [jstcache="31"],.map-details-container .get-direction-page [jstcache="32"],.map-details-container .get-direction-page [jstcache="37"],.map-details-container .get-direction-page [jstcache="65"]{display:none}.map-details-container .get-direction-page .adp-listinfo span:nth-child(odd){background:#fff;flex:0 0 77%;padding:0 0 1.5rem}.map-details-container .get-direction-page .adp-listinfo span:nth-child(2n){background:#fff;flex:0 0 23%;text-align:right}.map-details-container .get-direction-page .adp-summary{display:none}.map-details-container .get-direction-page .adp-summary~div{margin-left:4.2rem}.map-details-container .get-direction-page [jstcache="23"]{border-bottom:0;padding-bottom:2rem}.map-details-container .adp-directions tr:focus{outline:0}.get-direction-page .google-search-form .floating-label{top:1px}.map-details-container .adp-directions tr td:first-child{background-color:#7c6992;border-radius:50%;display:inline-block;height:6px;margin-left:-3px;margin-top:9pt;padding:0;position:absolute;width:6px}.map-details-container .adp-directions tr:first-child>td:first-child,.map-details-container .adp-directions tr:last-child>td:first-child{height:10px;margin-left:-6px;padding-bottom:0;width:11px}.map-details-container .get-direction-page .adp-listinfo{background:url(../../../content/dam/global-images/directions-car.svg);background-position-y:1.2rem;background-repeat:no-repeat;border-top:1px solid #d3d3d3;display:flex;flex-wrap:wrap;margin:1rem 0 2rem;padding:1rem 3rem 0 5rem}.map-details-container .get-direction-page .js-pickers:first-child>.adp-listinfo:first-child{border-top:none}.map-details-container .get-direction-page .js-pickers:first-child>.adp-listinfo:first-child>span{visibility:unset}.map-details-container .get-direction-page .js-pickers{padding:0 0 0 3rem}.map-details-container .get-direction-page .reversi{margin:0;padding:3rem 0 3rem 3rem}.map-details-container .get-direction-page .reversi a{color:var( --truPurple800 );font-size:1.8rem;text-decoration:underline}.map-details-container .bestRoute{color:var(--truClrGryMd);display:block;width:98%}.map-details-container .cols-direction{color:var( --truPurple800 )}.map-details-container .google-search-form .group-filter-search{display:flex;padding:0 3rem}.map-details-container .google-search-form .filter-button-badge{display:none}.map-details-container .get-direction-page .map-view{height:600px;margin:0 0 5rem}.map-details-container .get-direction-page .js-location-name{padding-left:3.1rem}.map-details-container .get-direction-page .js-location-name.js-direction-reverse span:first-child,.map-details-container .get-direction-page .js-location-name:not(.js-direction-reverse) span:nth-child(2){display:none}@media screen and (min-width:320px) and (max-width:1023px){.map-details-container .get-direction-page .js-pickers{padding:0 0 0 1rem}.map-details-container .adp-listinfo,.map-details-container .auto-direction{padding:0 0 0 1.5rem}.map-details-container .get-direction-page{width:100%}.map-details-container .get-direction-page [jstcache="117"]{padding-left:2rem}}.map-details-container .get-direction-page tr{display:flex;padding:.8rem 0}.map-details-container .get-direction-page tr td:last-child{display:none}.map-details-container .get-direction-page .adp-fullwidth [jstcache="114"]{color:var(--truClrGryMd);display:block;font-size:1.8rem;padding:0;width:80%}.map-details-container .auto-direction>div[jstcache]{display:none}.map-details-container .auto-direction>div:last-child[jstcache]{display:unset}.map-details-container .get-direction-page button.js-toggle-details{background:#fff;border:none;color:var( --truPurple800 );display:block;font-size:1.8rem;text-decoration:underline}.map-details-container .get-direction-page .js-details-expanded>.auto-direction{display:unset}.map-details-container .get-direction-page .js-details-expanded>.js-pickers:first-child>.adp-listinfo:last-child>button.js-toggle-details span:first-child{display:none}.map-details-container .get-direction-page .js-details-expanded>.js-pickers:first-child>.adp-listinfo:last-child>button.js-toggle-details span:last-child{display:unset}.map-details-container .auto-direction>div{border-bottom:0}.google-search-form .group-filter-search{display:flex;padding-left:3px;width:100%}.google-search-form .group-filter-search .google-locator-input{border:none;border-radius:0 4px 4px 0;color:var(--truClrGryMd);font-size:1.8rem;height:50px;overflow:hidden;padding-left:.8rem;padding-right:4rem;padding-top:30px;text-overflow:ellipsis;white-space:normal;width:37rem}.google-search-form .group-filter-search .google-locator-input:focus-visible{outline:none}.google-search-form .group-filter-search .tt-menu{background-color:#fff;border:1px solid var(--truClrGryMd);border-radius:4px;padding:0 .5rem;width:100%}.google-search-form .group-filter-search .tt-menu .tt-suggestion{color:#515151;cursor:default;font-size:1.1rem;line-height:30px;overflow:hidden;padding:0 4px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.google-search-form .group-filter-search .tt-menu .tt-suggestion>span.main-text{color:#000;font-size:1.3rem;font-weight:700}.search-filter-form .google-search-form{width:100%}.google-search-form .group-filter-search .autosuggestion-location-dropdown{display:flex;padding-left:0;padding-right:2rem}.google-search-form .group-filter-search .input-svg-color{border:1px solid #c2c2c2;border-radius:4px;display:flex;height:60px;position:relative}.google-search-form .group-filter-search .input-svg-color:focus-within{outline:2px solid var( --truPurple800 )}.google-search-form .group-filter-search .input-svg-color:hover .map-icon{fill:var( --truPurple800 )}.google-search-form .group-filter-search .bg-svg{background:#f7f7f7;border:none;border-radius:4px 0 0 4px;display:inline-block;height:100%;width:56px}.google-search-form input.google-locator-input:focus~span.floating-label,.google-search-form input.google-locator-input:valid~span.floating-label{bottom:10px;color:var( --truPurple800 );font-size:1.5rem;font-weight:700;left:1rem;opacity:1;overflow:hidden;text-overflow:ellipsis;top:3px;white-space:nowrap;width:96%}.google-search-form .floating-label{color:var(--truClrGryMd);font-size:1.8rem;left:1rem;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:13px;transition:all .2s ease;white-space:nowrap;width:70%}.google-search-form .group-filter-search .google-search-button{background:var(--truPurple500);border:2px solid var(--truPurple500);border-radius:10px;color:var(--truNeutral0);font-size:1.8rem;margin-bottom:0;margin-left:2rem;padding:0 2rem;width:10rem}.google-search-form .group-filter-search .google-search-button:focus,.google-search-form .group-filter-search .google-search-button:hover{background:var(--truPurple600);border-color:var(--truPurple600)}.google-search-form .group-filter-search .google-search-button:focus:not(.really):not(.we):not(.just):not(.need):not(.higher):not(.specificity){border:1px solid var(--truPurple600);outline:auto var(--truNeutral1000);outline-offset:3px}.google-search-form .group-filter-search .google-search-button:disabled{opacity:unset}.google-search-form .group-filter-search .google-search-button:has(.loading-animation:not(.hide)){background-color:var(--truNeutral50);border:1px solid var(--truNeutral1000);outline:auto var(--truNeutral100);outline-offset:3px}.google-search-form .group-filter-search .suggest-text{font-size:1.6rem;font-weight:unset}.google-search-form .autosuggestion-location-dropdown input.tt-input:placeholder-shown~div.locator-search-close-icon{display:none}.map-details-container .google-search-form .group-filter-search .bg-svg{border-radius:0 4px 4px 0;width:51px}.map-details-container .google-search-form .group-filter-search .google-locator-input{border-radius:4px 0 0 4px;padding-left:.8rem}.map-details-container .google-search-form .google-search-button,.map-details-container .google-search-form .google-search-button:active,.map-details-container .google-search-form .google-search-button:focus,.map-details-container .google-search-form .google-search-button:hover{background:none;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );font-size:1.8rem;margin-left:2rem;padding:0}.map-details-container .google-search-form .group-filter-search .bg-svg svg{top:1.5rem}.google-search-form .group-filter-search .twitter-typeahead{white-space:nowrap}.google-search-form .group-filter-search .locator-search-close-icon{background:transparent;border:none;position:relative;top:1.5rem}.google-search-form .group-filter-search .input-svg-color>.locator-search-close-icon{display:none}.google-search-form .group-filter-search input.tt-input:placeholder-shown~.locator-search-close-icon{visibility:hidden}.google-search-form .group-filter-search .tt-menu .tt-suggestion.tt-cursor{border:2px solid #000}@media screen and (min-width:220px) and (max-width:1023px){.google-search-form input.google-locator-input:focus~span.floating-label,.google-search-form input.google-locator-input:valid~span.floating-label{width:70%}.google-search-form .group-filter-search .input-svg-color{margin-bottom:2rem}.google-search-form .group-filter-search .autosuggestion-location-dropdown{flex-wrap:wrap;margin:0;padding:0;width:100%}.google-search-form .group-filter-search .twitter-typeahead{width:100%}.google-search-form .group-filter-search .locator-search-close-icon{position:absolute;right:0;z-index:2}}@media screen and (min-width:320px) and (max-width:740px){.map-view{width:98%}.main-container{display:block}.list-view,.result-list-item-view{width:100%}.filter-popup-container{border:0;display:flex;margin:0 auto;text-align:left;width:80%}.flex-format-container{display:inherit;justify-content:flex-start}.reset-filter{text-align:center}}@media only screen and (min-device-width:314px) and (max-device-width:640px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.map-view{width:98%}.main-container{display:block}.list-view{width:100%}.search-filter{display:inline-block}.global-cta-button{min-width:122px}.autocomplete-input{width:auto}.flex-format-container{display:inherit}}@media screen and (max-device-width:812px) and (orientation:landscape){.map-view{width:100%}.main-container{display:block}.list-view{width:100%}.search-filter{display:inline-block}.global-cta-button{min-width:122px}}@media screen and (min-width:741px) and (max-width:925px){.map-view{width:100%}.main-container{display:block}.list-view,.result-list-item-view{width:100%}.search-filter{display:inline-block}.global-cta-button{min-width:122px}}@media screen and (min-width:925px) and (max-width:1200px){.search-filter{display:inline-block}.global-cta-button{min-width:122px}}@media screen and (min-width:945px){.list-btn,.map-btn{display:none}}.google-map-view{border-radius:25px 0 0 25px;width:51%}.google-map-locator-component .search-navigation .search-filter-form{display:flex}.google-map-locator-component .hide{display:none}.visuallyhidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.google-map-locator-component .search-filter-form .filter-button-badge svg{vertical-align:text-top}.google-map-locator-component .group-filter-search .filter-button-badge:focus,.google-map-locator-component .group-filter-search .filter-button-badge:hover{background:var( --truPurple800 );color:#fff}.google-map-locator-component .group-filter-search .filter-button-badge:disabled{background-color:#f7f9fa;border:1px solid var( --truPurple800 );color:var( --truPurple800 )}.google-map-locator-component .group-filter-search .filter-button-badge:disabled:hover .filter-button-text,.google-map-locator-component .group-filter-search .filter-button-badge:disabled:hover .filter-icon-color{fill:var( --truPurple800 );color:var( --truPurple800 )}.google-map-locator-component .search-filter-form .filter-button-badge:focus svg path,.google-map-locator-component .search-filter-form .filter-button-badge:hover svg path{fill:#fff}.locator-component.filter-dialog-active .group-filter-search .filter-button-badge{background:var( --truPurple800 );color:#fff}.locator-component.filter-dialog-active .group-filter-search .filter-button-badge .filter-button-text{color:#fff}.locator-component.filter-dialog-active .group-filter-search .filter-button-badge svg path{fill:#fff}.google-map-locator-component .group-filter-search .form-search-button{background-color:var( --truPurple800 );border:1px solid #ccc;border-color:var( --truPurple800 );border-radius:4px;color:#fff;font-size:1.8rem;height:60px;margin-left:13px;padding:0 3rem}.google-map-locator-component .group-filter-search .form-search-button:focus,.google-map-locator-component .group-filter-search .form-search-button:hover{background:#fff;color:var( --truPurple800 )}.google-map-locator-component .group-filter-search .filter-button-badge{background:#f7f9fa;border:1px solid var( --truPurple800 );border-radius:4px;font-size:1.8rem;height:60px;padding:0 3rem;position:relative}.google-map-locator-component .group-filter-search .badge-count{background:#7c6992;border:1px solid var(--truClrGryMd);border-radius:20px;color:#fff;font-size:1.6rem;height:20px;position:absolute;right:-8px;top:-9pt;width:24px}.google-map-locator-component .main-container{display:flex;flex-wrap:wrap;height:75%;margin:0 auto;max-height:75%}.google-map-locator-component .main-container>div:nth-last-child(-n+2){min-height:60rem}.google-map-locator-component .result-list-item-view .load-more-button{border-top:1px solid #c2c2c2;display:none;font-size:1.8rem;margin-top:4rem;padding:0}.google-map-locator-component .result-list-item-view .load-more-button a,.google-map-locator-component .result-list-item-view .load-more-button button{bottom:2.4rem;margin-right:0}.google-map-locator-component .result-list-item-view .show-less-button{display:none;font-size:1.8rem;padding:1rem 0}.google-map-locator-component .result-list-item-view .show-less-button a{margin-right:0}.google-map-locator-component .result-list-item-view .card.hide~.load-more-less-container>div.load-more-button,.google-map-locator-component .result-list-item-view .card.show~.load-more-less-container>div.show-less-button{display:unset}.google-map-locator-component .result-list-item-view{-ms-overflow-style:none;border-top:2px solid #f7f7f7;height:auto;overflow:-moz-scrollbars-none;padding-right:2rem;padding-top:4rem;position:relative;width:49%}.google-map-locator-component .result-list-item-view .loading-indicator{background:var(--truClrGryMd);height:100%;position:absolute;width:100%;z-index:1000}.google-map-locator-component .result-list-item-view .loading-indicator>svg{height:3em;left:50%;position:absolute;top:10%;transform:translate(-50%);width:3em}.google-map-locator-component .result-list-item-view .loading-indicator>svg .loading-indicator-outer{fill:#fff}.google-map-locator-component .result-list-item-view .loading-indicator>svg .loading-indicator-inner{fill:none;stroke:var( --truPurple800 );stroke-linecap:round;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.google-map-locator-component .result-list-item-view .grid-container{display:flex;flex-wrap:nowrap;margin-bottom:0;padding:0;position:relative;width:100%}.google-map-locator-component .result-list-item-view .grid-container p.tel-syntax{display:inline-flex}.google-map-locator-component .result-list-item-view .grid-container .tel-syntax a:hover{text-decoration:none}.google-map-locator-component .show-results-number{color:var(--truClrGryMd);display:flex;font-size:1.8rem;justify-content:flex-start;padding:2rem 0;width:100%}.google-map-locator-component .show-results-number.hide{display:none}.google-map-locator-component .show-results-number h2{font-size:1.6rem;line-height:2.4rem;margin:0;padding-right:3rem;width:fit-content}.google-map-locator-component .show-results-number.loading-indicator .dot{position:unset}.google-map-locator-component .show-results-number.loading-indicator .loading{color:var( --truClrGryMd );padding-left:1rem}.google-map-locator-component .google-search-button .loading-indicator .dot{top:-.5rem}.google-map-locator-component .loading-indicator .loading-container-move{padding:1rem}.google-map-locator-component .loading-indicator .dot{background-color:var(--truNeutral500)}.google-map-locator-component .loading-indicator .dot:first-child{animation:jumpingAnimation 1s ease-in .75s infinite}.google-map-locator-component .loading-indicator .dot:nth-child(2){animation:jumpingAnimation 1s ease-in .5s infinite}.google-map-locator-component .loading-indicator .dot:nth-child(3){animation:jumpingAnimation 1s ease-in .25s infinite}.google-map-locator-component .show-results-number .zero-result-msg{color:var( --truPurple800 );font-size:3rem}.google-map-locator-component .show-results-number>span{line-height:2.4rem;margin-left:0;white-space:nowrap}.google-map-locator-component .result-list-item-view .card.hide{display:none}.google-map-locator-component .result-list-item-view .card{background-color:#fff;border-bottom:1px solid #ccc;color:#160c23;display:flex;line-height:1.3;padding:1.5rem 2rem 1.5rem 1rem;text-align:left}.google-map-locator-component .result-list-item-view .card:focus-within,.google-map-locator-component .result-list-item-view .card:hover{background:var( --truNeutral50 );border-radius:20px}.google-map-locator-component .result-list-item-view .card:last-child{border:0}.google-map-locator-component .result-list-item-view .grid-item .card-sub-title{font-size:1.8rem;padding:2rem 0 0}.google-map-locator-component .result-list-item-view .card .address>span{line-height:1.8;width:100%}.google-map-locator-component .result-list-item-view .address{display:inline-block;font-size:1.8rem;margin:0;padding:0;white-space:normal;width:100%}.google-map-locator-component .result-list-item-view .address>li{line-height:1.8;list-style-type:none}.google-map-locator-component .result-list-item-view .grid-container a,.google-map-locator-component .result-list-item-view .grid-item-title .card-miles{font-size:1.8rem}.google-map-locator-component div.js-location-timetable>h4{color:#7c6992;font-size:1.8rem;margin:unset}.google-map-locator-component .grid-item-row .driveThruHours-mobile div,.google-map-locator-component .grid-item-row .lobbyHours-mobile div{width:100%}.google-map-locator-component .grid-item-row .atmHours-mobile div{padding-right:2rem;width:100%}.hours-map-details-container ul>li>span.location-schedule-alert,.hours-map-details-container ul>li>span.location-schedule-alert>a,.result-list-item-view .card .address>span.location-schedule-alert,.result-list-item-view .card .address>span.location-schedule-alert>a{color:#d61d00}.hours-map-details-container ul>li>span.location-schedule-alert>.hover-tooltip-wrapper,.result-list-item-view .card .address>span.location-schedule-alert>.hover-tooltip-wrapper{bottom:.2rem;display:unset;position:relative}.hours-map-details-container ul>li>span.location-schedule-alert>a+.hover-tooltip-wrapper,.result-list-item-view .card .address>span.location-schedule-alert>a+.hover-tooltip-wrapper{display:none}.google-map-locator-component .address{color:var(--truClrGryMd)}.google-map-locator-component .get-direction{color:var( --truPurple800 )}.google-map-locator-component .address>span{color:var(--truClrGryMd);display:block}.google-map-locator-component .grid-item-row{color:var(--truClrGryMd);display:flex;flex-direction:row;line-height:2;width:100%}.google-map-locator-component .seeMore-content .grid-item-row{flex-wrap:wrap;padding-left:6rem}.google-map-locator-component .seeMore-content .grid-item-row .card-title-row{width:50%}.google-map-locator-component .seeMore-content .grid-item-row ul.lobby-items{font-size:1.6rem;list-style-type:none;margin:0 0 2rem;padding:0}.google-map-locator-component .grid-item-row-title{display:flex;flex-direction:row;font-weight:bolder;padding:10px;text-align:left;width:68%}.google-map-locator-component .grid-container .card-title,.google-map-locator-component .grid-container .card-title a{color:var( --truPurple800 );font-size:1.8rem;line-height:1.3;margin:0;padding:0 0 .6rem;text-transform:uppercase}.google-map-locator-component .grid-align-right{margin-left:auto;padding-right:1rem;text-align:right}.google-map-locator-component .card-sub-title{color:#7c6992;font-weight:500;margin-bottom:.1rem}.google-map-locator-component .result-list-item-view .grid-item-title .get-direction{display:inline-block;padding:2rem 0}.google-map-locator-component .result-list-item-view .grid-item-title .get-direction:hover{text-decoration:none}.google-map-locator-component .result-list-item-view .grid-item-title{font-size:1.8rem}.google-map-locator-component .see-more-accordion{display:block;font-size:1.8rem;margin:.5rem 0 1rem}.google-map-locator-component .see-more-accordion a{text-decoration:none}.google-map-locator-component .see-more-accordion svg{display:none;position:relative}.google-map-locator-component .see-more-accordion a.arrow-down-item svg:first-of-type,.google-map-locator-component .see-more-accordion a.arrow-up-item svg:last-of-type{display:inline-block}.google-map-locator-component .see-more-accordion a span{color:var( --truPurple800 );display:inline-block;padding-right:1rem;text-decoration:underline}.google-map-locator-component .see-more-accordion span:hover{text-decoration:none}.google-map-locator-component .grid-button-align{display:flex;margin-top:2rem;padding-left:6rem}.google-map-locator-component .grid-button-align .appt-button,.google-map-locator-component .grid-button-align .detail-button,.google-map-locator-component .grid-button-align .makeapp-btn{background:#fff;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );cursor:pointer;font-size:1.8rem;font-weight:400;padding:1.5rem;text-align:center;text-decoration:none}.google-map-locator-component .grid-button-align .appt-button:hover,.google-map-locator-component .grid-button-align .detail-button:focus,.google-map-locator-component .grid-button-align .detail-button:hover{background:var( --truPurple800 );color:#fff}.google-map-locator-component .card-title-row{font-size:1.4rem;justify-content:space-between;line-height:1.5;margin-bottom:.5rem;padding:0}.google-map-locator-component .card-title-row.lobbyHours-mobile div{padding-right:1rem}.google-map-locator-component .card-title-row.atmHours-mobile{display:flex}.google-map-locator-component a.arrow-down-item:hover,.google-map-locator-component a.arrow-up-item:hover{text-decoration:none}.google-map-locator-component .card-miles{color:#7c6992;margin-bottom:.2rem;padding-top:.6rem}.google-map-locator-component .result-list-item-view a.js-location-status>svg{bottom:.2rem;position:relative}.google-map-locator-component~div.js-location-status-msg{background-color:var( --truPurple800 );border-radius:9pt;color:#fff;left:50%;padding:0 2rem 2rem 4rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:40%;z-index:1000}.google-map-locator-component~div.js-location-status-msg .branch-updates{color:#fff;display:flex}.google-map-locator-component~div.js-location-status-msg .branch-update-heading{display:flex;font-size:1.8rem}.google-map-locator-component~div.js-location-status-msg .branch-update-heading>div{padding-right:1rem}.google-map-locator-component~div.js-location-status-msg .branch-update-heading svg path{fill:#fff}.google-map-locator-component~div.js-location-status-msg .branch-update-heading span{font-size:1.8rem;vertical-align:middle}.google-map-locator-component~div.js-location-status-msg .closed-popup-close-icon{cursor:pointer;margin-left:auto}.google-map-locator-component~div.js-location-status-msg .closed-popup-close-icon svg path{fill:#fff}.branch-locator-component .google-search-form .group-filter-search .btn.hide,.google-map-locator-component .mobil-reversi,.google-map-locator-component .toggle-switch-map{display:none}.google-map-locator-component .group-filter-search .filter-button-badge .filter-button-text{font-size:1.8rem;padding-left:1rem;vertical-align:bottom}.google-map-locator-component .result-list-item-view .resultlist-index{max-height:600px;overflow-y:auto;position:relative}.google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-track{background-color:#c9c9c9;border-radius:8px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar{background-color:#c9c9c9;width:9pt}.google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-thumb{background-color:#afabc9;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.google-map-locator-component .result-list-item-view .load-more-less-container{display:flex;flex-direction:column;line-height:0;width:100%}.google-map-locator-component .result-list-item-view .load-more-less-container.hide{display:none}.google-map-locator-component .no-result-locator-container .no-result-msg{color:var(--truClrGryMd);font-size:3.8rem;line-height:1.3;padding:5rem 0 0;text-align:center}.google-map-view .locator-pin-label{position:relative;top:-3px}.google-map-view .gm-style-cc,.google-map-view .gmnoscreen{display:none}.google-map-locator-component .result-list-item-view .card .seeMore-data{padding-left:6rem}.hover-tooltip-wrapper:not(.hide){display:inline-block}.hover-tooltip-wrapper>svg{position:relative}.hover-tooltip-wrapper>.hover-tooltip{background-color:var( --truPurple800 );border-radius:1rem;color:#fff;display:none;padding:.5rem 1rem;position:absolute;z-index:1000}.hover-tooltip-wrapper:focus-within>.hover-tooltip,.hover-tooltip-wrapper:hover>.hover-tooltip{display:unset}.branch-detail-component .hours-map-details-container .hover-tooltip-wrapper>.hover-tooltip,.google-map-locator-component .result-list-item-view .grid-item .hover-tooltip-wrapper>.hover-tooltip{font-size:1.4rem;line-height:1.4;margin-left:.5rem;width:24rem}.loading-indicator .loading-animation .loading{color:var( --truClrGryMd );font-size:var( --truTxtSizeMicro );font-weight:400}.loading-container-move{padding-left:2rem;padding-top:2rem}.branch-locator-component .google-search-button .loading-animation{justify-content:center}.loading-animation{align-items:left;font-size:var( --truTxtSizeMicro );font-weight:400}.loading-animation .dot{background:var( --truClrGryMd );border-radius:2px;height:.6rem;top:-9pt;width:.6rem}.loading-animation .dot:last-child{animation:jumpingAnimation 1s ease-in .25s infinite}.loading-animation .dot:nth-last-child(2){animation:jumpingAnimation 1s ease-in .5s infinite}.loading-animation .dot:nth-last-child(3){animation:jumpingAnimation 1s ease-in .75s infinite}@media screen and (min-width:220px) and (max-width:1023px){.mobile-hide{display:none}.google-map-view{border-radius:0;display:none;height:600px;width:100%}.google-map-locator-component .search-navigation .search-filter-form{padding-left:0};.google-map-locator-component .toggle-switch-map{display:block;position:relative}.google-map-locator-component .grid-button-align .detail-button,.google-map-locator-component .grid-button-align .makeapp-mobile-btn{width:100%}.google-map-locator-component~div.js-location-status-msg{width:90%}.google-map-locator-component .back-view-toggle{background:#fff;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );cursor:pointer;display:none;font-size:1.8rem;font-weight:400;padding:1.5rem;position:relative;right:inherit;text-align:center;text-decoration:none;top:inherit;width:100%;z-index:inherit}.google-map-locator-component .back-view-toggle:focus,.google-map-locator-component .back-view-toggle:hover{background-color:var( --truPurple800 );color:#fff;outline:none}.google-map-locator-component .back-view-toggle:focus .cls-1,.google-map-locator-component .back-view-toggle:hover .cls-1{fill:#fff}.google-map-locator-component .filter-button-center-align{display:none;position:relative;width:100%}.google-map-locator-component .grid-button-align{flex-wrap:wrap;padding:0}.google-map-locator-component .get-filter-location{background:#fff;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );font-size:1.8rem;margin:5rem auto 2rem;opacity:.85;padding:1rem 3rem;position:absolute;text-align:center;text-decoration:none;width:100%;z-index:500}.google-map-locator-component .get-filter-location:focus,.google-map-locator-component .get-filter-location:hover{background:var( --truPurple800 );color:#fff;text-decoration:none}.google-map-locator-component .get-filter-location:focus svg path,.google-map-locator-component .get-filter-location:hover svg path{fill:#fff}.google-map-locator-component .grid-button-align .makeapp-btn{margin-right:0}.google-map-locator-component .back-view-toggle .list-view-text{color:#fff;display:block;font-size:1.6rem;margin-left:1rem;padding-top:1pc}.google-map-locator-component .result-list-item-view .resultlist-index{margin-left:0}.google-map-locator-component .result-list-item-view .card{padding:1.6rem 0}.google-map-locator-component .map-view-toggle .map-view-text{color:#fff;display:block;font-size:1.6rem;margin-left:1.3rem;padding-top:14px}.google-map-locator-component .grid-item-row{flex-wrap:wrap}.google-map-locator-component .result-list-item-view{padding-right:0;padding-top:2rem;width:100%}.google-map-locator-component .group-filter-search .badge-count{top:-17px}.google-map-locator-component .google-search-form,.google-map-locator-component .group-filter-search .input-svg-color,.google-map-locator-component .result-list-item-view .grid-container .grid-align-right{width:100%}.google-map-locator-component .grid-button-align .appt-button:hover,.google-map-locator-component .grid-button-align .detail-button:hover{display:block;margin:2rem 0;width:100%}.google-map-locator-component .google-search-form .group-filter-search .google-search-button{margin-left:0;padding:1rem}.google-map-locator-component .group-filter-search .filter-button-badge{background:none;border:0;bottom:1.6rem;height:4.8rem;margin-left:auto;padding:0 1rem;position:absolute;right:0}.google-map-locator-component .group-filter-search .filter-button-badge:focus,.google-map-locator-component .group-filter-search .filter-button-badge:hover{background:none;color:var( --truPurple800 );outline-offset:-2px}.google-map-locator-component .search-filter-form .filter-button-badge:focus svg path,.google-map-locator-component .search-filter-form .filter-button-badge:hover svg path{fill:var( --truPurple800 )}.google-map-locator-component .group-filter-search .filter-button-badge:hover .filter-button-text{color:var( --truPurple800 )}.google-map-locator-component .group-filter-search .filter-button-badge .filter-button-text{display:inline-block;height:1.2em;overflow:hidden;padding-left:0;width:min-content}.google-map-locator-component .group-filter-search .filter-button-badge .filter-button-text>span{display:none}.google-map-locator-component .search-navigation .group-filter-search{flex-wrap:wrap;margin:0;padding:1.6rem 0;position:relative}.google-map-locator-component .map-view-toggle{background:#fff;border:1px solid var( --truPurple800 );border-radius:4px;color:var( --truPurple800 );cursor:pointer;display:block;font-size:1.8rem;font-weight:400;padding:1.5rem;position:relative;right:inherit;text-align:center;text-decoration:none;top:inherit;width:100%;z-index:inherit}.google-map-locator-component .map-view-toggle.hide{display:none}.google-map-locator-component .map-view-toggle:focus,.google-map-locator-component .map-view-toggle:hover{background-color:var( --truPurple800 );color:#fff;outline:none}.google-map-locator-component .grid-button-align .detail-button,.google-map-locator-component .grid-button-align .makeapp-mobile-btn{display:inline-block;height:54px;margin-bottom:2rem;position:relative}.google-map-locator-component .atmHours-mobile{display:flex;width:100%}.google-map-locator-component .card-title-row{flex-basis:100%;flex-grow:1;font-size:1.6rem;padding:0}.google-map-locator-component .group-filter-search .google-locator-input{margin-bottom:0;width:100%}.google-map-locator-component .card-title-row,.google-map-locator-component .result-list-item-view .address,.google-map-locator-component .result-list-item-view .card .address>span,.google-map-locator-component .result-list-item-view .grid-container a,.google-map-locator-component .result-list-item-view .grid-item-title .card-miles,.google-map-locator-component~div.js-location-status-msg .branch-update-heading{font-size:1.6rem}.branch-locator-component .google-map-locator-component .toggle-switch-map{display:block;padding:1.6rem 0}.locator-search-page .google-map-view{margin-bottom:0;margin-top:1.5rem}.locator-component.mobile-map-active .result-list-item-view,.locator-component.mobile-map-active .search-navigation,.locator-component.mobile-map-active .toggle-switch-map .map-view-toggle{display:none}.locator-component.mobile-map-active .map-view,.locator-component.mobile-map-active .toggle-switch-map .back-view-toggle,.locator-component.mobile-map-active .toggle-switch-map .filter-button-center-align{display:block}}@media screen and (min-width:1100px){.google-map-view{display:block}.google-map-view.hide{display:none}}@media screen and (max-width:1364px){.branch-detail-component .hours-map-details-container .hover-tooltip-wrapper>.hover-tooltip,.google-map-locator-component .result-list-item-view .grid-item .hover-tooltip-wrapper>.hover-tooltip{transform:translate(-85%,-85%)}}.google-map-locator-component .grid-button-align .makeapp-btn.atm{display:none}.locator-search-page .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-track{background:#838383;border-radius:1rem;box-shadow:none;-webkit-box-shadow:none}.locator-search-page .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-thumb{background:var( --truPurple800 );border-radius:1rem;box-shadow:none;-webkit-box-shadow:none}.locator-search-page .google-map-locator-component .result-list-item-view .resultlist-index::-webkit-scrollbar-thumb:hover{background:var( --truPurple800 )}.filter-popup-container .filter-split-item .radio-container label{margin-left:-40px;padding-left:42px;position:inherit;z-index:1}.google-search-form-column{width:100%}.finder-search-background .finder-search-heading{margin-bottom:3rem}.finder-search-background .finder-search-heading h1{color:var(--truClrPplBs);font-size:4.8rem;font-style:normal;font-weight:var(--truFontWtLt);line-height:1.2;margin-bottom:3rem}.finder-search-background .finder-search-heading .subheading{color:var(--truClrPplBs);font-size:1.8rem;font-weight:var(--truFontWtRg);margin-bottom:3rem}.finder-search-background .finder-search-heading .description,.finder-search-background .finder-search-heading>p{color:var(--truClrPplBs);font-size:1.8rem;font-weight:var(--truFontWtRg);margin-bottom:0}.bg-dusk-dkr .finder-search-heading .description,.bg-dusk-dkr .finder-search-heading .subheading,.bg-dusk-dkr .finder-search-heading h1,.bg-tru-ppl .finder-search-heading .description,.bg-tru-ppl .finder-search-heading .subheading,.bg-tru-ppl .finder-search-heading h1{color:var( --truClrNtrlWht )}.finder-search-background .search-block-container{display:flex;flex-wrap:wrap;width:100%}.finder-result-card .sortBy-result .btn.dropdown-toggle-action,.search-block-container .drop-down-transform .btn.dropdown-toggle-action{background-color:var( --truClrNtrlWht );border-radius:.8rem;color:var(--truNeutral500);font-weight:var(--truFontWtRg);height:61px;max-width:100%;width:100%}.finder-result-card .sortBy-result .btn.dropdown-toggle-action .dropchevron,.search-block-container .drop-down-transform .btn.dropdown-toggle-action .dropchevron{display:inline-flex;flex:0;padding-top:0}.finder-result-card .sortBy-result .btn.dropdown-toggle-action .dropchevron{padding-top:5px}.finder-result-card .sortBy-result .show .btn.dropdown-toggle-action .dropchevron{padding-top:10px}.finder-result-card .sortBy-result .btn.dropdown-toggle-action .dropchevron:after,.search-block-container .drop-down-transform .btn.dropdown-toggle-action .dropchevron:after{border-bottom:2px solid transparent;border-left:0;border-right:2px solid transparent;border-top:0;border-color:var(--truClrDuskBs);content:"";cursor:pointer;height:8px;padding:5px;transform:rotate(45deg);width:9pt}.search-block-container .drop-down-transform .show .btn.dropdown-toggle-action .dropchevron:after,.sortBy-result .show .btn.dropdown-toggle-action .dropchevron:after{margin-top:9pt;transform:rotate(-135deg)}.bg-dusk-dkr .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-dusk-dkr.finder-search-background .search-block-container .dropdown-menu,.bg-tru-ppl .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-tru-ppl.finder-search-background .search-block-container .dropdown-menu{border:1px solid var( --truClrDuskDk )}.bg-dusk-dkr .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,:focus,:active),.bg-tru-ppl .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,:focus,:active){border:1px solid var( --truClrNtrlWht );color:var(--truClrPplBs)}.bg-ntrl-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-ntrl-white.finder-search-background .search-block-container .dropdown-menu,.bg-off-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-off-white.finder-search-background .search-block-container .dropdown-menu{border:1px solid var( --truClrGryVLt )}.bg-mist .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-mist-dk .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-mist-dk.finder-search-background .search-block-container .dropdown-menu,.bg-mist.finder-search-background .search-block-container .dropdown-menu{border:1px solid var( --truClrMistDkr )}.bg-sky-blue-lt .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-sky-blue-lt.finder-search-background .search-block-container .dropdown-menu,.bg-sky-blue-ltr .search-block-container .drop-down-transform .btn.dropdown-toggle-action,.bg-sky-blue-ltr.finder-search-background .search-block-container .dropdown-menu{border:1px solid var( --truClrSkyBs )}.bg-ntrl-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,:focus,:active),.bg-off-white .search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,:focus,:active),.finder-result-card .sortBy-result .btn.dropdown-toggle-action:is(:hover,:focus,:active),.search-block-container .drop-down-transform .btn.dropdown-toggle-action:is(:hover,:focus,:active){background-color:var(--truClrNtrlWht);border:1px solid var(--truClrPplBs);border-spacing:1px;box-shadow:none;color:var(--truClrDuskDk)}.search-block-container .drop-down-transform .btn.dropdown-toggle-action span{color:var(--truNeutral500);font-weight:var(--truFontWtRg);text-align:left}.drop-down-transform .selected-item{overflow:hidden;text-overflow:ellipsis;width:98%}.finder-search-background .search-block-container .btn-secondary:not(:disabled):not(.disabled).active,.finder-search-background .search-block-container .btn-secondary:not(:disabled):not(.disabled):active,.finder-search-background .search-block-container .show>.btn-secondary.dropdown-toggle{background:var(--truClrNtrlWht);border:1px solid var(--truClrDuskDk);color:var(--truNeutral500)}.finder-search-background .search-block-container .dropdown-menu{z-Index:1000;background:var(--truClrOffWht);border-radius:1rem;margin-top:1rem;padding:0;width:100%}.drop-down-transform .dropdown.show{margin-top:0;top:0}.drop-down-transform .dropdown.activeClass .dropdown-toggle:after,.drop-down-transform .dropdown.activeClassArrow .dropdown-toggle:after{margin-top:11px;right:20px}.panel-heading a:hover svg path{fill:var(--truClrDawnLt)}.search-filter-container .btn-primary:not(:disabled):not(.disabled).active,.search-filter-container .btn-primary:not(:disabled):not(.disabled):active,.search-filter-container .show>.btn-primary.dropdown-toggle{background:var(--truClrPplLt);border:0;box-shadow:none}.filter-accordion-outer-container{display:flex;flex-wrap:wrap;padding:0;width:100%}.filter-accordion-inner-container{width:33%}.search-filter-container .financial-dropdown-label{color:var(--truNeutral500);display:inline-block;padding:2rem 0;width:100%}.bg-dusk-dkr .search-filter-container .financial-dropdown-label,.bg-tru-ppl .search-filter-container .financial-dropdown-label{color:var(--truClrNtrlWht)}.search-filter-container .form-group{margin-bottom:0;position:relative}.search-filter-container .form-group label{color:var(--truClrGryDkr);position:absolute;top:1rem;z-index:3}.search-filter-container .form-group label.form-check-label{position:relative;width:94%}.search-filter-container .form-group .input-wrapper{display:flex;justify-content:center;position:relative}.search-filter-container .form-group .input-wrapper.checkbox-container{display:inline-table;position:relative}.search-filter-container .form-group .input-wrapper:before{background:var(--truClrNtrlWht);border:1px solid var(--truClrNtrlWht);border-radius:.25rem;content:"";display:block;height:52px;position:absolute;top:-3px;width:100%;z-index:1}.search-filter-container .form-group .input-wrapper.checkbox-container:before{display:none}.search-filter-container input[type=checkbox]{background:var(--truClrClear);border:0;box-shadow:none;cursor:pointer;height:24px;left:-11px;opacity:0;position:absolute;top:-8px;width:24px;z-index:4}.search-filter-container input[type=checkbox]:focus+.label-span:before{border-width:2px;outline:1px solid var(--truNeutral500);outline-offset:2px}.bg-dusk-dkr .search-filter-container input[type=checkbox]:focus+.label-span:before,.bg-tru-ppl .search-filter-container input[type=checkbox]:focus+.label-span:before{outline:1px solid var(--truClrNtrlWht);outline-offset:2px}.search-button-container{display:flex;flex-wrap:wrap}.search-button-container .btn.search-btn{background:var(--truClrDuskBs);border-radius:.63rem;color:var(--truClrNtrlWht);font-weight:var(--truFontWtBd);margin-bottom:0;margin-right:30px;max-height:61px}.search-button-container .btn.search-btn:hover{background:var(--truClrDuskDk);color:var(--truClrNtrlWht)}.search-button-container .btn.search-btn:focus{background:var(--truClrDuskBs);box-shadow:none;color:var(--truClrNtrlWht);outline:1px solid var(--truClrNtrlWht);outline-offset:-4px}.bg-dusk-dkr .search-button-container .btn.search-btn,.bg-tru-ppl .search-button-container .btn.search-btn{background:var(--truClrHazeBs);color:var(--truClrPplBs)}.bg-dusk-dkr .search-button-container .btn.search-btn:hover,.bg-tru-ppl .search-button-container .btn.search-btn:hover{background:var(--truClrHazeLt);color:var(--truClrPplBs)}.bg-dusk-dkr .search-button-container .btn.search-btn:focus,.bg-tru-ppl .search-button-container .btn.search-btn:focus{background:var(--truClrHazeBs);color:var(--truClrPplBs);outline:1px solid var(--truClrPplBs)}.search-button-container .btn.filter-clear-btn{background:none;color:var(--truClrDuskBs);font-size:var(--truTxtSize6);font-weight:var(--truFontWtRg)!important;line-height:23px;margin-bottom:0;text-decoration:underline!important}.search-button-container .btn.filter-clear-btn:hover{color:var(--truClrDuskDkr);text-decoration:none}.search-button-container .btn.filter-clear-btn:focus{outline:2px solid var(--truClrDuskBs);text-decoration:none}.bg-dusk-dkr .search-button-container .btn.filter-clear-btn,.bg-tru-ppl .search-button-container .btn.filter-clear-btn{color:var(--truClrNtrlWht)}.bg-dusk-dkr .search-button-container .btn.filter-clear-btn:hover,.bg-tru-ppl .search-button-container .btn.filter-clear-btn:hover{color:var(--truClrDawnLtr)}.bg-dusk-dkr .search-button-container .btn.filter-clear-btn:focus,.bg-tru-ppl .search-button-container .btn.filter-clear-btn:focus{outline:2px solid var(--truClrNtrlWht)}.show{display:block}.hide{display:none}.pagination-card-view{display:flex;padding:2rem 0;text-align:center;width:100%}.finder-result-pagination{padding:0;width:100%}.finder-result-pagination ul{display:flex;justify-content:center;width:100%}.light-theme.finder-result-pagination .current{background:none;border:0;box-shadow:none;color:var(--truClrPplBs);font-weight:var(--truFontWtBd);text-decoration:underline}.finder-result-pagination li{background:none}.finder-result-pagination li a,.finder-result-pagination li span{background:none;border:0;box-shadow:none;color:var(--truClrPplBs)}.pagination-card-view .finder-result-pagination.custom-card-pagination li.disabled .next:before,.pagination-card-view .finder-result-pagination.custom-card-pagination li.disabled .prev:after{color:var(--truNeutral500)}.pagination-card-view .finder-result-pagination.custom-card-pagination li button:focus{border:2px solid var(--truClrPplBs);box-shadow:none;color:var(--truNeutral500);outline:0;z-index:2}.card-view-container{width:100%}.finder-result-card .sortBy-result{display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:2rem;position:relative;width:100%}.finder-result-card .sortBy-result .sortByDropdown{width:351px}.finder-result-card .sortByDropdown .dropdown-toggle{background:0;border:1px solid var(--truClrGryVLt);border-radius:5px;color:var(--truNeutral500);font-size:1.8rem;padding:18.5px 20px;position:relative;text-align:left;width:100%}.finder-result-card .sortByDropdown .dropdown-toggle:focus{box-shadow:none}.finder-result-card .sortByDropdown.show .dropdown-menu{border-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid var(--truClrGryVLt);border:1px solid var(--truClrGryVLt);display:block;font-size:1.6rem;margin:0;width:351px}.finder-result-card .sortByDropdown.show .dropdown-menu li a{color:var(--truNeutral500);text-decoration:none}.finder-result-card .sortByDropdown.show .dropdown-menu li a:focus,.finder-result-card .sortByDropdown.show .dropdown-menu li a:hover{background:none;color:var(--truNeutral500)}.finder-result-card .sortByDropdown .dropdown-toggle:after{background-image:url(../../../content/dam/global-images/icon-carat-smaller.svg);background-repeat:no-repeat;border:0;display:inline-block;height:25px;margin-top:2px;position:absolute;right:20px;width:25px}.finder-result-card .sortByDropdown.show .dropdown-toggle:after{background-image:url(../../../content/dam/global-images/icon-carat-smaller.svg);background-repeat:no-repeat;top:1pc;-webkit-transform:rotate(180deg);transform:rotate(-180deg)}.finder-result-card .sort-result-count{color:var(--truNeutral500);font-size:1.8rem;font-weight:var(--truFontWtRg);line-height:3.7;margin-left:3rem}.finder-result-card .finder-result-inner-content{display:flex;flex-wrap:wrap;width:100%}.finder-result-card .finder-result-inner-content .card-size-viewport:nth-child(2n){margin-left:auto}.finder-result-card .card-size-viewport{background:var( --truClrNtrlWht );border:1px solid var(--truClrGryLt);border-radius:40px;margin:0 0 3rem;padding:3rem;width:48%}.finder-result-card .card-image-container{border:1px solid var(--truClrGryLt);border-radius:20px;height:81pt;width:81pt}.finder-result-card .profile-description,.finder-result-card .view-catagory-button,.finder-result-card .view-profile-button{display:flex;flex-wrap:wrap}.finder-result-card .profile-content{color:var(--truClrPplBs);font-size:2.8rem;font-weight:var(--truFontWtLt)}.finder-result-card .profile-content div,.finder-result-card .profile-destination div{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;display:-webkit-box;line-height:1.2;max-width:98%;overflow:hidden;text-overflow:ellipsis}.finder-result-card .profile-destination{color:var(--truClrPplBs);font-size:1.8rem;font-weight:var(--truFontWtXBd)}.finder-result-card .profile-description{font-size:1.6rem}.finder-result-card .profile-description div.profile-link-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;display:-webkit-box;line-height:1.4;max-width:98%;overflow:hidden;text-overflow:ellipsis}.finder-result-card .profile-description span{color:var(--truClrDuskBs)}.finder-result-card .profile-content-align{display:flex;margin:2rem 0 0}.finder-result-card .profile-content-align.profile-address{color:var(--truClrPplBs);font-size:1.6rem}.finder-result-card .view-catagory-button.profile-content-align{gap:0 10px}.finder-result-card .profile-button{column-gap:20px;display:flex}.profile-button .view-profile{background:var(--truClrDuskBs);color:var(--truClrNtrlWht);font-weight:var(--truFontWtXBd)}.profile-button .make-apt-btn,.profile-button .view-profile{border-radius:10px;font-size:1.6rem;margin-right:1rem;padding:.75rem 1.5rem;text-align:center;text-decoration:none}.profile-button .make-apt-btn{background:var(--truClrNtrlWht);border:2px solid var(--truClrDuskBs);color:var(--truClrDuskBs)}.profile-button .view-profile:is(:hover,:focus,:active){background:var(--truClrPplBs)}.profile-button .make-apt-btn:is(:hover,:focus,:active){background:var(--truClrMistBs);color:var(--truClrPplBs)}.finder-result-card .view-catagory-button span{background-color:var(--truClrOffWht);border-radius:40px;color:var(--truClrPplBs);font-size:1.6rem;margin:0 0 1rem;padding:5px 20px;text-align:center}.finder-default-msg-noresult{color:var(--truClrPplBs);font-size:2.4rem;font-weight:var(--truFontWtXBd);padding:2rem 0;text-align:left}.location-error-validation .location-search-validation{color:var( --truClrErrBs );display:flex;font-size:1.4rem;margin-top:.8rem;position:relative;width:100%}.location-error-validation .location-search-validation:before{border:2px solid var( --truClrErrBs );border-radius:50%;content:"!";display:block;font-size:1rem;height:20px;line-height:13px;margin-right:10px;margin-top:.4rem;text-align:center;width:20px}.dropdown-error-validation .finder-tooltip-up-arrow{background:var(--truClrErrDk);border:1px solid var(--truClrErrBs);border-radius:4px;color:var( --truClrNtrlWht );display:flex;font-size:1.4rem;margin:10px 0;padding:8px;position:relative;text-decoration:none}.dropdown-error-validation .finder-tooltip-up-arrow:before{border:2px solid var( --truClrNtrlWht );border-radius:50%;content:"!";display:block;font-size:1rem;height:20px;line-height:13px;margin-right:10px;margin-top:.4rem;text-align:center;width:20px}.dropdown-error-validation .finder-tooltip-up-arrow:after{border:9px solid transparent;border-bottom:9px solid var(--truClrErrDk);bottom:100%;content:"";display:block;height:0;left:11px;position:absolute;top:-18px;width:0}.search-block-container .hide{display:none}.finder-search-background .search-block-container input.error-validation-color{border:1px solid var(--truClrErrDk);color:var(--truClrErrDk)}.finder-search-background .search-block-container input.error-validation-color::placeholder{color:var(--truClrErrDk)}.finder-search-background .search-block-container input.error-validation-color:active,.finder-search-background .search-block-container input.error-validation-color:focus{color:var(--truNeutral500);outline:2px solid var(--truClrErrDk)}.finder-search-background .search-block-container .placeholder-error-color{color:var(--truClrErrDk)}.loading-animation{align-items:center;color:var(--truNeutral500);display:flex;font-size:var(--truTxtSize6);font-weight:var(--truFontWtRg);justify-content:center}.loading-animation .dot{background:var(--truNeutral500);border-radius:1px;display:inline-block;height:8px;margin-left:5px;position:relative;top:-5px;width:8px}.loading-animation .loading{padding-left:10px}.loading-animation .dot:first-child{animation:jumpingAnimation 1s ease-in .75s infinite}.loading-animation .dot:nth-child(2){animation:jumpingAnimation 1s ease-in .5s infinite}.loading-animation .dot:nth-child(3){animation:jumpingAnimation 1s ease-in .25s infinite}@keyframes jumpingAnimation{0%{transform:translateZ(0)}50%{transform:translate3d(0,10px,0)}to{transform:translateZ(0)}}.form-control.location-radius-input{font-size:1.8rem;padding:.5rem 1rem;text-overflow:ellipsis}@media (max-width:990px){.finder-result-card .sortByDropdown.show .dropdown-menu,.finder-search-background .search-block-container .dropdown-menu{width:100%}.finder-result-card .card-size-viewport{padding:2rem;width:100%}.search-block-container .drop-down-transform .btn.dropdown-toggle-action{padding-left:1.2rem}.search-button-container{display:flex;flex:0 0 100%;flex-direction:column}.search-button-container .btn.search-btn{margin-right:0;width:100%}.search-button-container .btn.filter-clear-btn{margin-top:20px;padding:1rem 2rem;text-align:center;width:100%}.finder-result-card .finder-result-inner-content,.search-filter-container .form-group .input-wrapper.checkbox-container{width:100%}.search-filter-container .form-group .input-wrapper.checkbox-container{margin:0}.finder-result-card .profile-description div{-webkit-line-clamp:inherit;display:block;display:-webkit-box;line-height:1.4;max-width:98%}.finder-result-card .profile-description span{display:inline-block;padding:.5rem 0;text-align:left}.finder-result-card .profile-description span:last-child{-webkit-line-clamp:inherit;-webkit-box-orient:inherit;display:inline-block;line-height:1.4;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finder-result-card .profile-button,.finder-result-card .profile-content-align{display:inherit;margin:1rem 0 0}.profile-button .make-apt-btn,.profile-button .view-profile{display:inline-block;margin-bottom:2rem;text-decoration:none;width:100%}.profile-button .make-apt-btn.hide{display:none}.finder-result-card .profile-description div.profile-link-text{display:inherit;line-height:inherit}.finder-result-card .sortBy-result .sortByDropdown{width:100%}.finder-result-card .sortBy-result{position:relative}.finder-result-card .sort-result-count{line-height:inherit;margin-left:0;margin-top:20px}}@media (max-width:768px){.finder-result-card .view-catagory-button span{display:block;margin-bottom:1rem;text-align:left;white-space:normal;width:fit-content}}.branch-locator-container .citylist-index .rcorner-citylist{background:var(--truPurple500);border-radius:20rem;color:var(--truNeutral0);font-weight:400;height:46px;padding:1rem;position:relative;vertical-align:top;width:46px}.branch-locator-container .map-view .region-marker-content{background-color:var(--truPurple500);border-radius:50%;color:var(--truNeutral0);height:2.4rem;opacity:90%;padding-top:.6rem;text-align:center;text-decoration:none;width:2.4rem}.branch-locator-container .map-view .cluster-marker-content{font-size:var(--truTxtSize6);height:3rem;padding-top:.5rem;width:3rem}.branch-locator-container .locator-icon-container,.location-detail-component .locator-icon-container{border:none;color:var(--truNeutral800);font-family:TruistTrio,Truist Trio,Arial,"sans-serif";font-size:1.5rem;margin:0;max-height:56px;max-width:39px;min-height:56px;min-width:39px;padding:0;position:relative;text-align:center}.branch-locator-container .locator-icon-container>svg.locator-icon,.location-detail-component .locator-icon-container>svg.locator-icon{height:50px;left:2px;position:absolute;top:6px;width:35px}.branch-locator-container .locator-icon-container>svg.locator-icon>path,.location-detail-component .locator-icon-container>svg.locator-icon>path{stroke:var(--truNeutral1000);fill:var(--truSky200);stroke-width:1.5}.branch-locator-container .locator-icon-container>span,.location-detail-component .locator-icon-container>span{display:inline-block;left:0;position:absolute;top:1.7rem;width:100%;z-index:1}.branch-locator-container .locator-icon-container.marker-spotlight,.location-detail-component .locator-icon-container.marker-spotlight{color:var(--truNeutral0)}.branch-locator-container .locator-icon-container.marker-spotlight>svg.locator-icon,.location-detail-component .locator-icon-container.marker-spotlight>svg.locator-icon{height:56px;left:0;top:0;width:39px}.branch-locator-container .locator-icon-container.marker-spotlight>svg.locator-icon>path,.location-detail-component .locator-icon-container.marker-spotlight>svg.locator-icon>path{stroke:var(--truPurple700);fill:var(--truPurple700)}.branch-locator-container .locator-icon-container.marker-spotlight>span,.location-detail-component .locator-icon-container.marker-spotlight>span{top:1.5rem}.branch-locator-container h1.locator-header-title{color:var(--truPurple800);font-size:6rem;font-weight:lighter;margin:0;padding:8rem 0 6rem}.branch-locator-container h1.locator-header-title>.locator-header-city{text-transform:capitalize}.branch-locator-container h1.locator-header-title>.locator-header-state{text-transform:uppercase}.branch-locator-container .resultlist-index .locator-icon-container{margin-right:2rem}.location-detail-component .locator-icon-container>span{top:.4rem}.location-detail-component .locator-icon-container>span:before{content:"•";font-size:var(--truTxtSize2)}.location-detail-component .locator-icon-container.marker-spotlight>span{top:0}@media screen and (min-width:220px)and (max-width:1023px){.branch-locator-container h1.locator-header-title{font-size:4.8rem;margin:0;padding:1.6rem 0}}.findus-wrapper{border:1px solid red;display:-webkit-box;display:-ms-flexbox;display:flex}.findus-wrapper>.truist-typeahead{-webkit-box-flex:1;-ms-flex-positive:1;border:none;flex-grow:1}.findus-wrapper>.truist-typeahead .tt-dataset>button{display:list-item;list-style-type:none;overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h1,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h2,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h3,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h4,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h5,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl>.finder-search-heading h6{color:var(--truNeutral0)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .loading-animation.hide{display:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background{padding:5rem 10rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background.promo-mode{border-radius:3rem;padding:5rem 6rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:3rem;height:6.1rem;width:100%}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>.equalWidth{-webkit-box-flex:1;-ms-flex:1 1 33%;flex:1 1 33%;height:6.1rem;min-width:26%;position:relative}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>.equalWidth.drop-down-transform:focus-within{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>:last-child{padding:0}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields .location-error-validation{display:none;position:absolute;z-index:1}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper{background-color:var(--truClrNtrlWht);border-radius:.9rem;color:var(--truNeutral500);font-weight:var(--truFontWtRg);height:6.1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper:focus-within,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper:hover{height:calc(6.1rem + 2px);left:-1px;position:relative;top:-1px;width:calc(100% + 2px)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>.geolocation{border-radius:.8rem 0 0 .8rem;overflow:hidden}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>.geolocation>.geolocation-image-btn{background-color:var(--truSky300);height:100%;width:6.1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>.geolocation>.geolocation-image-btn:focus{outline:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper.error-input{color:var(--truClrErrDk);outline:1px solid var(--truClrErrBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper>div:focus-within{outline:1px solid var(--truClrPplBs);outline-offset:-6px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead{border-radius:.8rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead{margin-left:.45rem;margin-top:2rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder-shown:not(:focus))~.floating-label{color:unset;font-size:var(--truTxtSize6);font-weight:var(--truFontWtRg);left:1.8rem;top:1.6rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label{color:unset;font-size:var(--truTxtSize6);font-weight:var(--truFontWtRg);left:1.8rem;top:1.6rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label{color:unset;font-size:var(--truTxtSize6);font-weight:var(--truFontWtRg);left:1.8rem;top:1.6rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead.js-input-empty.js-input-not-focused~.floating-label{color:unset;font-size:var(--truTxtSize6);font-weight:var(--truFontWtRg);left:1.8rem;top:1.6rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-hint,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-input{-webkit-box-shadow:none;box-shadow:none;color:var(--truNeutral500);margin-top:-.5rem;padding-top:2rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .typeahead-menu{border:1px solid var(--truClrGryLt);left:-.8rem;width:calc(100% + 1.6rem + 26px)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .suggestion-header-text,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-selectable{padding:1rem 1rem 1rem 2rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .twitter-typeahead .tt-selectable.tt-cursor{background:var(--truClrOffWht);border-radius:1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .floating-label{color:var(--truClrPplBs);font-size:var(--truTxtSizeMicro);font-weight:var(--truFontWtBd);left:1.8rem;top:.5rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg{margin-right:1rem;position:relative;top:0}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:before{background-color:var(--truClrDuskBs);content:"";height:20px;position:absolute;top:.3rem;width:2px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:focus:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:focus:before,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:hover:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:hover:before{background-color:var(--truClrDuskDk)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .findus-wrapper .truist-typeahead .input-close-svg:focus{outline:1px solid var(--truClrDuskDk);outline-offset:2px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-ntrl-white .findus-wrapper,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-off-white .findus-wrapper{border:1px solid var(--truClrGryVLt)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-mist .findus-wrapper,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-mist-dk .findus-wrapper{border:1px solid var(--truClrMistDkr)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-sky-blue-lt .findus-wrapper,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-sky-blue-ltr .findus-wrapper{border:1px solid var(--truClrSkyBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .findus-wrapper,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .findus-wrapper{border:1px solid var(--truClrDuskDk)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown{border:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>label,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]~label{color:var(--truClrPplBs);display:inline-block;font-size:var(--truTxtSizeMicro);font-weight:var(--truFontWtBd);left:2.4rem;overflow:hidden;pointer-events:none;position:absolute;text-align:left;text-overflow:ellipsis;top:.5rem;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap;width:85%;z-index:2}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>span,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]+.dropdown-toggle>span{font-size:var(--truTxtSize6);padding-top:2rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>span.dropchevron,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]+.dropdown-toggle>span.dropchevron{padding-top:unset}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>span.sortbyplc{padding-top:1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.dropdown-toggle>svg{rotate:180deg}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown.show>.btn.dropdown-toggle>.dropdown-placeholder{visibility:hidden}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]+.dropdown-toggle>span.sortbyplc{padding-top:1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:6.1rem;margin-bottom:0;-webkit-transition:none;transition:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle:focus{outline:1px solid var(--truClrDuskBs);outline-offset:-6px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>span{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-placeholder,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-selected{font-family:TruistTrio,Truist Trio,Arial,"sans-serif";font-size:var(--truTxtSize6);overflow:hidden;text-overflow:ellipsis;width:100%}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-selected:empty,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>.btn.dropdown-toggle>.dropdown-selected:not(:empty)+.dropdown-placeholder{display:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item{color:var(--truClrGryMd);font-size:1.8rem;font-weight:var(--truFontWtRg);padding:1rem 1rem 1rem 2rem;text-decoration:none;white-space:normal;width:100%}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item:active,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item:focus,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown .dropdown-item:hover{background-color:unset;color:var(--truClrPplBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-filter-container{padding:1.5rem 0;width:100%}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading{display:none;padding:1.5rem 0}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading:has(input:not(:disabled)){display:unset;-webkit-transition:all allow-discrete .3s ease-in-out;transition:all allow-discrete .3s ease-in-out}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading.js-active-checkbox{display:unset;-webkit-transition:all allow-discrete .3s ease-in-out;transition:all allow-discrete .3s ease-in-out}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn{color:var(--truClrDuskBs);font-weight:var(--truFontWtBd);margin-bottom:0;padding:1rem 1.45rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:after{border-bottom:2px solid transparent;border-left:0;border-right:2px solid transparent;border-top:0;border-color:var(--truClrDuskBs);content:"";cursor:pointer;display:inline-block;margin-bottom:2px;margin-left:8px;padding:4.2px;-webkit-transform:rotate(-135deg) translate(-6px);transform:rotate(-135deg) translate(-6px)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn.collapsed:after{-webkit-transform:rotate(45deg) translate(3px,-4px);transform:rotate(45deg) translate(3px,-4px)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:hover{color:var(--truClrDuskDk)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:hover:after{border-color:var(--truClrDuskDk)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:focus{border-color:var(--truClrDuskBs);color:var(--truClrDuskBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn:focus:after{border-color:var(--truClrDuskBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>span{height:2.4rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>.filter-badge-count{background:var(--truClrPplBs);border-radius:2rem;color:var(--truClrNtrlWht);display:inline-block;font-size:var(--truTxtSizeMicro);margin-right:1rem;width:2.4rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>.filter-badge-count:empty{display:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn>.advanceFilterText{display:inline-block;font-size:1.6rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container{display:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container:has(input:not(:disabled)){display:unset}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container.js-active-checkbox{display:unset}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label:before{content:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span{color:var(--truClrGryMd);display:block;margin-left:3.3rem;padding-bottom:1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:before{border:1px solid var(--truClrFrstBs);border-radius:2px;content:"";display:inline-block;height:22px;left:0;margin-bottom:5px;position:absolute;vertical-align:middle;width:22px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:hover:before{border-width:2px;outline:1px solid var(--truNeutral500);outline-offset:2px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:before{background:var(--truClrFrstBs);border:none;outline:none}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:after{background-color:transparent;border-bottom:3px solid var(--truClrNtrlWht);border-right:3px solid var(--truClrNtrlWht);content:"";display:inline-block;height:17px;left:7px;position:absolute;top:1px;-webkit-transform:rotate(42deg);transform:rotate(42deg);width:8px}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn{color:var(--truClrDawnBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:after{border-color:var(--truClrDawnBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:hover,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:hover{color:var(--truClrDawnLt)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:hover:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:hover:after{border-color:var(--truClrDawnLt)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:focus,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:focus{border-color:var(--truClrDawnBs);border-width:1px;color:var(--truClrDawnBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn:focus:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn:focus:after{border-color:var(--truClrDawnBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .filter-btn>.filter-badge-count,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .filter-btn>.filter-badge-count{background:var(--truClrNtrlWht);color:var(--truClrPplBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label:focus-within .label-span:before,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label:hover .label-span:before,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label:focus-within .label-span:before,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label:hover .label-span:before{outline:2px solid var(--truClrNtrlWht)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span{color:var(--truClrNtrlWht)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:before,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label .label-span:before{border:1px solid var(--truClrSkyBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:before,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:before{background:var(--truClrSkyBs)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-dusk-dkr .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:after,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .bg-tru-ppl .panel-heading .input-wrapper.checkbox-container .form-check-label input:checked+.label-span:after{border-bottom:3px solid var(--truClrNtrlWht);border-right:3px solid var(--truClrNtrlWht)}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-collapse{-webkit-transition-duration:.5s;transition-duration:.5s}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .default-message-text h2,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .no-result-text h2{line-height:4.5rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .default-message-text .cta .global-cta-btn a,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .no-result-text .cta .global-cta-btn a{line-height:2rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .email,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .phone{color:var(--truClrDuskBs);line-height:2;margin:0 1rem 0 .2rem;text-align:center;text-decoration:underline}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .email:hover,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .phone:hover{text-decoration:none}@media(max-width:990px){.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-search-background.promo-mode{padding:2rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields{-ms-flex-wrap:wrap;flex-wrap:wrap;height:unset}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .main-search-fields>.equalWidth{margin:0;min-width:100%;padding:0}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-button-container{margin-bottom:1rem}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-button-container .btn{-webkit-box-pack:center;-ms-flex-pack:center;height:4.6rem;justify-content:center;max-width:unset!important}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .search-filter-container{padding:1.5rem 0}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading{padding:.5rem 0}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .panel-heading>.filter-btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:unset;width:100%}.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown>input[value]~label{left:1.3rem}}@media(max-width:768px){.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .dropdown{margin:0}}@media(max-width:480px){.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .email,.peopleprofilefinderv2:not(.monkeys):not(.lemurs):not(.orangutans):not(.gorillas):not(.baboons):not(.chimps) .finder-result-card .profile-description .phone{display:inline-block;text-align:left}}.geolocation>button{background-color:var(--truNeutral500);border:none;cursor:pointer}.geolocation>button>svg{vertical-align:middle}.truist-typeahead{background-color:#fff;border:1px solid red;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 .2rem;position:relative;white-space:nowrap}.truist-typeahead input{border:none;line-height:1.5;width:100%}.truist-typeahead input:focus-visible{outline:none}.truist-typeahead input~.floating-label{display:none}.truist-typeahead button{background-color:transparent;border:none}.truist-typeahead button.input-close-svg{height:2.4rem;margin:auto;min-height:24px;min-width:24px;padding:0;width:2.4rem}.truist-typeahead button svg{fill:var(--truClrGryMd);height:26px;vertical-align:middle;width:26px}.truist-typeahead button svg path{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}.truist-typeahead .floating-label{color:var(--truClrGryMd);font-size:.9rem;left:.2rem;max-width:90%;pointer-events:none;position:absolute;top:.2rem;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1}.truist-typeahead .floating-label .input-placeholder-label{display:none}.truist-typeahead .twitter-typeahead{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:1.2rem}.truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder-shown)~button{visibility:hidden}.truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder)~button{visibility:hidden}.truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown)~button{visibility:hidden}.truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder-shown:not(:focus))~.floating-label{font-size:unset;left:.7rem;top:1rem}.truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label{font-size:unset;left:.7rem;top:1rem}.truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label{font-size:unset;left:.7rem;top:1rem}.truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder-shown:not(:focus))~.floating-label .input-focus-label{display:none}.truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label .input-focus-label{display:none}.truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label .input-focus-label{display:none}.truist-typeahead .twitter-typeahead:has(.tt-input:-moz-placeholder-shown:not(:focus))~.floating-label .input-placeholder-label{display:unset}.truist-typeahead .twitter-typeahead:has(.tt-input:-ms-input-placeholder:not(:focus))~.floating-label .input-placeholder-label{display:unset}.truist-typeahead .twitter-typeahead:has(.tt-input:placeholder-shown:not(:focus))~.floating-label .input-placeholder-label{display:unset}.truist-typeahead .typeahead-menu{background:var(--truClrNtrlWht);border-radius:1rem;margin-top:1rem;padding:0;position:absolute;top:100%;width:100%;z-index:100}.truist-typeahead .typeahead-menu .typeahead-suggestion{color:var(--truClrGryMd)}.truist-typeahead .typeahead-menu .typeahead-suggestion:hover{background:var(--truClrOffWht);border-radius:1rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cloners,[data-view-modes]{display:none}
/* Truist On-page Modal Speedbump */

.modal-header {
    border-bottom: none;
}

.onPageModal_container .modal-content {
    width: 680px;
    border-radius: 10px;
    padding: 20px 20px 64px 48px;
    margin: 15vh auto;
    display: flow-root;
}

.onPageModal_container .modal-head,
.onPageModal_container .modal-bd,
.onPageModal_container .modal-foot {
    padding-right: 30px;
}

.onPageModal_container .closeBtn-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
}

.onPageModal_container .onPageModal-btn-close {
    font-size: 2.4rem;
    font-weight: var(--truFontWtRg);
    color: var(--truClrDuskBs);
    height: 32px;
    width: 32px;
}

.onPageModal_container .modal-title.truistModalTitle {
    font-family: var(--truFontFamRg);
    font-size: 36px;
    font-weight: var(--truFontWtLt);
    color: var(--truClrPplBs);
    line-height: 42px;
}

.onPageModal_container .modal-bd.truistModalContent,
.onPageModal_container .modal-bd.truistModalContent p {
    font-family: var(--truFontFamRg);
    font-size: 16px;
    font-weight: var(--truFontWtRg);
    color: var(--truClrGryMd);
    line-height: 20px;
    margin: 30px 0 40px;
}

.onPageModal_container .modal-foot {
    border-top: none;
}

.onPageModal_container .btnModal {
    font-family: var(--truFontFamRg);
    font-size: 16px;
    color: var(--truClrNtrlWht);
    border-radius: 10px;
    height: 48px;
    margin-bottom: 0;
    text-decoration: none;
    padding: 9px 24px;
    cursor: pointer;
}

.onPageModal_container .btn-primary1 {
    background: var(--truClrDuskBs);
    border: 2px solid var(--truClrDuskBs);
    color: var(--truClrNtrlWht);
    margin-right: 15px;
}

.onPageModal_container .btn-primary1:hover {
    background: var(--truClrDuskDk);
}

.onPageModal_container .btn-primary1:focus {
    outline: 1px solid var(--truClrNtrlWht);
    background: var(--truClrDuskDk);
    border-spacing: 1px;
    outline-offset: -4px;
    box-shadow: none;
}

.onPageModal_container .btn-secondary:hover {
    background: var(--truClrOffWht);
}

.onPageModal_container .btn-secondary:focus {
    outline: 1px solid var(--truClrDuskDk);
    background: var(--truClrOffWht);
    border-spacing: 1px;
    outline-offset: -4px;
    box-shadow: none;
}

.onPageModal_container .btn-secondary {
    background: var(--truClrNtrlWht);
    border: 2px solid var(--truClrDuskBs);
    color: var(--truClrDuskBs);
    margin-right: 15px;
}

.onPageModal-link {
    font-family: var(--truFontFamRg);
    font-size: 16px;
    color: var(--truClrDuskBs);
    text-decoration: underline;
    display: inline-block;
    cursor: pointer;
}

.onPageModal-link:focus,
.onPageModal-link:hover {
    text-decoration: none;
}

.onPageModal-link:focus{
    outline: 2px solid;
    outline-offset: 2px;
    border-radius: 5px;
}

/* Media queries starts here */

@media only screen and (max-width: 480px) and (orientation: portrait) {
    .onPageModal_container {
        padding: 0 !important;
    }

    .onPageModal_container .onPageModal-btn-close {
        font-size: 2.4rem;
        font-weight: var(--truFontWtRg);
        width: 16px;
        height: 16px;
        line-height: 1rem;
    }

    .onPageModal_container .modal-head,
    .onPageModal_container .modal-bd,
    .onPageModal_container .modal-foot {
        padding-right: 8px;
    }

    .onPageModal_container .modal-content {
        width: 90%;
        padding: 24px 24px 48px 32px;
    }

    .onPageModal_container .modal-title.truistModalTitle {
        font-size: 28px;
        line-height: 35px;
    }

    .onPageModal_container .closeBtn-container {
        display: inline-block;
        width: 100%;
        margin-bottom: 0;
    }

    .onPageModal_container .btnModal {
        width: 100%;
        margin-bottom: 1.5rem;
        display: inline-block;
        text-align: center;
    }

    .onPageModal-link {
        text-align: center;
        width: 100%;
    }
}

/* Samsung tablet */
@media (min-device-width: 800px) and 
(max-device-width: 1280px) and 
(-webkit-min-device-pixel-ratio: 1.5){
    .onPageModal_container .modal-content {
        width: 90%;
        padding: 24px 24px 48px 32px;
    }
}

@media only screen and (max-width: 932px) and (orientation: landscape) {
    .onPageModal_container .modal-title.truistModalTitle {
        font-size: 28px;
    }
}

.search-field {
   padding: var(--truSpace3xlg);
   background: var(--truPurple700)
}

.sitesearch .search-field {
   background: var(--truPurple700);
}

.sitesearch .wrapper {
   width: 100%;

}


.sitesearch .search-container {
   max-width: 136.6rem;
   padding: 6.4rem 0;
   margin: 0 auto;
}

.sitesearch .bg-tru-ppl:not(.truist-gridContainer) .h1-size {
   font-size: 3.6rem;
   margin-bottom:3.6rem;
}

.sitesearch .bg-dusk-dkr:not(.truist-gridContainer) .h1-size {
   font-size: 3.6rem;
   margin-bottom:3.6rem;
}

.sitesearch .site-search {
   margin-bottom: 3.2rem;
}

.sitesearch .input-wrapper .iconbox svg {
   width: 24px;
   height: 24px;
}

.sitesearch .site-search-input::placeholder {
     color: var(--truNeutral100) !important;
   	opacity: 1; /* Firefox */
}

.sitesearch .form-group:not(.js-form-group) {
   position: relative;
   border-radius: 1rem;
   padding: 0;
   margin-bottom: 48px;
   gap: 2.4rem;
}

.sitesearch .input-hint {
   display: block;
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: absolute;
   left: 0;
   top: 8.1rem;
   margin-bottom: 2rem;
}

.sitesearch .has-error ~ .input-hint {
   display: none;
}

.sitesearch .form-group:not(.js-form-group) .focus-wrapper {
   display: block;
   width: 3rem;
   height: 3rem;
   border: 1px solid var(--truNeutral500);
   border-radius: 50%;
   position: absolute;
   left: -0.35rem;
   top: -0.325rem;
   opacity: 0;
   z-index: 0;
}

.sitesearch .form-group:not(.js-form-group) label {
   color: var(--truNeutral500);
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
}

.sitesearch .form-group.hidden-label .input-wrapper .iconbox {
   display: block !important;
   padding: 1rem;
   width: 4.4rem;
   height: 4rem;
   background: var(--truPurple600);
   position: relative;
   z-index: 12;
   border-radius: .2rem 0 0 .2rem;
   margin-left: 2px;
}

.sitesearch .form-group.hidden-label .input-wrapper .iconbox svg {
   margin-top: -7px;
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper {
   width: auto;
   min-width: 83%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   margin-bottom: 0;
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper.is-clear {
   justify-content: flex-start;
}

.sitesearch .form-group:not(.js-form-group).stacked.hidden-label .input-wrapper {
   margin-top: -1px;
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper::before {
   content: "";
   display: block;
   /*background: var(--truNeutral0);*/
   position: absolute;
   width: calc(100% - 1px);
   height: 4.8rem;
   border: 1px solid var(--truNeutral100);
   border-radius: .5rem;
   z-index: 1;
}

.sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   position: relative;
   background: var(--truNeutral100);
   color: var(--truNeutral500);
   padding: 1rem 1rem 0.75rem 1rem;
   width: calc(100% - 7px);
   height: 4.2rem;
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
   border: 1px solid var(--truClear);
   border-radius: .2rem;
   box-shadow: none;
   z-index: 10;
   transition: none;
}


.sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).site-search-input {
   position: relative;
   background: var(--truPurple800);
   color: var(--truNeutral500);
   padding: 1rem 1rem 0.75rem 1rem;
   width: calc(100% - 54px);
   height: 4.2rem;
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
   border: 1px solid var(--truClear);
   border-radius: .25rem;
   box-shadow: none;
   z-index: 10;
   margin-left: 3px;
   transition: none;
}

.sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
   border-color: var(--truNeutral100);
   box-shadow: none;
}

.sitesearch .form-group:not(.js-form-group) .is-clear input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   padding: 1rem 1rem 0.75rem 1rem;
   margin-left: 3px;
   color: var(--truNeutral100);
}

.sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).has-clear:focus {
   width: calc(100% - 44px);
}

.sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
   width: calc(100% - 2px);
   border-radius: .5rem;
}

.sitesearch .form-group:not(.js-form-group).hidden-label input.hidden-label {
   width: calc(100% - 62px);
   padding: 1rem 1rem 0.75rem 1rem;
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper.has-error {
   flex-direction: row;
}

.sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error {
   flex-direction: row;
}


.sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg path {
   stroke: var(--truRuby200);
}

.sitesearch .bg-tru-ppl .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg g path,
.sitesearch .bg-dusk-dkr .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg g path {
   fill: var(--truRuby200);
}

.sitesearch .bg-tru-ppl .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg path,
.sitesearch .bg-dusk-dkr .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg path {
   stroke: var(--truRuby200);
}

.sitesearch .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error .iconbox svg g path {
   fill: var(--truRuby200);
}

.sitesearch .form-group:not(.js-form-group) label.has-error,
.sitesearch .form-group:not(.js-form-group).stacked label.is-focused.has-error,
.sitesearch .form-group:not(.js-form-group) .validation-message {
   color: var(--truRuby200);
}


.sitesearch .form-group:not(.js-form-group) .validation-message {
   padding: .5rem 0;
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: absolute;
   /*left: 35px;*/
   top: 22px;
   display: none;
}


.sitesearch .form-group:not(.js-form-group) .validation-message svg {
   margin: -.25rem .25rem 0 0;
   width: 1.4rem;
   height: auto;
}

.sitesearch .form-group:not(.js-form-group) .validation-message svg path {
   stroke: var(--truRuby200);
   stroke-width: 4px;
}

.sitesearch .form-group:not(.js-form-group) input.validation-failed,
.sitesearch .form-group:not(.js-form-group) input.validation-failed:focus {
   border-color: var(--truNeutral100);
}

.sitesearch .form-group:not(.js-form-group) label.is-focused ~ .input-wrapper::before {
   border: 1px solid var(--truNeutral100);
}

.sitesearch .form-group:not(.js-form-group) label.is-focused ~ .input-wrapper.has-error::before,
.sitesearch .form-group:not(.js-form-group) .input-wrapper.has-error::before {
   border: 1px solid var(--truRuby200);
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button {
   display: none;
   width: 35px;
   height: 42px;
   max-width: 100%;
   /*position: absolute;*/
   right: -2px;
   padding: 5px;
   z-index: 11;
   border-radius: .2rem;
   border: 1px solid var(--truClear);
   background-color: var(--truClear);
   background: var(--truPurple800);
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:hover,
.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:focus {
   border: 1px solid var(--truNeutral100);
   /*background: var(--truPurple700);*/
}


.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button svg {
   margin-top: 0px;
   margin-left: 1px;
   transition: all .3s ease-in-out;
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:hover svg,
.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button:focus svg {
   width: 12px;
   height: 12px;
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button svg path {
   stroke-width: .25rem;
   stroke: var(--truNeutral100);
}

.sitesearch .form-group:not(.js-form-group) .input-wrapper.has-error .clear-field-button svg path {
   stroke-width: .25rem;
   stroke: var(--truRuby200);
}

.sitesearch .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).searchBtn {
   padding: .85rem 2.2rem;
   margin-bottom: 0;
   margin-left: 0px;
}


.sitesearch #listbox {
   display: none;
   position: absolute;
   width: calc(100% - 131px);
   background: var(--truNeutral0);
   color: var(--truNeutral500);
   top: 50px;
   left: 1px;
   z-index: 10;
   border: 1px solid var(--truNeutral100);
   overflow: hidden;
   border-radius: 0 0 1rem 1rem;
}

.sitesearch #listbox .quick-suggestions {
   margin-bottom: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 0;
}


.sitesearch #listbox .search-list-item {
   margin-bottom: 0;
   position: relative;
}

.sitesearch #listbox .search-list-item::after {
   content: "";
    display: block;
    width: 100%;
    max-width: calc(100% - 10rem);
    height: 1px;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--truPurple700);
}

.sitesearch #listbox .search-list-button {
   display: block;
   width: 100%;
   border: 0;
   outline: none;
   background: none;
   box-shadow: none;
   text-align: left;
   line-height: 4.2rem;
   color: var(--truNeutral100);
    position: relative;
    display: block;
    padding: 0.5rem 2.75rem;
    font-size: var(--truTxtSizeBdy);
    text-decoration: none;
    cursor: pointer;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, font-weight .3s ease-in-out;
}

.sitesearch #listbox .search-list-button:hover,
.sitesearch #listbox .search-list-button:focus  {
   background-color: var(--truSky900);
   color: var(--truSky200);
}

.sitesearch #listbox .search-list-button:focus  {
   outline: 1px solid var(--truNeutral500);
   outline-offset: -4px;
}

.sitesearch .search-container ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   gap: 2rem;
}

.sitesearch .bg-tru-ppl a:link,
.sitesearch .bg-tru-ppl a:visited {
   color: var(--truDawn400);
   text-decoration: none;
   font-weight: 600;
   transition: all .3s ease-in-out;
}

.sitesearch .bg-tru-ppl a:hover,
.sitesearch .bg-tru-ppl a:focus {
   text-decoration: underline;
   color: var(--truDawn200);
   outline: none;
}

.sitesearch .bg-dusk-dkr a:link,
.sitesearch .bg-dusk-dkr a:visited {
   color: var(--truDawn400);
   text-decoration: none;
   font-weight: 600;
   transition: all .3s ease-in-out;
}

.sitesearch .bg-dusk-dkr a:hover,
.sitesearch .bg-dusk-dkr a:focus {
   text-decoration: underline;
   color: var(--truDawn200);
   outline: none;
}

.sitesearch a.arrow-link {
   display: inline-block;
   max-width: fit-content;
   font-size: 1.8rem;
   margin-right: var(--truSpaceLg);
}

.sitesearch .search-results {
   width: 100%;
   max-width: 136.6rem;
}

.sitesearch .search-results .no-results-msg {
   font-size: 2.8rem;
   text-align: center;
   color: var(--truClrGryMd);
   padding: 5rem 0 0 0;
   line-height: 1.3;
}

.sitesearch .search-results .accordion .card-header {
   background: none;
   border-bottom: 0;
}

.sitesearch .search-results .accordion .card-header h2 {
   font-size: var(--truTxtSize5);
   margin-bottom: 0;
}

.sitesearch .search-results .accordion .card-header .btn-link {
   padding: 0 0 0 3.2rem;
   position: relative;
   color: var(--truPurple800);
   font-weight: 600;
   margin-bottom: .8rem;
   text-align: left;
   transition: all .3s ease-in-out;
}

.sitesearch .search-results .accordion .card-header .btn-link:hover,
.sitesearch .search-results .accordion .card-header .btn-link:focus {
   color: var(--truPurple500);
}

.sitesearch .search-results .accordion .card-header .btn-link p {
   margin-bottom: 0;
}

.sitesearch .search-results .accordion .card-header .btn-link::after {
   content: "";
   display: block;
   position: absolute;
   left: .25rem;
   top: 4px;
   width: 10px;
   height: 10px;
   border-right: 2px solid var(--truPurple800);
   border-bottom: 2px solid var(--truPurple800);
   transform: rotate(45deg);
   transition: all .3s ease-in-out;
}

.sitesearch .search-results .accordion .card-header .btn-link[aria-expanded="true"]::after {
   transform: rotate(-135deg);
   top: 7px;
}

.sitesearch .search-results .accordion .card {
   border: 0;
}

.sitesearch .search-results .accordion .card-body {
   padding: 0 3.2rem;
}


.sitesearch .cls-1,
.sitesearch .cls-2 {
   fill: none;
   stroke: var(--truDawn400);
   stroke-width: 5px;
   transition: all .3s ease-in-out;
}

.sitesearch .cls-1 {
   stroke-linejoin: round;
}

.sitesearch .cls-2 {
   stroke-miterlimit: 10;
}

.sitesearch .cls-3 {
   fill: none;
   stroke: var(--truNeutral100);
   stroke-linejoin: round;
   stroke-width: 5px;
}

.sitesearch .arrow-link:hover .arrow .cls-1,
.sitesearch .arrow-link:hover .arrow .cls-2,
.sitesearch .arrow-link:focus .arrow.cls-1,
.sitesearch .arrow-link:focus .arrow.cls-2 {
   stroke: var(--truDawn200);
}

.sitesearch .result-number {
   text-align: right;
   padding: 6.4rem 0;
}

.sitesearch .search-results .accordion .card-body ul {
   list-style-type: disc;
   padding-left: 3.2rem;
}

.sitesearch .search-results .accordion .card-body ul li{
   border-bottom: 0;
   padding-left: 0;
}

.search-pagination .light-theme.simple-pagination {
   padding-top: 3.2rem;
   display: flex;
   justify-content: center;
}

.search-pagination .light-theme.simple-pagination li {
   display: block;
}

.search-pagination .light-theme.simple-pagination li button{
   padding: .5rem .75rem .25rem;
   margin-bottom: .25rem;
}

.search-pagination .light-theme.simple-pagination .page-link {
   border: none;
   color: var(--truPurple500);
   background: none;
   display: block;
   padding: .25rem .75rem;
   line-height: 1.3;
   transition: all .3s ease-in-out;
}

.search-pagination .light-theme.simple-pagination .page-link:hover,
.search-pagination .light-theme.simple-pagination .page-link:focus {
   text-decoration: underline;
   color: var(--truPurple800);
   outline: 1px dotted var(--truNeutral500);
   box-shadow: none;
   border-radius: .25rem;
}

.search-pagination .light-theme.simple-pagination .prev,
.search-pagination .light-theme.simple-pagination .next {
   background: none;
   border: 0;
   text-decoration: none;
   box-shadow: none;
   padding: 0.5rem 0.75rem;
   position: relative;
   display: block;
   width: 25px;
   height: 28px;
}

.search-pagination .light-theme.simple-pagination .prev::after,
.search-pagination .light-theme.simple-pagination .next::after {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   position: absolute;
   top: 10px;

}

.search-pagination .light-theme.simple-pagination .prev::after {
   border-bottom: 1px solid var(--truPurple500);
   border-left: 1px solid var(--truPurple500);
   transform: rotate(45deg);
   left: 10px;
}


.search-pagination .light-theme.simple-pagination .next::after {
   border-bottom: 1px solid var(--truPurple500);
   border-right: 1px solid var(--truPurple500);
   transform: rotate(-45deg);
   right: 10px;
}

.search-pagination .light-theme.simple-pagination .prev:disabled::after {
   border-bottom: 1px solid var(--truNeutral500);
   border-left: 1px solid var(--truNeutral500);
}

.search-pagination .light-theme.simple-pagination .next:disabled::after {
   border-bottom: 1px solid var(--truNeutral500);
   border-right: 1px solid var(--truNeutral500);
}


.search-pagination .light-theme.simple-pagination .active .current {
   background: none;
   border: 0;
   text-decoration: underline;
   box-shadow: none;
   color: var(--truPurple800);
   padding: .5rem .75rem .25rem;
}

.search-pagination .light-theme.simple-pagination .active .current:hover,
.search-pagination .light-theme.simple-pagination .active .current:focus {
   outline: 1px dotted var(--truNeutral500);
   border-radius: .25rem;
}

.sitesearch .validation-message {
   margin-top: 2rem;
}


.sitesearch .search-results .unordered .list-header .search-results-link:hover,
.sitesearch .search-results .unordered .list-header .search-results-link:focus {
    color: var(--truPurple500);
}

.sitesearch .err-alert-icon {

}

.sitesearch .has-error .cls-3 {
   fill: none;
   stroke: var(--truRuby200);
   stroke-linejoin: round;
   stroke-width: 5px;

}

.sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button .has-error svg path {
    stroke: var(--truRuby200) !important;
}

.sitesearch .clear-field-button {
        fill:var(--truPurple500);
		stroke:var(--truPurple500);
    }

.sitesearch .clear-field-button .has-error {
        fill:var(--truRuby600);
		stroke:var(--truRuby600);
    }

.sitesearch .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).site-search-input.validation-failed {
	color: var(--truNeutral100);
            }

@media(max-width: 1366px) {
   .sitesearch .search-results {
      padding: 0 6.4rem;
   }
}

@media (min-width: 769px) and (max-width: 878px) {
   .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button {
      top: 1px;
   }

   .sitesearch #listbox {
      width: calc(100% - 3px);
   }
}

@media (max-width: 768px) {
   .sitesearch .search-container {
      padding: 2.4rem 0;
   }
   .sitesearch .search-field {
      padding: 2.4rem;
   }

   .sitesearch .form-group:not(.js-form-group) {
     /* gap: .8rem;*/
   }
   .sitesearch .form-group:not(.js-form-group) .input-wrapper {
      min-width: auto;
   }

   .sitesearch #listbox {
      width: calc(100% - 115px);
   }

   .sitesearch .search-container ul {
      display: block;
   }

   .bg-dusk-dkr:not(.truist-gridContainer) ul li:not(.search-list-item),
    .bg-tru-ppl:not(.truist-gridContainer) ul li:not(.search-list-item) {
          padding: .5rem 2rem;
   }

   .sitesearch a.arrow-link {
      font-size: 1.6rem;
   }

   .sitesearch a.arrow-link .arrow {
      top: 0px;
      transform: scale (1);
   }
   .sitesearch .search-results {
      padding: 0 2.4rem;
   }

   .sitesearch .search-results .no-results-msg {
     font-size: var(--truTxtSizeBdy);
   }

}



@media (max-width: 425px) {
   .sitesearch .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.btn-truist-login).searchBtn {
      margin-top: 3.6rem;
   }
   .sitesearch .form-group:not(.js-form-group) .input-wrapper .clear-field-button {
      top: 1px;
   }

   .sitesearch #listbox {
      width: calc(100% - 3px);
   }

   .sitesearch .search-results .no-results-msg {
      font-size: var(--truTxtSizeBdy);
    }

}

   @media (max-width: 0px) {
      .sitesearch .search-container {
         padding: 1.6rem 0;
      }

      .sitesearch .search-field {
         padding: .8rem;
      }

      .sitesearch .form-group:not(.js-form-group) {
         gap: .8rem;
      }
      .sitesearch .form-group:not(.js-form-group) .input-wrapper {
         min-width: auto;
      }

      .sitesearch .search-container ul {
         display: block;
      }
}

/* new search results */

/* .search-field--wrapper, .search-facets, .search-results2 {
   margin: 0 6.4em;
} */

.no-faq-search-results .unordered {
   list-style: none;
}


.no-faq-search-results ul li {
  padding: 0 !important;
  border-bottom: none !important;
  margin: 0 2.2rem;
}

.no-faq-search-results ul li a {
  font-weight: 600;
  font-size: 1.8rem;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  color: var(--truPurple800);
  margin-bottom: 0.8rem;
  text-decoration: none;


}
.page-description {
   margin-bottom: 2rem !important;
   font-size: 1.8rem;
   line-height: 1.5em;
}

.search-field--wrapper, .search-facets, .search-results {
	margin: 0 auto;
}


.sitesearch .bg-dusk-dkr:not(.truist-gridContainer) ul li,
.sitesearch .bg-tru-ppl:not(.truist-gridContainer) ul li {
   padding:0 ;

}

.sitesearch .search-results .unordered .list-header .search-results-link:hover,
.sitesearch .search-results .unordered .list-header .search-results-link:focus {
    color: var(--truPurple500);
}

.sitesearch .search-results .accordion ul li sup {
   display: inline;
}

.sitesearch .search-results .accordion ul li sup a {
   color: var(--truPurple500);
   display: inline;
   padding: 5px 1px;
   position: absolute;
   top: 1px;
   right: -13px;
   text-decoration: underline;
   outline: 1px solid var(--truClear);
   outline-offset: 1px;
   border-radius: .25rem;
   transition: all .25s ease-in-out;
}

.sitesearch .search-results .accordion ul li sup a:hover,
.sitesearch .search-results .accordion ul li sup a:focus {
   color: var(--truPurple600);
   text-decoration: none;
}

.sitesearch .search-results .accordion ul li sup a:focus {
   outline: 1px solid var(--truPurple600);
}

.sitesearch .search-results .accordion ul li sup a::after {
 display: none;
}

/* Static Card V2 Primary Tile and Secondary tile custom styles */
.staticcardv2 {
    position: relative;
    display: flex;
    flex: 1;
}

.static-card__custom--column-spacing-4 .aem-Grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.static-card__custom--column-spacing-4 > div.aem-Grid > div.staticcard, .static-card__custom--column-spacing-3--sm > div.aem-Grid > div.staticcard {
    padding-right: 2.083%;
    margin-left: 0% !important;
    display: flex;
    flex: 1;
    flex-direction: column;
}

/* CTA / Link SVG icon enhancements */

.cta-svg-icon {
    height: 24px;
    width: 24px;
    color: inherit;
    margin: 0 5px;
}

.borderLess_StaticCard, .borderLess_StaticCard div {
    border: none;
}
/* CTA ICON enhancements*/

.staticcardv2 .card {
    height:100%;
}
.staticcardv2 .eyebrow  {
    margin-bottom: var(--truSpaceXs);
    font-size: var(--truTxtSizeMicro);
    font-weight: var(--truFontWtRg);
    text-transform: uppercase;
}

.staticcardv2 .heading {
    margin-bottom: var(--truSpaceXs);
}

.staticcardv2.truist-global-staticcardv2-secondarytile .heading {
    margin-bottom: var(--truSpaceMd);
}

.staticcardv2 .subheading {
    font-weight: var(--truFontWtBd);
}

.staticcardv2 .subheading,
.staticcardv2 .card-body > p {
    margin-bottom: var(--truSpaceMd);
    word-break: break-all;
    white-space: normal;
}

.truist-global-staticcardv2-primarytile .card-body,
.truist-global-staticcardv2-secondarytile .card-body {
    padding: var(--truSpaceXlg)  var(--truSpaceXlg) 0;
}

.truist-global-staticcardv2-primarytile .card-footer {
    background: none;
    border: none;
    padding: var(--truSpaceLg) var(--truSpaceXlg) var(--truSpaceXlg) var(--truSpaceXlg);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.truist-global-staticcardv2-primarytile .card-footer .cta-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--truSpaceMd);
}

.truist-global-staticcardv2-primarytile .content-center .card-footer .cta-container {
    width: 100%;
    justify-content: center;
}

.truist-global-staticcardv2-secondarytile .card-footer {
    background: none;
    border: none;
    padding: var(--truSpaceLg) var(--truSpaceXlg) var(--truSpaceXlg) var(--truSpaceXlg);
}


.truist-global-staticcardv2-secondarytile .noPadding .card-footer {
    background: none;
    border: none;
    padding: 0;
}


.truist-global-staticcardv2-primarytile .card-footer p:last-child,
.truist-global-staticcardv2-secondarytile .card-footer p:last-child {
    margin-bottom: 0;
}

.truist-global-staticcardv2-primarytile .btn-primary,
.truist-global-staticcardv2-primarytile .btn-secondary,
.truist-global-staticcardv2-secondarytile .btn-primary,
.truist-global-staticcardv2-secondarytile .btn-secondary{
    display: inline-block;
    justify-content: center;
    flex: 1;
    /* min-width: 24%; */
}

.truist-global-staticcardv2-primarytile .btn-minimal,
.truist-global-staticcardv2-secondarytile .btn-minimal{
    display: inline-block;
    justify-content: start;
    flex: 1;
    /* min-width: 24%; */
}

/* .truist-global-staticcardv2-primarytile .btn-primary,
.truist-global-staticcardv2-primarytile .btn-secondary {
    margin-right: var(--truSpaceMd);
} */

.truist-global-staticcardv2-primarytile .card-list-content.defaultList,
.truist-global-staticcardv2-primarytile .card-list-content.defaultList ul {
    list-style-type: disc;
    padding: 0;
}

.truist-global-staticcardv2-primarytile .card-list-content.defaultList li,
.truist-global-staticcardv2-primarytile .card-list-content.defaultList ul li {
    margin-left: 20px;
}

.truist-global-staticcardv2-primarytile ul.card-list-content.ordered {
    padding: 0;
}

/* Static card icon variant */

.truist-global-staticcardv2-primarytile .card-img-icon-default,
.truist-global-staticcardv2-secondarytile .card-img-icon-default {
    height: 48px;
    width: 48px;
    margin-top: var(--truSpaceXlg);
    margin-right: var(--truSpaceXlg);
    margin-bottom: 0;
    margin-left: var(--truSpaceXlg);
}

.truist-global-staticcardv2-primarytile .card-img-icon-lg,
.truist-global-staticcardv2-secondarytile .card-img-icon-lg {
    height: 64px;
    width: 64px;
    margin-top: var(--truSpaceXlg);
    margin-right: var(--truSpaceXlg);
    margin-bottom: 0;
    margin-left: var(--truSpaceXlg);
}
.truist-global-staticcardv2-primarytile .card-img-icon-md,
.truist-global-staticcardv2-secondarytile .card-img-icon-md {
    height: 32px;
    width: 32px;
    margin-top: var(--truSpaceXlg);
    margin-right: var(--truSpaceXlg);
    margin-bottom: 0;
    margin-left: var(--truSpaceXlg);
}
.truist-global-staticcardv2-primarytile .card-img-icon-sm,
.truist-global-staticcardv2-secondarytile .card-img-icon-sm {
    height: 24px;
    width: 24px;
    margin-top: var(--truSpaceXlg);
    margin-right: var(--truSpaceXlg);
    margin-bottom: 0;
    margin-left: var(--truSpaceXlg);
}

.truist-global-staticcardv2-primarytile .card-img-icon-default + .card-body,
.truist-global-staticcardv2-secondarytile .card-img-icon-default + .card-body,
.truist-global-staticcardv2-primarytile .card-img-icon-lg + .card-body,
.truist-global-staticcardv2-secondarytile .card-img-icon-lg + .card-body,
.truist-global-staticcardv2-primarytile .card-img-icon-md + .card-body,
.truist-global-staticcardv2-secondarytile .card-img-icon-md + .card-body,
.truist-global-staticcardv2-primarytile .card-img-icon-sm + .card-body,
.truist-global-staticcardv2-secondarytile .card-img-icon-sm + .card-body {
    padding-top: 2rem;
}

/* Content centre alignment styles */

.truist-global-staticcardv2-primarytile .card.content-center,
.truist-global-staticcardv2-secondarytile .card.content-center,
.staticcardv2-simple-container .content-center .card-body  {
    text-align: center;
}


.truist-global-staticcardv2-primarytile .card.content-center ul,
.truist-global-staticcardv2-primarytile .card.content-center ol,
.truist-global-staticcardv2-secondarytile .card.content-center ul,
.truist-global-staticcardv2-secondarytile .card.content-center ol,
.staticcardv2-simple-container .content-center  ul,
.staticcardv2-simple-container .content-center  ol {
    text-align: left;
}

.truist-global-staticcardv2-secondarytile .content-center .card-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.truist-global-staticcardv2-primarytile .card.content-center .card-footer,
.truist-global-staticcardv2-secondarytile .card.content-center .card-footer {
    justify-content: center;
    flex-wrap: wrap;
}


.staticcardv2-simple-container.content-center .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.staticcardv2-simple-container.content-center .card-body .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login) {
    display: block;
    margin-right: 0;
    text-align: center;
    display: block;
}

/* Content Padding on/off */

.truist-global-staticcardv2-primarytile .card.noPadding .card-body,
.truist-global-staticcardv2-primarytile .card.noPadding .card-footer,
.truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-default,
.truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-lg,
.truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-md,
.truist-global-staticcardv2-primarytile .card.noPadding .card-img-icon-sm,

.truist-global-staticcardv2-secondarytile .card.noPadding .card-body,
.truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-default,
.truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-lg,
.truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-md,
.truist-global-staticcardv2-secondarytile .card.noPadding .card-img-icon-sm,
.truist-global-staticcardv2-secondarytile .card.noPadding .card-footer,

.staticcardv2-simple-container.card.noPadding .card-body,
.staticcardv2-simple-container.card.noPadding .card-footer {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}


.truist-global-staticcardv2-secondarytile .card.noPadding .card-footer {
    padding-top: var(--truSpaceLg);
}

.truist-global-staticcardv2-secondarytile .card.noPadding .card-body{
    padding-top: 0;
}

.truist-global-staticcardv2-primarytile .card.noPadding,
.truist-global-staticcardv2-secondarytile .card.noPadding {
    border: 0;
}

.truist-global-staticcardv2-primarytile .card-footer p {
    margin-top: var(--truSpaceMd);
    width: 100%;
}


/* Media queries starts here */
@media (max-width: 375px) {

    .truist-global-staticcardv2-primarytile .card-footer {
        flex-wrap: wrap;
    }

    .truist-global-staticcardv2-primarytile .card-footer p {
        margin-top: 0;
    }
}

@media only screen and (max-width: 480px) and (orientation: portrait) {

    .truist-global-staticcardv2-primarytile,
    .truist-global-staticcardv2-secondarytile {
        display: flex;
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
        align-items: inherit;
        justify-content: inherit;
        text-align: inherit;
    }
}


@media only screen and (max-width: 932px) and (orientation: landscape) {
    /* Place if there are any look & feel change for mobile landscape view */
}

/******************************************************************************************/
/* Simple Card Styles starts here */


.card-img-icon-default {
    width: 48px;
    height: 48px;
    margin-right: var(--truSpaceLg);
}

.card-img-icon-sm {
    width: 24px;
    height: 24px;
    margin-right: var(--truSpaceLg);
}

.card-img-icon-md {
    width: 32px;
    height: 32px;
    margin-right: var(--truSpaceLg);
}

.card-img-icon-lg {
    width: 64px;
    height: 64px;
    margin-right: var(--truSpaceLg);
}

.staticcardv2-simple-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 20px;
  padding: var(--truSpaceXlg); 
  /*width:700px;*/
}

		
.staticcardv2-simple-container-nopadding {
    padding: 0;
    border: none;
}

.staticcardv2 .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login)  {
    padding-right: 0rem !important; /* Need for spacing */
    padding-left: 0rem !important; /* Need for spacing */
    margin-bottom: 0;
    margin-right: var(--truSpaceMd);
 }

 .staticcardv2 .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login)  {
    margin-bottom: 0;
 }

 .staticcardv2 .card.noPadding img {
    padding: 0;
 }

 .staticcardv2 .card ol,
 .staticcardv2 .card ul,
 .staticcardv2 .card dl,
 .staticcardv2 .card p {
    margin-bottom: 0;
 }

 .staticcardv2 .card ul,
 .staticcardv2 .card dl{
    margin-top: var(--truSpaceMd);
 }

 .staticcardv2 .card .list-heading {
    display: block;
    margin-top: var(--truSpaceMd);
 }

 .staticcardv2 .card dl .dt-list-heading {
    margin-bottom: var(--truSpaceMd);
 }

 .staticcardv2 .card .card-body .card-list-content li:last-child {
    padding-bottom: 0;
 }

 .staticcardv2 .card .card-body dl dd:last-child {
    margin-bottom: 0;
 }

 .staticcardv2.staticcardv2-simple-container .eyebrow {
    margin-bottom: var(--truSpace2xs);
 }

 .staticcardv2.staticcardv2-simple-container .heading {
    margin-bottom: var(--truSpaceMd);
    font-weight: var(--truFontWtBd);
 }

 .staticcardv2.staticcardv2-simple-container .card-body {
    padding: 0;
 }

 .staticcardv2.staticcardv2-simple-container.content-center {
    text-align: center;
    flex-direction: column;
    margin-right: unset;
    
}


.staticcardv2.staticcardv2-simple-container.content-center .card-img-icon-default {
	margin-right: unset;
}

 .staticcardv2.staticcardv2-simple-container .btn {
    display: inline-block;
 }

 /* Start MMA-Rates-Card Styles */

 .staticcardv2.mma-rate-card {
    text-align: center;
 }

 .staticcardv2.mma-rate-card .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).mma-modal-trigger {
    text-decoration: underline;
    font-weight: var(--truFontWtRg);
 }

 .staticcardv2.mma-rate-card .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).mma-modal-trigger:hover,
 .staticcardv2 .btn:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login).mma-modal-trigger:focus {
    text-decoration: none;
 }

.staticcardv2.bg-clear .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-ntrl-white .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-ntrl-off-white .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-mist .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-mist-dk .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-sky-blue-lt .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-sky-blue-ltr .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-clear .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-ntrl-white .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-ntrl-off-white .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-mist .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-mist-dk .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-sky-blue-lt .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-sky-blue-ltr .htmlcontainer .mma-modal-trigger svg circle.cls-loc {
    stroke: var(--truPurple500);
    fill: none;
            stroke-miterlimit: 10;
            stroke-width: 5px;
 }

 .staticcardv2.bg-dusk-dkr .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-tru-ppl .htmlcontainer .mma-modal-trigger svg path.cls-loc,
.staticcardv2.bg-dusk-dkr .htmlcontainer .mma-modal-trigger svg circle.cls-loc,
.staticcardv2.bg-tru-ppl .htmlcontainer .mma-modal-trigger svg circle.cls-loc {
    stroke: var(--truDawn200);
    fill: none;
            stroke-miterlimit: 10;
            stroke-width: 5px;
}

 .staticcardv2.mma-rate-card > .container,
 .staticcardv2.mma-rate-card .card-body,
 .staticcardv2.mma-rate-card .htmlcontainer .card-body {
    padding: 0;
    color: var(--truPurple800);
 }

 .staticcardv2.bg-dusk-dkr.mma-rate-card > .container,
 .staticcardv2.bg-dusk-dkr.mma-rate-card .card-body,
 .staticcardv2.bg-dusk-dkr.mma-rate-card .htmlcontainer .card-body,
 .staticcardv2.bg-tru-ppl.mma-rate-card > .container,
 .staticcardv2.bg-tru-ppl.mma-rate-card .card-body,
 .staticcardv2.bg-tru-ppl.mma-rate-card .htmlcontainer .card-body {
    padding: 0;
    color: var(--truNeutral0);
 }

 .staticcardv2.staticcardv2-simple-container .card-body {
    padding: var(--truSpaceXlg) var(--truSpaceXlg) 0;
 }

 .staticcardv2.mma-rate-card .card-body .card-title.heading.h4-size,
 .staticcardv2.truist-global-staticcardv2-secondarytile .card-body .heading.h2-size,
 .staticcardv2.staticcardv2-simple-container .card-body .card-title.heading.h2-size {
    font-size: var(--truTxtSize5);
    line-height: var(--truLnHght5);
    font-weight: var(--truFontWtBd);
 }

 .staticcardv2.mma-rate-card .card-body .card-title,
 .staticcardv2.mma-rate-card .card-body .card-text {
    display: block;
    padding-left: 0;
    margin-bottom: var(--truSpaceXs);
 }

 .staticcardv2.mma-rate-card .card-body .card-text > p {
    margin-bottom: var(--truSpaceXs);

 }

.staticcardv2-simple-container .card-body .card-text > p {
    word-break: break-all;
    white-space: normal;
 }

 .staticcardv2.mma-rate-card .limit-error {
    color: var(--truRuby600);
    font-size: var(--truTxtSizeMicro);
    line-height: var(--truLineHghtMicro);
 }

 @media (max-width: 768px) {
    .staticcardv2-simple-container{
            display: block
    }
    .staticcardv2-simple-container > img {
        margin: 0 0 var(--truSpaceLg) 0;
    }
}


@media only screen and (max-width: 932px) and (orientation: landscape) {
    /* Place if there are any look & feel change for mobile landscape view */
}

 .static-lsc-loader.loading-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSize6);
    font-weight: var(--truFontWtRg);
    color: var(--truNeutral500);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
 }

 .static-lsc-loader.bg-clear.loading-animation {
    background: var(--truNeutral0);
 }

 .static-lsc-loader.bg-dusk-dkr.loading-animation,
 .static-lsc-loader.bg-tru-ppl.loading-animation {
   color: var(--truNeutral50);
 }

 .static-lsc-loader.loading-animation .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 1px;
  margin-left:5px;
  position: relative;
  top:-5px;
  background: var(--truNeutral500);
 }

 .static-lsc-loader.bg-dusk-dkr.loading-animation .dot,
 .static-lsc-loader.bg-tru-ppl.loading-animation .dot {
   background: var(--truNeutral50);
}
 .static-lsc-loader.loading-animation .loading {
  padding-left: 10px;
 }

 .static-lsc-loader.loading-animation .dot:nth-child(1) {
  animation: jumpingAnimationLsc 1s 0.75s ease-in infinite;
 }
 .static-lsc-loader.loading-animation .dot:nth-child(2) {
  animation: jumpingAnimationLsc 1s 0.5s ease-in infinite;
 }
 .static-lsc-loader.loading-animation .dot:nth-child(3) {
  animation: jumpingAnimationLsc 1s 0.25s ease-in infinite;
 }

 @keyframes jumpingAnimationLsc {
  0% {
    transform: translate3d(0, 0,0);
  }
  50% {
    transform: translate3d(0, 10px,0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
 }

 .static-lsc-loader.loading-animation.hide {
    display: none;
 }

.mma-banner-modal {

}

.mma-banner-modal strong {
   padding-left: var(--truSpace2xs);
}



.mma-banner-modal .truist-mma-banner-container{
   display: flex;
   align-items: center;
   justify-content: center;
      padding-top: var(--truSpaceSm);
      padding-bottom: var(--truSpaceSm);
}

.mma-banner-modal .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login)  {
   font-weight: var(--truFontWtRg);
   text-decoration: underline;
   margin-bottom: 0;
   padding: 0 2.2rem !important; /* Need for spacing */
}

.mma-banner-modal .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login):hover,
.mma-banner-modal .btn.btn-minimal:not(.custom-select):not(.subpage-navbar-cta):not(.btn-link):not(.btn-primary1):not(.google-search-button):not(.dropdown-toggle-action):not(.btn-global-nav):not(.clear-field-button):not(.search-button-container .btn.search-btn):not(.search-button-container .btn.filter-clear-btn):not(.peopleprofilefinderv2 .filter-btn):not(.btn-truist-login):focus  {
   text-decoration: none;
}

.mma-banner-modal .bg-clear .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-ntrl-white  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-off-white  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-mist  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-mist-dk  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-sky-blue-lt  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-sky-blue-ltr  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-clear  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-ntrl-white  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-off-white  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-mist  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-mist-dk  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-sky-blue-lt  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-sky-blue-ltr  .truist-mma-banner-container .mma-modal-trigger svg circle.cls-loc {
    stroke: var(--truPurple500);
    fill: none;
            stroke-miterlimit: 10;
            stroke-width: 5px;
 }

 .mma-banner-modal .bg-dusk-dkr  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-tru-ppl  .truist-mma-banner-container .mma-modal-trigger svg path.cls-loc,
.mma-banner-modal .bg-dusk-dkr .truist-mma-banner-container  .mma-modal-trigger svg circle.cls-loc,
.mma-banner-modal .bg-tru-ppl .truist-mma-banner-container  .mma-modal-trigger svg circle.cls-loc {
    stroke: var(--truDawn200);
    fill: none;
            stroke-miterlimit: 10;
            stroke-width: 5px;
 }

.mma-banner-modal .modal {
   background: rgba(0, 0, 0, .5);
}

.mma-banner-modal .modal .modal-dialog {
   width: 100%;
   max-width: 587px;
   z-index: 1041;
}

.mma-banner-modal .modal .modal-dialog .modal-content {
   border-radius: 2rem;
   width: 100%;
   padding: var(--truSpace2xlg);
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-header{
   display: block;
   position: relative;
   padding: 0;
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-header .close {
   position: absolute;
   top: -24px;
   right: -24px;
   padding: var(--truSpaceXs);
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-header .close:hover,
.mma-banner-modal .modal .modal-dialog .modal-content .modal-header .close:focus {
   outline: 1px solid var(--truNeutral500);
   border-radius: .5rem;
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-header .modal-title{
   display: block;
  font-size: var(--truTxtSize3);
  line-height: var(--truLnHght3);
  color: var(--truPurple800);
  font-weight: var(--truFontWtLt);
  margin-bottom: var(--truSpaceMd);
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-body {
   padding: 0;
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-body .validation-message.limit-error {
   color: var(--truRuby600);
   transition: all .3s ease-in-out;
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-body .validation-message.limit-error svg {
   margin: -0.25rem 0 0 0;
   width: 1.75rem;
}

.mma-banner-modal .modal .modal-dialog .modal-content .modal-body .validation-message.limit-error svg path {
   stroke: var(--truRuby600);
   stroke-width: var(--truSpace2xs);
}

.mma-banner-modal .submit {
   position: relative;
}

.mma-banner-modal .submit.btn-primary:disabled,
.mma-banner-modal .submit.btn-primary:disabled:hover {
   background-color: var(--truNeutral50);
   border-color: var(--truNeutral100);
}

.footer-disclosures #footer-section-disclosure-container .container {
   padding-right: 0;
   padding-left: 0;
}

.mma-banner-modal .loading-container {
   display: flex;
   align-items: center;
   justify-content: center;
   visibility: visible;
   position: absolute;
   width: 100%;
   height:100%;
   min-height: var(--truSpaceMd);
   margin-left: calc(0px - var(--truSpaceLg));
}

.mma-banner-modal .loading-animation {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: var(--truTxtSizeMicro);
   font-weight: 600;
   gap: 5px;
}

.mma-banner-modal .dot {
   width: 4px;
   height: 4px;
   border-radius: 1px;
   position: relative;
   top:-4px;
   background-color: var(--truNeutral500);
 }

 .mma-banner-modal .loading-animation .dot:nth-last-child(1) {
   animation: jumpingAnimation 1s 0.1s ease-in infinite;
 }
 .mma-banner-modal .loading-animation .dot:nth-last-child(2) {
   animation: jumpingAnimation 1s 0.2s ease-in infinite;
 }
 .mma-banner-modal .loading-animation .dot:nth-last-child(3) {
   animation: jumpingAnimation 1s 0.3s ease-in infinite;
 }

 @keyframes jumpingAnimation {
   0% {
     transform: translate3d(0, 0,0);
   }
   50% {
     transform: translate3d(0, 8px,0);
   }
   100% {
     transform: translate3d(0, 0, 0);
   }
}

@media (max-width: 768px) {
   .mma-banner-modal .truist-mma-banner-container {
      display: block;
     text-align: center;
  }

  .mma-banner-modal .truist-mma-banner-container .mma-modal-trigger {
   margin: 0 auto;
  }

  .mma-banner-modal .modal .modal-dialog{
   max-width: 100%;
}
  .mma-banner-modal .modal .modal-dialog .modal-content {
   border-radius: 0rem;
   width: 100%;
   max-width: 100%;
   padding: var(--truSpace2xlg);
}


}


.mma-banner-modal-form .form-group:not(.js-form-group) label,
.mma-banner-modal-form .form-group:not(.js-form-group) .validation-message,
.mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper::before,
.mma-banner-modal-form .form-group:not(.js-form-group) Input.form-control,
.mma-banner-modal-form .form-group:not(.js-form-group) .input-hint,
.mma-banner-modal-form .form-group:not(.js-form-group) .focus-wrapper {
   transition: all .3s ease-in-out;
}

.mma-banner-modal-form .form-group:not(.js-form-group) {
   position: relative;
   border-radius: 1rem;
   padding: 0;
   margin-bottom: 0;
}

.mma-banner-modal-form .form-group:not(.js-form-group).stacked {
   margin-bottom: var(--truSpaceLg);
}

.mma-banner-modal-form .form-group:not(.js-form-group) .focus-wrapper {
   display: block;
   width: 3rem;
   height: 3rem;
   border: 1px solid var(--truNeutral500);
   border-radius: 50%;
   position: absolute;
   left: -0.35rem;
   top: -0.325rem;
   opacity: 0;
   z-index: 0;
}

.mma-banner-modal-form .form-group:not(.js-form-group) label {
   color: var(--truNeutral500);
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
}

.mma-banner-modal-form .form-group:not(.js-form-group).stacked label {
   position: relative;
   z-index: 11;
   white-space: nowrap;
   left: 0px;
   top: 0;
}

.mma-banner-modal-form .form-group.hidden-label .input-wrapper .iconbox {
   display: block;
   padding: 1rem;
   width: 4.4rem;
   height: 4.4rem;
   background: var(--truNeutral50);
   position: relative;
   z-index: 12;
   border-radius: .5rem 0 0 .5rem;
   margin-left: 1px;
}

.mma-banner-modal-form .form-group.hidden-label .input-wrapper .iconbox svg {
   margin-top: -7px;
}

.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper {
   width: 100%;
   max-width: 350px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   margin-bottom: 0;
}

.mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper::before {
   content: "";
   display: block;
   background: var(--truNeutral0);
   position: absolute;
   width: calc(100% - 1px);
   height: 4.8rem;
   border: 1px solid var(--truNeutral500);
   border-radius: .5rem;
   z-index: 1;
}


.mma-banner-modal-form .form-group:not(.js-form-group) input[name="zip"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   position: relative;
   background: var(--truNeutral0);
   color: var(--truNeutral500);
   padding: 1rem 1rem 0.75rem 1rem;
   width: calc(100% - 53px);
   height: 4.2rem;
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
   border: 1px solid var(--truClear);
   border-radius: .2rem;
   box-shadow: none;
   z-index: 10;
   margin-left: 3px;
}

.mma-banner-modal-form .form-group:not(.js-form-group) input[name="zip"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus{
   border-color: var(--truNeutral500);
   box-shadow: none;
}

.mma-banner-modal-form .form-group:not(.js-form-group).stacked label.is-focused {
   font-size: var(--truTxtSizeBdy);
   transform: translateY(0px);
}

.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
   width: calc(100% - 2px);
   border-radius: .5rem;
}

.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button{
   display: none;
      width: 35px;
      height: 42px;
      max-width: 100%;
      position: absolute;
      top: 1px;
      right: 5px;
      padding: 5px;
      z-index: 9;
      border-radius: .2rem;
      outline: none;
      border: 1px solid var(--truClear);
      background: var(--truClear);
}


.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button:hover,
.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button:focus {
   border: 1px solid var(--truNeutral500);
}

.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label input.hidden-label {
   width: calc(100% - 62px);
   padding: 1rem 1rem 0.75rem 1rem;
}

.mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper.has-error {
   flex-direction: column;
}

.mma-banner-modal-form .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error {
   flex-direction: row;
}

.mma-banner-modal-form .form-group:not(.js-form-group) label.has-error,
.mma-banner-modal-form .form-group:not(.js-form-group).stacked label.is-focused.has-error,
.mma-banner-modal-form .form-group:not(.js-form-group) .validation-message {
   color: var(--truRuby600);
}

.mma-banner-modal-form .form-group:not(.js-form-group) .validation-message {
   padding: .5rem 0;
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: relative;
   left: 0;
   top: 0%;
   display: none;
}

.mma-banner-modal-form .btn-group .validation-message svg {
   margin: -0.25rem 0.25rem 0 0;
   width: 1rem;
   height: auto;
}

.mma-banner-modal-form .infield-message.form-group:not(.js-form-group) .validation-message {
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: absolute;
   left: 9rem;
   top: calc(-.875rem + -3px);
   z-index: 10;
}

.mma-banner-modal-form .top-message.form-group:not(.js-form-group) .validation-message {
   padding: .5rem 0;
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: absolute;
   left: 0;
   top: -3rem;
}

.mma-banner-modal-form .form-group:not(.js-form-group) .validation-message svg,
fieldset.checkbox-group .validation-message svg {
   margin: -.25rem .25rem 0 0;
   width: 1.25rem;
   height: auto;
}

.mma-banner-modal-form .form-group:not(.js-form-group) .validation-message svg path,
fieldset.checkbox-group .validation-message svg path {
   stroke: var(--truRuby600);
   stroke-width: 4px;
}

.mma-banner-modal-form .form-group:not(.js-form-group) input.validation-failed,
.mma-banner-modal-form .form-group:not(.js-form-group) input.validation-failed:focus {
   border-color: var(--truNeutral500);
}

.mma-banner-modal-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before {
   border: 1px solid var(--truNeutral500);
}

.mma-banner-modal-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
.mma-banner-modal-form .form-group:not(.js-form-group) .input-wrapper.has-error::before {
   border: 1px solid var(--truRuby600);
}

.mma-banner-modal-form .form-group:not(.js-form-group) .input-hint {
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   color: var(--truNeutral500);
   position: relative;
   top: .5rem;
}

.mma-banner-modal-form .checkbox-group .form-group:not(.js-form-group) {
   margin-bottom: 2rem;
}

.mma-banner-modal-form .checkbox-group .form-group:not(.js-form-group) label {
   position: absolute;
   top: 1rem;
   left: 1rem;
   z-index: 3;
   cursor: pointer;
}

.mma-banner-modal-form .form-group:not(.js-form-group) label sup {
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   color: var(--truRuby600);
   font-weight: var(--truFontWtBd);
}

.micro {
   font-size: var(--truTxtSizeMicro);
}
/*==============================================*/ 
/* lighstream component related styles - START*/
/*=============================================*/ 
.tru-lsc-calc {
   width: 100%;
   max-width: 1366px;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: auto;
}

.tru-lsc-calc .container-fluid {
   padding: var(--truSpace3xlg) var(--truSpace4xlg);
}

.tru-lsc-calc .card {
    border-radius: 20px;
    background: var(--truNeutral0);
    padding: var(--truSpaceXlg) 17px;
 }

 
.tru-lsc-calc .card-body {
    font-size: var(--truTxtSizeMicro);
    font-weight: var(--truFontWtRg);
    line-height: 20px;
    color: var(--truNeutral500);
}

.tru-lsc-calc .card-deck.mar-t-md {
   margin-top: var(--truSpaceMd);
}

.tru-lsc-calc .card-deck .card {
   border-radius: 6px;
   border: 2px solid var(--truSky600);
   max-width: 348.67px;
   margin: 0;
}

.tru-lsc-calc .lsc-input-section .lsc-input-container {
   max-width: 414px;
}

.tru-lsc-calc .lsc-input-section .card-body {
    font-size: var(--truTxtSizeBdy);
    line-height: 22px;
}

.tru-lsc-calc .lsc-input-title {
    font-size: 1.8rem;
    line-height: 24px;
}

.tru-lsc-calc .lsc-amt-range {
    display: inline-block;
    font-size: var(--truTxtSizeMicro);
    line-height: 20px;
}

.tru-lsc-calc .form-group  {
    margin-bottom: 0;
}

.tru-lsc-calc .form-group label {
   margin-bottom: var(--truSpaceSm);
}

.tru-lsc-calc .lsc-calc-image img {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.tru-lsc-calc .lsc-calc-title {
    font-size: 3.6rem;
    font-weight: var(--truFontWtLt);
    line-height: 42px;

}

.tru-lsc-calc .lsc-result-section {
   border-top: 1px solid var(--truNeutral100);
}

.tru-lsc-calc .lsc-result-title {
    font-weight: var(--truFontWtBd);
    font-size: 2.4rem;
    line-height: 30px;
}

.tru-lsc-calc .lsc-monthly-amount {
    font-size: 3.6rem;
    font-weight: var(--truFontWtLt);
    line-height: 42px;
    color: var(--truPurple800);
    text-wrap: nowrap;
}

.tru-lsc-calc .lsc-int-mnth {
    font-size: 1.8rem;
    font-weight: var(--truFontWtBd);
    line-height: 24px;
    color: var(--truPurple800);
}

.tru-lsc-calc .lsc-int-mnth-desc {
    font-size: 1.8rem;
    line-height: 24px;
}

.tru-lsc-calc .row-border {
    position: relative;
}
  
.tru-lsc-calc .row-border:after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--truNeutral500);
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
  }

.tru-lsc-calc .lsc-eyebrow {
    position: absolute;
    top: -19px;
    border-radius: 10px;
    background: var(--truSky600);
    color: var(--truNeutral0);
    width: auto;
    margin-left: 11px;
    font-size: 1.8rem;
    line-height: 24px;
    font-weight: var(--truFontWtBd);
    padding: 6px 16px;
}

.tru-lsc-calc .lsc-apply-btn .btn,
.tru-lsc-calc .lsc-calc-btn .btn{
    margin-bottom: 0;
    font-size: 1.8rem;
}

.tru-lsc-calc .card-body{
    padding: 0;
 } 
 
 .tru-lsc-calc .card-body .row{
     margin: 0;
} 

.tru-lsc-calc .card-body .row .col-6:first-child {
    padding-right: 0;
}
.tru-lsc-calc .card-body .row .col-6:last-child {
    padding-left: 0;
}

.tru-lsc-calc .lsc-autopay-card .card{
    border: none;
    border-radius: 20px;
}

.tru-lsc-calc .lsc-autopay-title {
    font-size: 2rem;
    font-weight: var(--truFontWtBd);
    line-height: 26px;
    color: var(--truPurple800)
}

.tru-lsc-calc .lsc-autopay-icon img{
    width: 32px;
    height: 32px;
}

.tru-lsc-calc .lsc-autopay-icon {
   align-self: start;
   margin-top: 6px;
}

.tru-lsc-calc .lsc-loaded-once .lsc-seerate {
   display: none;
}

.tru-lsc-calc .lsc-loaded-once .lsc-recal {
    display: block;
}

.tru-lsc-calc .lsc-result-terms, .tru-lsc-calc .lsc-loan-terms ul li{
   font-size: 1.8rem;
   line-height: 24px;
   font-style: normal;
   font-weight: var(--truFontWtRg);
   /* color: var(--truNeutral500); */
}

.tru-lsc-calc .lsc-loan-terms ul, .tru-lsc-calc .lsc-loan-terms ul li{
   padding: 0;
   margin: 0;
   margin-left: 12px;
}

.tru-lsc-calc .lsc-loan-terms .heading {
   font-size: 2rem;
   line-height: 26px;
   font-weight: var(--truFontWtBd);
   /* color: var(--truPurple800); */
   margin-bottom: var(--truSpaceMd);
   font-style: normal;
}

.tru-lsc-calc.bg-ntrl-white:not(.truist-gridContainer) .lsc-loan-terms ul li, 
.tru-lsc-calc.bg-off-white:not(.truist-gridContainer) .lsc-loan-terms ul li, 
.tru-lsc-calc.bg-mist:not(.truist-gridContainer) .lsc-loan-terms ul li, 
.tru-lsc-calc.bg-mist-dk:not(.truist-gridContainer) .lsc-loan-terms ul li, 
.tru-lsc-calc.bg-sky-blue-ltr:not(.truist-gridContainer) .lsc-loan-terms ul li, 
.tru-lsc-calc.bg-sky-blue-lt:not(.truist-gridContainer) .lsc-loan-terms ul li, 
.tru-lsc-calc.bg-clear:not(.truist-gridContainer) .lsc-loan-terms ul li {
   color: var(--truNeutral500);
}

@media (max-width:1200px) {
   .tru-lsc-calc .container-fluid{
      padding: var(--truSpace3xlg);
   }
}

@media (max-width:991px) {
   .tru-lsc-calc .lsc-result-section .col-md-6, .tru-lsc-calc .lsc-result-section .col-12 {
        display: flex;
        justify-content: center;
        align-items: center;
   }
}

@media (max-width:768px) {
   .tru-lsc-calc .container-fluid{
      padding: var(--truSpace3xlg) var(--truSpaceMd);
   }
   .tru-lsc-calc .lsc-input-section {
      margin-top: var(--truSpace2xlg);
   }
   .tru-lsc-calc .lsc-input-section .lsc-input-container, .tru-lsc-calc .card-deck .card {
      max-width: 414px;
   }
   .tru-lsc-calc .lsc-result-section .lsc-rate-terms {
      text-align: left !important;
   }
}

@media (max-width:375px) {
   .tru-lsc-calc .lsc-input-section .lsc-input-container, .tru-lsc-calc .card-deck .card {
      max-width: 343px;
   }
}
/*==============================================*/ 
/* lighstream component related styles - END*/
/*==============================================*/ 

/*=============================================*/
/* Below styles are generic in nature -copied from other components */
/*==============================================*/

 /* GENERIC Loading Animation for lighstream  */
 .tru-lsc-calc .loading-animation {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: var(--truTxtSize6);
   font-weight: var(--truFontWtRg);
   color: var(--truNeutral500);
}

.tru-lsc-calc.bg-dusk-dkr .loading-animation,
.tru-lsc-calc.bg-tru-ppl .loading-animation {
   color: var(--truNeutral50);
}

.tru-lsc-calc .lsc-input-section .loading-animation,
.tru-lsc-calc .lsc-result-section .loading-animation {
   color: var(--truNeutral50);
}

.tru-lsc-calc .loading-animation .dot {
 display: inline-block;
 width: 8px;
 height: 8px;
 border-radius: 1px;
 margin-left:5px;
 position: relative;
 top:-5px;
 background: var(--truNeutral500);
}

.tru-lsc-calc.bg-dusk-dkr .loading-animation .dot,
.tru-lsc-calc.bg-tru-ppl .loading-animation .dot {
   background: var(--truNeutral50);
}

.tru-lsc-calc .lsc-input-section .loading-animation .dot,
.tru-lsc-calc .lsc-result-section .loading-animation .dot{
   background: var(--truNeutral50);
}

.tru-lsc-calc .loading-animation .loading {
 padding-left: 10px;
}

.tru-lsc-calc .loading-animation .dot:nth-child(1) {
 animation: jumpingAnimationLsc 1s 0.75s ease-in infinite;
}
.tru-lsc-calc .loading-animation .dot:nth-child(2) {
 animation: jumpingAnimationLsc 1s 0.5s ease-in infinite;
}
.tru-lsc-calc .loading-animation .dot:nth-child(3) {
 animation: jumpingAnimationLsc 1s 0.25s ease-in infinite;
}

@keyframes jumpingAnimationLsc {
 0% {
   transform: translate3d(0, 0,0);
 }
 50% {
   transform: translate3d(0, 10px,0);
 }
 100% {
   transform: translate3d(0, 0, 0);
 }
}

.tru-lsc-calc .loading-animation.hide {
   display: none;
}

/* lsi calculator only hwite cards primary button*/

.tru-lsc-calc .btn-primary:not(disabled):not(.disabled){
background: var(--truPurple500);
color: var(--truNeutral0);
border: 2px solid var(--truPurple500);
max-width: fit-content;
}

.tru-lsc-calc .btn-primary:not(disabled):not(.disabled):hover,
.tru-lsc-calc .btn-primary:not(disabled):not(.disabled).active:hover {
background: var(--truPurple600);
color: var(--truNeutral0);
border: 2px solid var(--truPurple600);
}

.tru-lsc-calc .btn-primary:not(disabled):not(.disabled):active,
.tru-lsc-calc .btn-primary:not(disabled):not(.disabled):focus,
.tru-lsc-calc .btn-primary:not(disabled):not(.disabled).active,
.tru-lsc-calc .btn-primary:not(disabled):not(.disabled).active:focus{
background: var(--truPurple600);
color: var(--truNeutral0);
border: 2px solid var(--truPurple600);
outline: 1px solid;
outline-offset: -3px;
}


/* GENERIC loan purpose select box for light stream */

.tru-lsc-calc .lsc-select-wrapper {
    position: relative;
    margin-top: -3px;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group.lsc-select-box {
    display: block;
    width: 100%;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group.top-message {
    margin-top: 2rem;
 }
 
 .stacked.btn-group {
    margin-top: .375rem;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select {
    position: relative;
    width: 100%;
    min-height: 46px;
    max-height: 46px;
    margin: 0;
    color: inherit;
    padding: 1.875rem 1rem 1rem 1rem;
    background-color: var(--truNeutral0);
    background-image: none;
    outline: 1px solid var(--truNeutral500);
    border: none;
    border-radius: 0.5rem;
    text-align: left;
    z-index: 1;
    transition: all .3s ease-in-out;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select::before {
    content: "";
    display: block;
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    outline: 1px solid var(--truClear);
    border-radius: 0.2rem;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 2;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select::after {
    position: absolute;
    top: 1.675rem;
    right: 1.75rem;
    width: 0;
    height: 0;
    padding: 3px;
    border: solid var(--truPurple500);
    border-width: 0 1px 1px 0;
    z-index: 100;
    transform: rotate(45deg) scale(1.75);
    transition: transform .2s ease-in-out, top .2s ease-in-out;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:focus,
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select[aria-expanded="true"] {
    box-shadow: none;
 }
 
 /* .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select.is-focused, */
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:focus::before {
    outline: 1px solid var(--truNeutral500);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group.show .custom-select:focus::before {
    outline: 1px solid var(--truClear);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .dropdown-toggle[aria-expanded="true"]::before{
    transform: rotate(0deg) translate(0px, 0px);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select[aria-expanded="true"]::after {
    top: 2rem;
    transform: rotate(225deg) scale(1.75);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select .lsc-select-label,
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select .lsc-select-text {
    position: absolute;
    color: var(--truNeutral500);
    font-size: var(--truTxtSizeBdy);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select .lsc-select-label,
 .tru-lsc-calc .lsc-select-wrapper .btn-group.hidden-label .custom-select .lsc-select-text {
    top: 1rem;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group:not(.stacked):not(.inline) .custom-select[aria-expanded="true"] .lsc-select-label {
 /* .tru-lsc-calc .lsc-select-wrapper .btn-group:not(.stacked):not(.inline) .custom-select .lsc-select-label.is-focused, */
 /* .tru-lsc-calc .lsc-select-wrapper .btn-group:not(.stacked):not(.inline) .custom-select .lsc-select-label.is-focused.has-error { */
    position: absolute;
    font-size: var(--truTxtSizeMicro);
    transform: translate(0rem, -1.25rem);
 }
 
 .tru-lsc-calc .stacked.btn-group .lsc-select-label {
    position: relative;
    display: inline-block;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group.stacked .lsc-select-text {
    top: 1rem;
    left: 1.25rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
 }
 
 .tru-lsc-calc .lsc-purpose .form-group.has-error .lsc-select-label {
   color: var(--truClrErrDk);
 }
 
 .tru-lsc-calc .stacked.btn-group .custom-select[aria-expanded="true"] .lsc-select-label{
 /* .tru-lsc-calc .stacked.btn-group .lsc-select-label.is-focused, */
 /* .tru-lsc-calc .stacked.btn-group .lsc-select-label.is-focused.has-error { */
    font-size: var(--truTxtSizeBdy);
    transform: translate(0rem, 0rem);
 }
 
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select ~ .dropdown-menu {
    background-color: var(--truNeutral0);
    border: 0;
    outline: 1px solid var(--truNeutral500);
    border-radius: 0 0 .5rem .5rem;
    width: calc(100% + 1px);;
    top: -4px !important;
    /* To override bootstrap top margin */
    padding: 0;
    box-shadow: none;
    z-index: 5;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item {
    line-height: 4.2rem;
    position: relative;
    display: block;
    padding: .5rem 2rem;
    font-size: var(--truTxtSizeBdy);
    text-decoration: none;
    cursor: pointer;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, font-weight .3s ease-in-out;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item span {
   display: inline-block;
   text-wrap: wrap;
   line-height: 1.5;
 }

 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected span {
   width: 95%;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:hover,
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus {
    background-color: var(--truSky100);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus {
    outline: 1px solid var(--truNeutral500);
    outline-offset: -4px;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected {
    background-color: var(--truSky50);
    color: var(--truSky600);
    font-weight: var(--truFontWtBd);
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected::before {
    content: "";
     display: block;
     background-color: transparent;
     position: absolute;
     right: 15px;
     top: 17px;
     width: 8px;
     border-bottom: 2px solid var(--truClrFrstBs);
     height: 13px;
     border-right: 2px solid var(--truClrFrstBs);
     transform: rotate(45deg) scale(1.125);
     z-index: 5;
 }
 
 .tru-lsc-calc .lsc-select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:not(:last-child)::after {
    content: "";
    display: block;
    width: 100%;
    max-width: calc(100% - 3rem);
    height: 1px;
    position: absolute;
    top: calc(100% - 1px);
    left: 1.5rem;
    background: var(--truNeutral100);
 }
 
 .tru-lsc-calc .btn-group .custom-select::before,
 .tru-lsc-calc .btn-group .custom-select .lsc-select-label,
 .tru-lsc-calc .btn-group ~ .input-hint {
    transition: all .3s ease-in-out;
 }
 
 .tru-lsc-calc .validation-message {
    display: none;
    position: absolute;
    left: 0px;
    top: 80px;
    padding: .5rem 0;
    font-size: var(--truTxtSizeMicro);
    line-height: var(--truLnHghtMicro);
     font-weight: var(--truFontWtRg);
    z-index: 3;
    color: var(--truClrErrDk);
 }
 
 .tru-lsc-calc .validation-message svg {
    margin: -.25rem .25rem 0 0;
    width: 1.4rem;
    height: auto;
 }
 
 .tru-lsc-calc .validation-message svg path {
    stroke: var(--truClrErrDk);
    stroke-width: 4px;
 }

 .tru-lsc-calc .lsc-purpose .form-group.has-error .validation-message {
   display: inline-block;
 }
 
 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select .lsc-select-label,
 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select {
    flex-direction: column;
 }
 
 
 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select,
 .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select:focus {
 /* .tru-lsc-calc .lsc-purpose .form-group.has-error .custom-select.is-focused { */
    outline: 1px solid var(--truClrErrDk);
    outline-offset: -1px;
 }


 /* GENERIC loan amount input box for lighstream */
 .tru-lsc-calc .lsc-amount .validation-message {
    display: none;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) label,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper::before,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .focus-wrapper {
    transition: all .3s ease-in-out;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) {
    position: relative;
    border-radius: 1rem;
    padding: 0;
    margin-bottom: 0;
 }
 
 .tru-lsc-calc .lsc-amount .lsc-input-hint {
    display: inline-block;
    font-size: var(--truTxtSizeMicro);
    line-height: var(--truLnHghtMicro);
 }

 .tru-lsc-calc .lsc-amount .lsc-input-hint.invisible {
   display: none;
 }
 
 /* .tru-lsc-calc .lsc-amount .has-error ~ .tru-lsc-calc .lsc-amount .lsc-input-hint {
    display: none;
 } */
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .focus-wrapper {
    display: block;
    width: 3rem;
    height: 3rem;
    border: 1px solid var(--truNeutral500);
    border-radius: 50%;
    position: absolute;
    left: -0.35rem;
    top: -0.325rem;
    opacity: 0;
    z-index: 0;
 }
   
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).stacked label {
    position: relative;
}
 
 .tru-lsc-calc .lsc-amount .form-group.hidden-label .input-wrapper .iconbox {
    display: block;
    padding: 1rem;
    width: 4.4rem;
    height: 4.4rem;
    background: var(--truNeutral50);
    position: relative;
    z-index: 1;
    border-radius: .2rem 0 0 .2rem;
    margin-left: 2px;
 }
 
 .tru-lsc-calc .lsc-amount .form-group.hidden-label .input-wrapper .iconbox svg {
    margin-top: -1px;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper {
    width: auto;
    min-width: 83%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 0;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper.is-clear {
    justify-content: flex-start;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper::before {
    content: "";
    display: block;
    background: var(--truNeutral0);
    position: absolute;
    width: calc(100% - 1px);
    height: 4.8rem;
    border: 1px solid var(--truNeutral500);
    border-radius: .5rem;
    z-index: 1;
 }
 
 .tru-lsc-calc .lsc-amount .form-group.hidden-label:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
    position: relative;
    background: var(--truNeutral0);
    color: var(--truNeutral500);
    padding: 1rem 1rem 0.75rem 1rem;
    width: calc(100% - 54px);
    height: 4.2rem;
    font-size: var(--truTxtSizeBdy);
    line-height: var(--truLnHghtBdy);
    border: 1px solid var(--truClear);
    border-radius: .2rem;
    box-shadow: none;
    z-index: 1;
    transition: none;
 }
 
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
    border-color: var(--truNeutral500);
    box-shadow: none;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .is-clear input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
    padding: 1rem 1rem 0.75rem 1rem;
    margin-left: 3px;
 }
 
 .tru-lsc-calc .lsc-amount .form-group.hidden-label:not(.js-form-group) .is-clear.has-clear input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input).has-clear:focus {
    width: calc(100% - 91px);
 }
 
 /* .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).stacked label.is-focused {
    font-size: var(--truTxtSizeBdy);
    transform: translateY(0px);
 } */
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
    width: calc(100% - 2px);
    border-radius: .5rem;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).hidden-label input.hidden-label {
    width: calc(100% - 62px);
    padding: 1rem 1rem 0.75rem 1rem;
 }

 .tru-lsc-calc .lsc-amount #lsc-input-text:valid + button {
   display: inline-block;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper {
    flex-direction: row;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper .iconbox svg path {
    stroke: var(--truClrErrDk);
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper .iconbox svg g path {
    stroke: var(--truClrErrDk);
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error label{
    color: var(--truClrErrDk);
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .validation-message {
   display: inline-block;
 }

 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .lsc-input-hint {
   visibility: hidden;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error input,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error input:focus {
    border-color: var(--truNeutral500);
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) label.is-focused ~ .input-wrapper::before {
    border: 1px solid var(--truNeutral500);
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error label.is-focused ~ .input-wrapper::before,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).has-error .input-wrapper::before {
    border: 1px solid var(--truClrErrDk);
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button {
    display: none;
    width: 35px;
    height: 42px;
    max-width: 100%;
    position: absolute;
    top: 0px;
    right: 4px;
    padding: 5px;
    z-index: 1;
    border-radius: .2rem;
    border: 1px solid var(--truClear);
    background: var(--truClear);
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group).hidden-label .input-wrapper .lsc-clear-field-button {
    top: 1px;
    right: 5px
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button:hover,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button:focus {
    border: 1px solid var(--truNeutral500);
    outline: 0;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button svg {
    margin-top: 0px;
    margin-left: 0px;
    transition: all .3s ease-in-out;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-clear-field-button:hover svg,
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-field-button:focus svg {
    width: 12px;
    height: 12px;
 }
 
 .tru-lsc-calc .lsc-amount .form-group:not(.js-form-group) .input-wrapper .lsc-field-button svg path {
    stroke-width: .25rem;
 }

 
.html-lsc-relative {
    position: relative;
}

.html-lsc-loader.loading-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--truTxtSize6);
    font-weight: var(--truFontWtRg);
    color: var(--truClrGryMd);
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--truNeutral0) !important;
 }
 .html-lsc-loader.loading-animation .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 1px;
  margin-left:5px;
  position: relative;
  top:-5px;
  background: var(--truNeutral0);
 }
 
 .html-lsc-loader.loading-animation .loading {
  padding-left: 10px;
 }
 
 .html-lsc-loader.loading-animation .dot:nth-child(1) {
  animation: jumpingAnimationLsc 1s 0.75s ease-in infinite;
 }
 .html-lsc-loader.loading-animation .dot:nth-child(2) {
  animation: jumpingAnimationLsc 1s 0.5s ease-in infinite;
 }
 .html-lsc-loader.loading-animation .dot:nth-child(3) {
  animation: jumpingAnimationLsc 1s 0.25s ease-in infinite;
 }
 
 @keyframes jumpingAnimationLsc {
  0% {
    transform: translate3d(0, 0,0);
  }
  50% {
    transform: translate3d(0, 10px,0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
 }
 
 .html-lsc-loader.loading-animation.result-animation .dot {
    background: var(--truNeutral500);
 }
 
 .html-lsc-loader.loading-animation.hide {
    display: none;
 }
.zip-selector-container {
   font-size: 10px;
    /* font-family: "Truist Trio", Arial, Helvetica, sans-serif; */
    font-family: var(--truFontFamRg);
    /* background-color: #f4f4f4; */
    background: var(--truNeutral50);
    /* text-align: center; */
    margin: 0;
    padding: 0;
    display: flex;
}   

.zip-selector * {
   font-size: inherit;
}
.zip-selector {
    width: 100%;
    margin: var(--truSpace3xlg) 0;
    border-radius: var(--truBdrRadiusMd);
    height: 100%;
    padding: var(--truSpace3xlg);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    font-family: var(--truFontFamRg);
}


.zip-form {
   width: 100%;
   max-width: 1366px;
   margin-top: var(--truSpace2xlg);
}

#zipValue {
   font-weight: 700;
}

.zip-form > div {
   justify-content: center;;
   gap: var(--truSpaceMd);
   width: 100%;
}

.zip-selector .form-align-left .align-items-center {
   justify-content: flex-start;
}

.zip-selector .form-align-right .align-items-center{
   justify-content: flex-end;
}

.zip-form .wrapper-padding{
   padding-bottom: 12px;
}

.zip-form .margin-bottom-5 {
   margin-bottom: 5px;
}

.zip-form .margin-bottom-20 {
   margin-bottom: 20px;
}

.form-align-left .area {
   text-align: left !important;
}

.form-align-left .showing-info {
   text-align: left;
}

.form-align-right .area {
   text-align: right !important;
}

.form-align-right .showing-info {
   text-align: right;
}

.form-align-center .showing-info {
   text-align: center;
}

@media (max-width: 869px) {
   .form-align-right .align-items-center{
      justify-content: center !important;
   }
   .form-align-left .align-items-center{
      justify-content: center !important;
   }
   .form-align-right .area {
      text-align: center !important;
   }
   
   .form-align-right .showing-info {
      text-align: center !important;
   }
   .form-align-left .area {
      text-align: center !important;
   }
   
   .form-align-left .showing-info {
      text-align: center !important;
   }

}


/* .zip-form .btn { */
   .zip-form .btn:not(.clear-field-button){
    margin: 0 !important;
    margin: -20px 0 0 0 !important;
}

.showing-info.visible {
   display: block;
   margin-top: 30px;
   margin-right: 10px;
}

.showing-info {
    margin-top: 30px;
    font-size: 17px;
    margin-right: 10px;
    display: none;
}


/* Added */

/***************** BGs rule all *********************/
.bg-sky-blue-lt .form-group:not(.js-form-group) .input-wrapper::before,
.bg-sky-blue-ltr .form-group:not(.js-form-group) .input-wrapper::before,
.bg-sky-blue-lt .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-sky-blue-ltr .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-sky-blue-lt .form-group:not(.js-form-group) input[type="email"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-sky-blue-ltr .form-group:not(.js-form-group) input[type="email"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-sky-blue-lt .form-group:not(.js-form-group) input[type="tel"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-sky-blue-ltr .form-group:not(.js-form-group) input[type="tel"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   background: var(--truSky50);
}

.bg-sky-blue-lt .input-hint,
.bg-sky-blue-ltr .input-hint,
.bg-mist .input-hint,
.bg-mist-dk .input-hint {
   color: var(--truNeutral500);
}

.bg-dusk-dkr .input-hint,
.bg-tru-ppl .input-hint,
.bg-dusk-dkr .info-display .input-hint,
.bg-tru-ppl .info-display .input-hint,
.bg-dusk-dkr .info-display  .counter,
.bg-tru-ppl .info-display .counter  {
   color: var(--truNeutral100);
}


.bg-sky-blue-lt .select-wrapper .btn-group .custom-select,
.bg-sky-blue-ltr .select-wrapper .btn-group .custom-select,
.bg-sky-blue-ltr .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-sky-blue-lt .select-wrapper .btn-group .custom-select ~ .dropdown-menu {
   background-color: var(--truSky50);
}

/* width */
.select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar {
  width: 15px;
  display: flex;
   justify-content: center;
}

/* Track */
.select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar-track {
  background-color: var(--truNeutral100);
}

/* Handle */
.select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--truNeutral500);
  position: relative;
  left: 2px;
}


.ordered > li::marker {
   color: var(--truPurple500);
   font-weight: var(--truFontWtBd);
}

.ordered > li span.bold {
   color: var(--truPurple500);
}

.bg-mist .form-group:not(.js-form-group) .input-wrapper::before,
.bg-mist-dk .form-group:not(.js-form-group) .input-wrapper::before,
.bg-mist .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-mist-dk .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-mist .form-group:not(.js-form-group) input[type="email"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-mist-dk .form-group:not(.js-form-group) input[type="email"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-mist .form-group:not(.js-form-group) input[type="tel"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-mist-dk .form-group:not(.js-form-group) input[type="tel"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   background: var(--truPurple50);
}

.bg-dusk-dkr .form-group:not(.js-form-group) label,
.bg-tru-ppl .form-group:not(.js-form-group) label {
   color: var(--truNeutral100);
}

.bg-mist .select-wrapper .btn-group .custom-select,
.bg-mist-dk .select-wrapper .btn-group .custom-select,
.bg-mist .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-mist-dk .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-mist .form-group.combo .dropdown-menu,
.bg-mist-dk .form-group.combo .dropdown-menu {
   background-color: var(--truPurple50);
}

.bg-sky-blue-lt .form-group.combo .dropdown-menu,
.bg-sky-blue-ltr .form-group.combo .dropdown-menu {
   background-color: var(--truSky50);
}


.bg-mist .select-wrapper .btn-group .custom-select ~ .dropdown-menu .dropdown-item:hover,
.bg-mist .select-wrapper .btn-group .custom-select ~ .dropdown-menu .dropdown-item:focus,
.bg-mist-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu .dropdown-item:hover,
.bg-mist-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu .dropdown-item:focus{
   background-color: var(--truSky200);
   color: var(--truNeutral500);
}



.bg-mist .select-wrapper .btn-group .custom-select ~ .dropdown-menu .dropdown-item.selected,
.bg-mist-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu .dropdown-item .selected{
   background-color: var(--truSky100);
   color: var(--truSky600);
}

.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper::before,
.bg-tru-ppl .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-tru-ppl .form-group:not(.js-form-group) input[type="email"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input),
.bg-tru-ppl .form-group:not(.js-form-group) input[type="tel"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   background: var(--truPurple1000);
}

.bg-dusk-dkr .form-group:not(.js-form-group) .input-wrapper::before,
.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper::before,
.bg-dusk-dkr .form-group:not(.js-form-group) label.is-focused ~ .input-wrapper::before,
.bg-tru-ppl .form-group:not(.js-form-group) label.is-focused ~ .input-wrapper::before {
   border-color: var(--truNeutral100);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select,
.bg-tru-ppl .select-wrapper .btn-group .custom-select {
   outline-color: var(--truNeutral100);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select::after,
.bg-tru-ppl .select-wrapper .btn-group .custom-select::after {
   position: absolute;
   top: 1.675rem;
   right: 1.75rem;
   width: 0;
   height: 0;
   padding: 3px;
   border: solid var(--truDawn200);
   border-width: 0 1px 1px 0;
   z-index: 100;
   transform: rotate(45deg) scale(1.75);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select[aria-expanded="true"]::after,
.bg-tru-ppl .select-wrapper .btn-group .custom-select[aria-expanded="true"]::after {
   transform: rotate(225deg) scale(1.75);
   top: 2.15rem;
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select:hover::after,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:hover::after {
   border: solid var(--truDawn100);
   border-width: 0 1px 1px 0;
}

.bg-dusk-dkr .form-group.combo .input-wrapper .select-arrow:after,
.bg-tru-ppl .form-group.combo .input-wrapper .select-arrow:after {
   border: solid var(--truDawn200);
   border-width: 0 0.1rem 0.1rem 0;
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select,
.bg-dusk-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-dusk-dkr .form-group.combo .dropdown-menu {
   background-color: var(--truPurple800);
}

.bg-tru-ppl .select-wrapper .btn-group .custom-select,
.bg-tru-ppl .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-tru-ppl  .form-group.combo .dropdown-menu {
   background-color: var(--truPurple1000);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-tru-ppl .select-wrapper .btn-group .custom-select ~ .dropdown-menu,
.bg-dusk-dkr .form-group.combo .dropdown-menu,
.bg-tru-ppl  .form-group.combo .dropdown-menu {
   outline: 1px solid var(--truNeutral100);
}

.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper::before,
.bg-tru-ppl .form-group:not(.js-form-group) input[type="text"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus,
.bg-tru-ppl .form-group:not(.js-form-group) input[type="email"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus,
.bg-tru-ppl .form-group:not(.js-form-group) input[type="tel"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus {
   background: var(--truPurple1000);
  border-color: var(--truNeutral100);
}

.bg-tru-ppl .form-group:not(.js-form-group) label.is-focused ~ .input-wrapper.has-error::before,
.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper.has-error::before {
   background: var(--truPurple1000);
   border-color: var(--truRuby200);
}

.bg-dusk-dkr .select-wrapper .btn-group.has-error .custom-select,
.bg-tru-ppl .select-wrapper .btn-group.has-error .custom-select {
   outline-color: var(--truRuby200);
}

.bg-dusk-dkr .form-group:not(.js-form-group) .input-wrapper .clear-field-button:hover,
.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper .clear-field-button:hover,
.bg-dusk-dkr .form-group:not(.js-form-group) .input-wrapper .clear-field-button:focus,
.bg-tru-ppl .form-group:not(.js-form-group) .input-wrapper .clear-field-button:focus,
.bg-dusk-dkr .form-group.combo .input-wrapper .select-arrow:hover,
.bg-tru-ppl .form-group.combo .input-wrapper .select-arrow:hover,
.bg-dusk-dkr .form-group.combo .input-wrapper .select-arrow:focus,
.bg-tru-ppl .form-group.combo .input-wrapper .select-arrow:focus {
   border-color: var(--truNeutral100);
}


.bg-dusk-dkr .select-wrapper .btn-group .custom-select:focus::before,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:focus::before  {
   outline-color: var(--truNeutral100);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select[aria-expanded="true"]::before,
.bg-tru-ppl .select-wrapper .btn-group .custom-select[aria-expanded="true"]::before  {
   outline-color: var(--truClear);
}

.bg-mist .form-group.hidden-label .input-wrapper .iconbox,
.bg-mist-dk .form-group.hidden-label .input-wrapper .iconbox,
.bg-mist .form-group .input-wrapper .searchbox,
.bg-mist-dk .form-group .input-wrapper .searchbox  {
   background: var(--truPurple100);
}

.bg-sky-blue-lt .form-group.hidden-label .input-wrapper .iconbox,
.bg-sky-blue-ltr .form-group.hidden-label .input-wrapper .iconbox,
.bg-sky-blue-lt .form-group .input-wrapper .searchbox,
.bg-sky-blue-ltr .form-group .input-wrapper .searchbox {
   background: var(--truSky100);
}

 /****************** Select unique***********************/
.bg-dusk-dkr .select-wrapper .btn-group .select-label,
.bg-tru-ppl .select-wrapper .btn-group  .select-label,
.bg-dusk-dkr .select-wrapper .btn-group .select-text,
.bg-tru-ppl .select-wrapper .btn-group  .select-text {
   color: var(--truNeutral100);
}

.bg-dusk-dkr .has-error .select-label,
.bg-tru-ppl .has-error .select-label,
.bg-dusk-dkr .validation-message,
.bg-tru-ppl .validation-message,
.bg-dusk-dkr .select-wrapper .btn-group.stacked.has-error .select-label,
.bg-tru-ppl .select-wrapper .btn-group.stacked.has-error .select-label {
   color: var(--truRuby200);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:hover,
.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:hover,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item:hover,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item:focus,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item:hover,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item:focus{
   background-color: var(--truSky800);
   color: var(--truSky200);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:focus,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item:focus,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item:focus {
   outline-color: var(--truNeutral100);
}

.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item.selected,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item.selected,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item.selected,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item.selected {
   background-color: var(--truSky900);
   color: var(--truSky200)
}

/* Select Check mark -- Who needs svgs? */
.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected::before,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected::before,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item.selected::before,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item.selected::before {
   border-bottom: 1px solid var(--truSky800);
   border-right: 1px solid var(--truSky800);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected:hover::before,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected:hover::before,
.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected:focus::before,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item.selected:focus::before,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item.selected:focus::before,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item.selected:focus::before {
   border-bottom: 1px solid var(--truSky200);
   border-right: 1px solid var(--truSky200);
}

.bg-dusk-dkr .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:not(:last-child):after,
.bg-tru-ppl .select-wrapper .btn-group .custom-select:not(.multiselect-btn) ~ .dropdown-menu .dropdown-item:not(:last-child):after,
.bg-dusk-dkr .form-group.combo .dropdown-menu .dropdown-item:not(:last-child):after,
.bg-tru-ppl .form-group.combo .dropdown-menu .dropdown-item:not(:last-child):after {
   background: var(--truPurple600);
}

 /* Track */
 .bg-dusk-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar-track,
 .bg-tru-ppl .select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar-track  {
   background-color: var(var(--truPurple900));
 }

 /* Handle */
 .bg-dusk-dkr .select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar-thumb,
 .bg-tru-ppl .select-wrapper .btn-group .custom-select ~ .dropdown-menu::-webkit-scrollbar-thumb {
   background: var(--truPurple600);
 }

 /****************** Checkbox ***********************/

 .bg-dusk-dkr .form-group.checkbox label.form-check-label .label-span,
 .bg-tru-ppl .form-group.checkbox label.form-check-label .label-span{
   color: var(--truNeutral100);
 }

 .bg-dusk-dkr .form-group.checkbox .form-check-label::before,
 .bg-tru-ppl .form-group.checkbox .form-check-label::before {
   border-color: var(--truSky200);
 }

 .bg-dusk-dkr .form-group.checkbox .form-check-label.checked::after,
 .bg-tru-ppl .form-group.checkbox .form-check-label.checked::after {
   background-color: var(--truSky200);
   background-image: url(../components/content/assets/img/svgs/checks/checkbox-check-dk.svg);
 }

 .bg-dusk-dkr  .form-group.checkbox .form-check-label .focus-wrapper,
 .bg-tru-ppl  .form-group.checkbox .form-check-label .focus-wrapper {
   border-color: var(--truNeutral100);
 }

 .bg-dusk-dkr .form-group.checkbox.has-error fieldset .validation-message,
 .bg-tru-ppl .form-group.checkbox.has-error fieldset .validation-message {
   border-color: var(--truNeutral100);
 }

 /****************** Radio ***********************/

 .bg-dusk-dkr .radio-button-set legend,
 .bg-tru-ppl .radio-button-set legend {
    color: var(--truNeutral50);
 }

 .bg-dusk-dkr .radio-button-set .radio,
 .bg-tru-ppl .radio-button-set .radio {
   color: var(--truNeutral100);
}

.bg-dusk-dkr .radio-button-set .radio::before,
.bg-tru-ppl .radio-button-set .radio::before {
   border: 2px solid var(--truSky100);
}

.bg-dusk-dkr .radio-button-set .radio::after,
.bg-tru-ppl .radio-button-set .radio::after {
   background: var(--truSky200);
}

.bg-dusk-dkr .radio-button-set .radio ~ .focus-wrapper,
.bg-tru-ppl .radio-button-set .radio ~ .focus-wrapper {
   border: 1px solid var(--truNeutral100);
}

.bg-dusk-dkr .radio-button-set .radio:hover::before,
.bg-tru-ppl .radio-button-set .radio:hover::before {
   border: 3px solid var(--truSky100);
}

.bg-dusk-dkr .radio-button-set .radio.focus::before,
.bg-tru-ppl .radio-button-set .radio.focus::before{
   border: 2px solid var(--truSky100);
}

.bg-dusk-dkr .radio-button-set .radio.checked:hover::before,
.bg-tru-ppl .radio-button-set .radio.checked:hover::before {
   border: 2px solid var(--truSky100);
}

.bg-dusk-dkr .radio-button-set .radio.focus::after,
.bg-tru-ppl .radio-button-set .radio.focus::after,
.bg-dusk-dkr .radio-button-set .radio.checked:focus::after,
.bg-tru-ppl .radio-button-set .radio.checked:focus::after,
.bg-dusk-dkr .radio-button-set .radio::after,
.bg-tru-ppl .radio-button-set .radio.focus::after {
   background: var(--truSky100);
}

.bg-dusk-dkr .radio-button-set.has-error legend,
.bg-tru-ppl .radio-button-set.has-error legend {
   color: var(--truRuby200);
}

.bg-dusk-dkr .radio-button-set  .validation-message,
.bg-tru-ppl .radio-button-set  .validation-message {
   color: var(--truRuby200);
  }

  .bg-dusk-dkr .radio-button-set .validation-message path,
  .bg-tru-ppl  .radio-button-set .validation-message path {
   stroke: var(--truRuby200);
  }


 /****************************** Textarea **************************/

 .bg-sky-blue-lt .textarea-wrapper,
 .bg-sky-blue-ltr .textarea-wrapper,
 .bg-sky-blue-lt .textarea-wrapper textarea,
 .bg-sky-blue-ltr .textarea-wrapper textarea {
   background: var(--truSky50);
 }

 .bg-mist .textarea-wrapper,
 .bg-mist-dk .textarea-wrapper,
 .bg-mist .textarea-wrapper textarea,
 .bg-mist-dk .textarea-wrapper textarea {
   background: var(--truPurple50);
 }


 .bg-tru-ppl .textarea-wrapper,
 .bg-tru-ppl .textarea-wrapper textarea {
   background: var(--truPurple1000);
 }

 .bg-dusk-dkr .textarea-wrapper,
 .bg-dusk-dkr .textarea-wrapper textarea\ {
   background: var(--truPurple800);
 }

 .bg-dusk-dkr .textarea-wrapper textarea,
 .bg-tru-ppl .textarea-wrapper textarea {
   border-color: var(--truNeutral100);
   color: var(--truNeutral100);
 }

 .bg-dusk-dkr .textarea-wrapper textarea:focus,
 .bg-tru-ppl .textarea-wrapper textarea:focus {
   outline-color: var(--truNeutral100);
 }

 .bg-tru-ppl .group-wrapper .info-display .helper .validation-message .err-alert-icon path,
.bg-dusk-dkr .group-wrapper .info-display .helper .validation-message .err-alert-icon path  {
   stroke: var(--truRuby200);
}

@media (max-width: 1024px) {
   form.form {
      padding-right: 0rem;
      padding-left: 0rem;
   }
}

@keyframes squeeze {
   0% {
      transform: scale(1);
   }

   50% {
      transform: scale(.75)
   }

   100% {
      transform: scale(1);
   }
}

.zip-form .form-group:not(.js-form-group) label,
.zip-form .form-group:not(.js-form-group) .validation-message,
.zip-form .form-group:not(.js-form-group) .input-wrapper::before,
.zip-form .form-group:not(.js-form-group) Input.form-control,
.zip-form .form-group:not(.js-form-group) .input-hint,
.zip-form .form-group:not(.js-form-group) .focus-wrapper {
   transition: all .3s ease-in-out;
}

.zip-form .form-group:not(.js-form-group) {
   position: relative;
   border-radius: 1rem;
   padding: 0;
   margin-bottom: 0;
}

.zip-form .form-group:not(.js-form-group).stacked {
   margin-bottom: var(--truSpaceLg);
}

.zip-form .form-group:not(.js-form-group) .focus-wrapper {
   display: block;
   width: 3rem;
   height: 3rem;
   /* border: 1px solid var(--truNeutral500); */
   border-radius: 50%;
   position: absolute;
   left: -0.35rem;
   top: -0.325rem;
   opacity: 0;
   z-index: 0;
}

.zip-form .form-group:not(.js-form-group) label {
   /* color: var(--truNeutral500); */
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
}

.zip-form .form-group:not(.js-form-group).stacked label {
   position: relative;
   z-index: 11;
   white-space: nowrap;
   left: 0px;
   top: 0;
}

.zip-form .form-group.hidden-label .input-wrapper .iconbox {
   display: block;
   padding: 1rem;
   width: 4.4rem;
   height: 4.4rem;
   background: var(--truNeutral50);
   position: relative;
   z-index: 12;
   border-radius: .5rem 0 0 .5rem;
   margin-left: 1px;
}

/* .zip-form .form-group.hidden-label .input-wrapper .iconbox svg {
   margin-top: -7px;
} */

.zip-form .input-info-wrapper {
   width: 100%;
   max-width: 350px;
}

.zip-selector .area {
   font-size: 28px !important;
   font-weight: 300;
   max-width: 790px;
   text-align: center;
   width: 100%;
}

.zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper {
   width: 100%;
   max-width: 350px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   margin-bottom: 0;
   /* background: var(--truNeutral0); */
    border-radius: .6rem;
}

.zip-form .form-group:not(.js-form-group) .input-wrapper::before {
   content: "";
   display: block;
   background: var(--truNeutral0);
   position: absolute;
   width: calc(100% - 1px);
   height: 4.8rem;
   border: 1px solid var(--truNeutral100);
   border-radius: .5rem;
   z-index: 1;
}


.zip-form .form-group:not(.js-form-group) input[name="zip"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input) {
   position: relative;
   /* background: var(--truNeutral0); */
   /* color: var(--truNeutral500); */
   padding: 1rem 1rem 0.75rem 1rem;
   width: calc(100% - 53px);
   height: 4.2rem;
   font-size: var(--truTxtSizeBdy);
   line-height: var(--truLnHghtBdy);
   border: 1px solid var(--truClear);
   border-radius: .2rem;
   box-shadow: none;
   z-index: 10;
   margin-left: 3px;
}

.zip-form .form-group:not(.js-form-group) input[name="zip"]:not(.js-input):not(.finder-auto-suggestion):not(.placeholder-select):not(.google-locator-input):not(.locator-input):focus{
   border-color: var(--truNeutral500);
   box-shadow: none;
}

.zip-form .form-group:not(.js-form-group).stacked label.is-focused {
   font-size: var(--truTxtSizeBdy);
   transform: translateY(0px);
}

.zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper::before {
   width: calc(100% - 2px);
   border-radius: .5rem;
}

.zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button{
   display: none;
      width: 35px;
      height: 42px;
      max-width: 100%;
      position: absolute;
      top: 1px;
      right: 5px;
      padding: 5px;
      z-index: 9;
      border-radius: .2rem;
      outline: none;
      border: 1px solid var(--truClear);
      /* background: var(--truClear); */
      background: var(--truNeutral0);

} 
.zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button:hover,
.zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper .clear-field-button:focus {
   border: 1px solid var(--truNeutral100);
}

.zip-form .form-group:not(.js-form-group).hidden-label input.hidden-label {
   width: calc(100% - 62px);
   padding: 1rem 1rem 0.75rem 1rem;
}

.zip-form .form-group:not(.js-form-group) .input-wrapper.has-error {
   flex-direction: column;
}

.zip-form .form-group:not(.js-form-group).hidden-label .input-wrapper.has-error {
   flex-direction: row;
}

.zip-form .form-group:not(.js-form-group) label.has-error,
.zip-form .form-group:not(.js-form-group).stacked label.is-focused.has-error,
.zip-form .form-group:not(.js-form-group) .validation-message {
   color: var(--truRuby200);
}

.zip-form .form-group:not(.js-form-group) .validation-message {
   padding: .5rem 0;
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: relative;
   left: 0;
   top: 5%;
   display: none;
}

.zip-form .btn-group .validation-message svg {
   margin: -0.25rem 0.25rem 0 0;
   width: 1rem;
   height: auto;
}

.zip-form .infield-message.form-group:not(.js-form-group) .validation-message {
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: absolute;
   left: 9rem;
   top: calc(-.875rem + -3px);
   z-index: 10;
}

.zip-form .top-message.form-group:not(.js-form-group) .validation-message {
   padding: .5rem 0;
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   position: absolute;
   left: 0;
   top: -3rem;
}

.zip-form .form-group:not(.js-form-group) .validation-message svg,
fieldset.checkbox-group .validation-message svg {
   margin: -.25rem .25rem 0 0;
   width: 1.25rem;
   height: auto;
}

.zip-form .form-group:not(.js-form-group) .validation-message svg path,
fieldset.checkbox-group .validation-message svg path {
   stroke: var(--truRuby200);
   stroke-width: 4px;
}

.zip-form .form-group:not(.js-form-group) input.validation-failed,
.zip-form .form-group:not(.js-form-group) input.validation-failed:focus {
   /* border-color: var(--truNeutral500); */
}

.zip-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper::before {
   /* border: 1px solid var(--truNeutral500); */
}

.zip-form .form-group:not(.js-form-group) label.is-focused~.input-wrapper.has-error::before,
.zip-form .form-group:not(.js-form-group) .input-wrapper.has-error::before {
   border: 1px solid var(--truRuby600);
}

.zip-form .form-group:not(.js-form-group) .input-hint {
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   /* color: var(--truNeutral500); */
   position: relative;
   top: .5rem;
}

.zip-form .checkbox-group .form-group:not(.js-form-group) {
   margin-bottom: 2rem;
}

.zip-form .checkbox-group .form-group:not(.js-form-group) label {
   position: absolute;
   top: 1rem;
   left: 1rem;
   z-index: 3;
   cursor: pointer;
}

.zip-form .form-group:not(.js-form-group) label sup {
   font-size: var(--truTxtSizeMicro);
   line-height: var(--truLnHghtMicro);
   /* color: var(--truRuby600); */
   font-weight: var(--truFontWtBd);
}

@media (max-width:600px){
   .zip-form .zip-submit {
      width: 100%;
      max-width: 350px !important;
      justify-content: center;
   }

   .zip-form .btn-wrapper {
      width: 100%;
      max-width: 350px;
   }
}