/*
 * 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 */

/*******************************************************************************
 * Copyright 2016 Adobe Systems Incorporated
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 ******************************************************************************/
/*
 * 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 to be provided */
/* example configuration */
/* 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--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-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;
}
/* add gutter in the grid */
.aem-GridColumn {
  padding: 0;
}
/* smaller screen (phone) breakpoint */
@media (max-width: 650px) {
  .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--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-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: 651px) 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--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-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;
  }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2020. All rights reserved.
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Base CSS for BT Help */


/* ../resources/fonts */

.help-row-content-main,
.help-full-width-row-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.help-btfont {
    font-family: BTFont, sans-serif;
}

a:focus {
    outline-offset: 2px;
    text-decoration: underline;
}

a.cmp-list__item-link:hover {
    text-decoration: none;
}

a.cmp-list__item-link:focus {
    text-decoration: none;
}

.bt-image a:hover {
    text-decoration: none;
}

.help-cta-wrapper {
    border-top: 1px solid #ddd;
    height: 100%;
    padding: 20px 0;
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}


/* Icon styling */

.icon-down-chevron:before {
    font-family: bt-icons, sans-serif;
    content: 'k'
}

a:hover span.icon-down-chevron {
    text-decoration: none
}


/* Utilities */

.hide {
    display: none !important;
}


/* Print CSS */

@media print {
    .no-print {
        display: none;
    }
    .accordion .collapse {
        height: auto !important;
        display: block;
    }
}

.bt-image .image-component>a:after {
    content: '';
}


/*BT colors backgrounds*/

.bt-help-red {
    background-color: #E60014;
    color: white;
}

.bt-help-green {
    background-color: #008A00;
    color: white;
}

.bt-help-yellow {
    background-color: #FFDC00;
    color: #333333;
}

.bt-help-purple {
    background-color: #6400AA;
    color: white;
}

.bt-help-indigo {
    background-color: #5514b4;
    color: white;
}

.bt-help-violet {
    background-color: #F7F2FB;
    color: #6400AA;
}

.bt-help-white {
    background-color: #FFFFFF;
    color: #333333;
}

.bt-help-pink {
    background-color: #E60050;
    color: white;
}

.bt-help-blue {
    background-color: #00A0D6;
    color: white;
}

.bt-help-dark-grey {
    background-color: #333333;
    color: white;
}

.bt-help-medium-grey {
    background-color: #666666;
    color: white;
}

.bt-help-light-grey {
    background-color: #DDDDDD;
    color: #333333;
}


/*BT colors*/

.bt-help-red--color {
    color: #E60014;
}

.bt-help-green--color {
    color: #008A00;
}

.bt-help-yellow--color {
    color: #FFDC00;
}

.bt-help-purple--color {
    color: #6400AA;
}

.bt-help-indigo--color {
    color: #5514b4;
}

.bt-help-white--color {
    color: #FFFFFF;
}

.bt-help-pink--color {
    color: #E60050;
}

.bt-help-blue--color {
    color: #00A0D6;
}

.bt-help-dark-grey--color {
    color: #333333;
}

.bt-help-medium-grey--color {
    color: #666666;
}

.bt-help-light-grey--color {
    color: #DDDDDD;
}


/*BT Background colors*/

.bt-help-red--background {
    background-color: #E60014;
}

.bt-help-green--background {
    background-color: #008A00;
}

.bt-help-yellow--background {
    background-color: #FFDC00;
}

.bt-help-purple--background {
    background-color: #6400AA;
}

.bt-help-white--background {
    background-color: #FFFFFF;
}

.bt-help-pink--background {
    background-color: #E60050;
}

.bt-help-blue--background {
    background-color: #00A0D6;
}

.bt-help-dark-grey--background {
    background-color: #333333;
}

.bt-help-medium-grey--background {
    background-color: #666666;
}

.bt-help-light-grey--background {
    background-color: #DDDDDD;
}

.bt-help-violet--background {
    background-color: #F7F2FB;
}

.bt-help-indigo--background {
    background-color: #5514b4;
}

.bt-help-medium-grey img[src$=".svg"],
.bt-help-dark-grey img[src$=".svg"],
.bt-help-purple img[src$=".svg"],
.bt-help-green img[src$=".svg"],
.bt-help-red img[src$=".svg"] {
    filter: brightness(0) invert(1);
}

.bt-help-margin-top-bottom-10 {
    margin: 10px 0;
}

.bt-help-margin-top-bottom-8 {
    margin: 8px 0;
}

.bt-help-margin_left--3 {
    margin-left: 3rem;
}

.bt-help-margin_top--2 {
    margin-top: 2rem;
}

.bt-help-color__dark--grey {
    color: #333333;
}

.bt-help-word-wrap {
    word-wrap: break-word;
}

.bt-help-text-align-center {
    text-align: center;
}


/* Template layout changes start */

@media only screen and (min-width: 1025px) {
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-articlerating.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-print-page.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__bottom-section.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-article-bottom--wrapper.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-articlerating.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-print-page.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__bottom-section.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-billexplainer-bottom--wrapper.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.help-basic__content.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.basic-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-full-width-row-content.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-articlerating.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-print-page.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-article-bottom--wrapper.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__bottom-section.aem-GridColumn.aem-GridColumn--offset--default--2,
    .fix-back,
    .help-breadcrumb {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 1200px;
        max-width: 1200px;
        float: none;
        padding-left: 1.5%;
        padding-right: 2.5%;
    }
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main.aem-GridColumn.aem-GridColumn--offset--default--2 .aem-Grid.aem-Grid--10.aem-Grid--default--10 {
        max-width: 762px;
    }
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main.aem-GridColumn.aem-GridColumn--offset--default--2 .aem-Grid.aem-Grid--10.aem-Grid--default--10 {
        max-width: 762px;
    }
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.help-basic__full-width.aem-GridColumn.aem-GridColumn--default--12 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 100%;
        float: none;
    }
    .help-faq-no--wrapper {
        max-width: 1143px;
        margin: auto;
        display: block;
        float: none;
        padding-right: 0%;
        padding-left: 0%;
    }
    .help-faq-no--wrapper .help-faq-main {
        min-height: 1px;
    }
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
        width: 65.636364%;
    }
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 33.15%;
    }
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10,
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title h1,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title h1 {
        max-width: 762px;
    }
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main .aem-Grid.aem-Grid--10>.aem-GridColumn.aem-GridColumn--default--10,
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title h1,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title h1 {
        max-width: 762px;
    }
    .fix-back {
        padding-top: 1%;
    }
}

@media only screen and (max-width: 1024px) {
    .help-faq-no--wrapper .help-faq-chat,
    .help-faq-no--wrapper .help-faq-main,
    .help-faq-no--wrapper .help-title,
    .help-faq-no--wrapper .help-wrapper__notification,
    .help-faq-no--wrapperr .xf-content-height,
    .help-full-width-article-no--wrapper .help-wrapper__notification,
    .help-full-width-article-no--wrapper .help-title,
    .help-full-width-article-no--wrapper .help-full-width-row-content,
    .help-full-width-article-no--wrapper .help-articlerating,
    .help-full-width-article-no--wrapper .help-print-page,
    .help-full-width-article-no--wrapper .help-article-bottom--wrapper,
    .help-full-width-article-no--wrapper .help-wrapper__bottom-section,
    .fix-back,
    .help-breadcrumb {
        padding-left: 20px;
        padding-right: 20px;
    }
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .fix-back {
        padding-top: 4%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape) {
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 28.666667%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>div.aem-GridColumn.aem-GridColumn--default--4 {
        width: 30.666667%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 651px) {
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 31.3%;
    }
}

@media only screen and (max-width: 1367px) and (min-width: 1025px) and (orientation: landscape) {
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-articlerating.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-print-page.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__bottom-section.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-article-bottom--wrapper.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-row-content-main.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-articlerating.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-print-page.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__bottom-section.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-billexplainer-bottom--wrapper.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.help-basic__content.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.basic-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-article-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-billexplainer-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-basic__wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-title.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-full-width-row-content.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-articlerating.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-print-page.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.experiencefragment.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-article-bottom--wrapper.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-full-width-article-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__bottom-section.aem-GridColumn.aem-GridColumn--offset--default--2,
    .help-breadcrumb {
        padding-right: 3.5%;
    }
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
        width: 31.7%;
    }
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.help-wrapper__notification.aem-GridColumn.aem-GridColumn--offset--default--0,
    .help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.help-faq-chat.aem-GridColumn.aem-GridColumn--offset--default--0 {
        padding-right: 1.75%;
    }
}

.help-faq-no--wrapper .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    background-color: #eee;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.aem-Grid.aem-Grid--default--12>.help-faq-main.aem-GridColumn.aem-GridColumn--default--8 {
    padding-right: 20px;
}

.help-full-width-article-no--wrapper .xf-content-height,
.help-faq-no--wrapper .xf-content-height {
    margin: 0px;
}

.xf-content-height {
    min-height: 0 !important;
}
/* Template layout changes end*/

.bt-help__social--media ul.social-links li.facebook:before {
    background-image: url(../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/icons/facebook-icon.svg);
}

.bt-help__social--media ul.social-links li:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 6px;
}

.bt-help__social--media ul.social-links li.facebook {
    padding-bottom: 13px;
}

.bt-help__social--media ul.social-links.link_list {
    list-style: none;
    padding-left: 3px;
}

.bt-help__social--media ul.social-links li.twitter:before {
    background-image: url(../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/icons/twitter-blue.svg);
}

.bt-help__social--media .social-links a {
    font-family: "BT Curve", sans-serif;
}

.help-color__red {
    color: #cc0000;
}

.help-color__green {
    color: #14AA37;
}

.help-color__dark-grey {
    color: #333333;
}

.help-margin--top-10 {
    margin-top: 10px;
}

@media screen and (max-width: 1440px) {
    .help-basic__wrapper .basic-wrapper__notification,
    .help-basic__wrapper .help-basic__content,
    .help-basic__wrapper .experiencefragment,
    .help-article-no--wrapper,
    .help-billexplainer-no--wrapper,
    .help-breadcrumb {
        padding: 0 20px;
    }
}

.bt-help-footer-padding {
    padding-top: 30px;
}


/* Colour Green Updated to match with new styleguide */

.green-text {
    color: #008A00;
}

input[type="radio"] {
    display: none;
}

input[type="radio"]+label:before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 2px;
    margin-right: 3px;
    background-clip: content-box;
    border: 1px solid #666666;
    background-color: #FFFFFF;
    border-radius: 50%;
}

input[type="radio"]:checked+label:before {
    background-color: #333333;
    color: #FFFFFF;
}

label {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: 400;
}

.fix-back {
    display: none;
}

.fix-back.bt-help-icon_chevron---left::before {
    vertical-align: top;
}

a #backLink {
    padding-left: 5px;
}

.columnsplit .text .parbase .section {
    padding-left: 0px;
    padding-right: 0px;
}

.chevron-align-right:before {
    transform: translateY(0%);
}

.columnsplit .help-core-container .text.parbase{
	padding-left: 15px;
    padding-right: 15px;
}

/* ==========================================================================
   css styles "show-me-only-in-chrome and show-me-only-in-safari" to hide div in desktop and tablet but visible on devices
   and "show-CTA-only-in-desktop" to hide div in devices and visible only on desktop.
   ========================================================================== */

.show-CTA-only-in-desktop {
    display: inline-block;
}

a.button.show-me-only-in-safari,
.show-me-only-in-safari,
a.button.show-me-only-in-chrome,
.show-me-only-in-chrome {
    display: none;
}

.error-text {
    color: red;
}


/* Maximum landscape mobile width to support for show-me-only-in-chrome ,show-me-only-in-safari and show-CTA-only-in-desktop is 823px*/

@media only screen and (max-width: 599px) and (orientation: portrait),
only screen and (min-device-width: 320px) and (max-device-width: 900px) and (orientation: landscape) {
    a.button.show-me-only-in-chrome,
    .show-me-only-in-chrome {
        display: inline-block;
    }
    a.button.show-me-only-in-safari,
    .show-me-only-in-safari {
        display: none;
    }
    /*css to display CTA only for safari and hide in chrome starts here*/
    @media only screen and (-webkit-min-device-pixel-ratio:1) {
        ::i-block-chrome,
        .show-me-only-in-chrome,
        a.button.show-me-only-in-chrome {
            display: none;
        }
        ::i-block-chrome,
        .show-me-only-in-safari {
            display: inline-block;
        }
        ::i-block-chrome,
        a.button.show-me-only-in-safari {
            display: inline-block;
        }
    }
    _::-webkit-full-page-media,
    _:future,
     :root .show-me-only-in-chrome,
     :root a.button.show-me-only-in-chrome {
        display: none;
    }
    _::-webkit-full-page-media,
    _:future,
     :root .show-me-only-in-safari {
        display: inline-block;
    }
    _::-webkit-full-page-media,
    _:future,
     :root a.button.show-me-only-in-safari {
        display: inline-block;
    }
    /*css to display CTA only for safari and hide in chrome ends here*/
    .show-CTA-only-in-desktop {
        display: none;
    }
}


/* START Styles for rendering tel custom protocol cta in different device */

.show-md {
    display: none;
}

.hide-md {
    display: block;
}

@media only screen and (max-width: 767px) {
    .hide-md {
        display: none;
    }
    .show-md {
        display: block;
    }
    .show-md a {
        text-decoration: none;
        color: #FFFFFF;
    }
}


/* END Styles for rendering tel custom protocol cta in different device */

.bt-help-cursor-pointer {
    cursor: pointer;
}

.bt-help-border-none {
    border: none;
}

.bt-help-hide {
    display : none;
}

@media only screen and (max-width: 480px){
    .bt-help-mobile-hide {
       display:none;
    }
}

.bt-help-mobile-hide {
    margin: 0;
}

.normal {
    font-size: 20px;
    color: #000000;
    line-height : 25px;
}


.help-title {
	padding-top : 20px;
    color : #5514B4;
}

#new-home-page h3 { 
	font-size: 24px;
}

@media (max-width: 767px) { 
	#new-home-page h3 { 
	font-size: 20px;
	}
}


.help-related-articles h3 {
	margin-bottom : 4px;
}


#new-home-page .btn.btn.primary,
#new-home-page .btn.btn.secondary {
	border-radius: 999px;
}

#new-home-page .text a { 
	color: #5514B4;
}
@font-face {
  font-family: 'bt-help-icons';
  src:  url('../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/icons/bt-icons.eot?qquaka');
  src:  url('../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/icons/bt-icons.eot?qquaka#iefix') format('embedded-opentype'),
    url('../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/icons/bt-icons.ttf?qquaka') format('truetype'),
    url('../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/icons/bt-icons.woff?qquaka') format('woff'),
    url('../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/icons/bt-icons.svg?qquaka#bt-help-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="bt-help-icon_"]:before, [class*=" bt-help-icon_"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'bt-help-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bt-help-icon_mail-2:before {
  content: "\e9f9";
}

.bt-help-icon_wifi-2:before {
  content: "\e9fa";
}

.bt-help-icon_Email---unread:before {
  content: "\e9f4";
  
}
.bt-help-icon_literacy-numeracy-2:before {
  content: "\e9f5";
  
}
.bt-help-icon_mobile-2:before {
  content: "\e9f6";
  
}
.bt-help-icon_monitor-2:before {
  content: "\e9f7";
  
}
.bt-help-icon_phone-2:before {
  content: "\e9f8";
  
}
.bt-help-icon_new-wifi:before {
  content: "\e9de";
  
}
.bt-help-icon_new-chat:before {
  content: "\e9e2";
  
}
.bt-help-icon_new-laptop:before {
  content: "\e9e7";
  
}
.bt-help-icon_new-group:before {
  content: "\e9ed";
  
}
.bt-help-icon_new-security:before {
  content: "\e9ee";
  
}
.bt-help-icon_new-award:before {
  content: "\e9dc";
  
}
.bt-help-icon_new-chat-2:before {
  content: "\e9df";
  
}
.bt-help-icon_new-cog:before {
  content: "\e9e0";
  
}
.bt-help-icon_new-globe:before {
  content: "\e9e1";
  
}
.bt-help-icon_new-heart:before {
  content: "\e9e3";
  
}
.bt-help-icon_new-house:before {
  content: "\e9e4";
  
}
.bt-help-icon_new-hub:before {
  content: "\e9e5";
  
}
.bt-help-icon_new-landline:before {
  content: "\e9e6";
  
}
.bt-help-icon_new-mail:before {
  content: "\e9e8";
  
}
.bt-help-icon_new-mobile-phone:before {
  content: "\e9e9";
  
}
.bt-help-icon_new-open-mail:before {
  content: "\e9ea";
  
}
.bt-help-icon_new-shop:before {
  content: "\e9eb";
  
}
.bt-help-icon_new-tv:before {
  content: "\e9ec";
  
}
.bt-help-icon_close:before {
  content: "\e9d6";
  
}
.bt-help-icon_g:before {
  content: "\e901";
}
.bt-help-icon_standard-tv:before {
  content: "\e900";
}
.bt-help-icon_standard-mobile:before {
  content: "\e9d5";
}
.bt-help-icon_aeroplane:before {
  content: "\e902";
}
.bt-help-icon_alarm:before {
  content: "\e903";
}
.bt-help-icon_alert:before {
  content: "\e904";
}
.bt-help-icon_apps:before {
  content: "\e905";
}
.bt-help-icon_arrow-down:before {
  content: "\e906";
}
.bt-help-icon_arrow-left:before {
  content: "\e907";
}
.bt-help-icon_arrow-up:before {
  content: "\e908";
}
.bt-help-icon_article:before {
  content: "\e909";
}
.bt-help-icon_attachment:before {
  content: "\e90a";
}
.bt-help-icon_audio:before {
  content: "\e90b";
}
.bt-help-icon_balloon:before {
  content: "\e90c";
}
.bt-help-icon_basket:before {
  content: "\e90d";
}
.bt-help-icon_battery---empty:before {
  content: "\e90e";
}
.bt-help-icon_battery---full:before {
  content: "\e90f";
}
.bt-help-icon_battery---low:before {
  content: "\e910";
}
.bt-help-icon_battery---medium:before {
  content: "\e911";
}
.bt-help-icon_bike:before {
  content: "\e912";
}
.bt-help-icon_bin:before {
  content: "\e913";
}
.bt-help-icon_bookmark:before {
  content: "\e914";
}
.bt-help-icon_broadband:before {
  content: "\e915";
}
.bt-help-icon_building:before {
  content: "\e916";
}
.bt-help-icon_burger-menu:before {
  content: "\e917";
}
.bt-help-icon_calculator:before {
  content: "\e918";
}
.bt-help-icon_calendar---accept-invite:before {
  content: "\e919";
}
.bt-help-icon_calendar---add-event:before {
  content: "\e91a";
}
.bt-help-icon_calendar:before {
  content: "\e91b";
}
.bt-help-icon_camera:before {
  content: "\e91c";
}
.bt-help-icon_car:before {
  content: "\e91d";
}
.bt-help-icon_chat-message:before {
  content: "\e91e";
}
.bt-help-icon_chat:before {
  content: "\e91f";
}
.bt-help-icon_chevron---left:before {
  content: "\e920";
}
.bt-help-icon_chevron---right:before {
  content: "\e921";
}
.bt-help-icon_chevron-collapse:before {
  content: "\e922";
}
.bt-help-icon_chevron-expand:before {
  content: "\e923";
}
.bt-help-icon_cloud---link:before {
  content: "\e924";
}
.bt-help-icon_cloud---save-to-cloud:before {
  content: "\e925";
}
.bt-help-icon_cloud---secure:before {
  content: "\e926";
}
.bt-help-icon_cloud:before {
  content: "\e927";
}
.bt-help-icon_compass:before {
  content: "\e928";
}
.bt-help-icon_computer-monitor:before {
  content: "\e929";
}
.bt-help-icon_contact---add:before {
  content: "\e92a";
}
.bt-help-icon_contact---block-sender:before {
  content: "\e92b";
}
.bt-help-icon_contact---move:before {
  content: "\e92c";
}
.bt-help-icon_contact---send:before {
  content: "\e92d";
}
.bt-help-icon_contact---spam:before {
  content: "\e92e";
}
.bt-help-icon_contact---star:before {
  content: "\e92f";
}
.bt-help-icon_contact---unblock-sender:before {
  content: "\e930";
}
.bt-help-icon_contact:before {
  content: "\e931";
}
.bt-help-icon_controls---fast-forward:before {
  content: "\e932";
}
.bt-help-icon_controls---pause:before {
  content: "\e933";
}
.bt-help-icon_controls---play:before {
  content: "\e934";
}
.bt-help-icon_controls---record:before {
  content: "\e935";
}
.bt-help-icon_controls---repeat-once:before {
  content: "\e936";
}
.bt-help-icon_controls---repeat:before {
  content: "\e937";
}
.bt-help-icon_controls---rewind:before {
  content: "\e938";
}
.bt-help-icon_controls---shuffle:before {
  content: "\e939";
}
.bt-help-icon_controls---skip-back:before {
  content: "\e93a";
}
.bt-help-icon_controls---skip-forward:before {
  content: "\e93b";
}
.bt-help-icon_controls---stop:before {
  content: "\e93c";
}
.bt-help-icon_document---attach:before {
  content: "\e93d";
}
.bt-help-icon_document---audio:before {
  content: "\e93e";
}
.bt-help-icon_document---blank:before {
  content: "\e93f";
}
.bt-help-icon_document---cancelled:before {
  content: "\e940";
}
.bt-help-icon_document---copy:before {
  content: "\e941";
}
.bt-help-icon_document---csv:before {
  content: "\e942";
}
.bt-help-icon_document---doc:before {
  content: "\e943";
}
.bt-help-icon_document---dot:before {
  content: "\e944";
}
.bt-help-icon_document---eml:before {
  content: "\e945";
}
.bt-help-icon_document---gif:before {
  content: "\e946";
}
.bt-help-icon_document---html:before {
  content: "\e947";
}
.bt-help-icon_document---ics:before {
  content: "\e948";
}
.bt-help-icon_document---image:before {
  content: "\e949";
}
.bt-help-icon_document---java:before {
  content: "\e94a";
}
.bt-help-icon_document---jpg:before {
  content: "\e94b";
}
.bt-help-icon_document---mms:before {
  content: "\e94c";
}
.bt-help-icon_document---mov:before {
  content: "\e94d";
}
.bt-help-icon_document---mp3:before {
  content: "\e94e";
}
.bt-help-icon_document---pdf:before {
  content: "\e94f";
}
.bt-help-icon_document---png:before {
  content: "\e950";
}
.bt-help-icon_document---ppt:before {
  content: "\e951";
}
.bt-help-icon_document---price:before {
  content: "\e952";
}
.bt-help-icon_document---psd:before {
  content: "\e953";
}
.bt-help-icon_document---search:before {
  content: "\e954";
}
.bt-help-icon_document---sheet:before {
  content: "\e955";
}
.bt-help-icon_document---tick:before {
  content: "\e956";
}
.bt-help-icon_document---txt:before {
  content: "\e957";
}
.bt-help-icon_document---vcf:before {
  content: "\e958";
}
.bt-help-icon_document---video:before {
  content: "\e959";
}
.bt-help-icon_document---xls:before {
  content: "\e95a";
}
.bt-help-icon_document---xlsx:before {
  content: "\e95b";
}
.bt-help-icon_document---xml:before {
  content: "\e95c";
}
.bt-help-icon_document---zip:before {
  content: "\e95d";
}
.bt-help-icon_document:before {
  content: "\e95e";
}
.bt-help-icon_doucument---exclamation:before {
  content: "\e95f";
}
.bt-help-icon_drag-and-drop:before {
  content: "\e960";
}
.bt-help-icon_edit---document:before {
  content: "\e961";
}
.bt-help-icon_edit:before {
  content: "\e962";
}
.bt-help-icon_error:before {
  content: "\e963";
}
.bt-help-icon_ethernet---none:before {
  content: "\e964";
}
.bt-help-icon_ethernet:before {
  content: "\e965";
}
.bt-help-icon_expand:before {
  content: "\e966";
}
.bt-help-icon_film:before {
  content: "\e967";
}
.bt-help-icon_filter:before {
  content: "\e968";
}
.bt-help-icon_flag:before {
  content: "\e969";
}
.bt-help-icon_folder---empty:before {
  content: "\e96a";
}
.bt-help-icon_folder---multiple:before {
  content: "\e96b";
}
.bt-help-icon_folder:before {
  content: "\e96c";
}
.bt-help-icon_full-screen:before {
  content: "\e96d";
}
.bt-help-icon_gaming:before {
  content: "\e96e";
}
.bt-help-icon_gift:before {
  content: "\e96f";
}
.bt-help-icon_giving:before {
  content: "\e970";
}
.bt-help-icon_glass:before {
  content: "\e971";
}
.bt-help-icon_graph:before {
  content: "\e972";
}
.bt-help-icon_gsm:before {
  content: "\e973";
}
.bt-help-icon_gym:before {
  content: "\e974";
}
.bt-help-icon_headset:before {
  content: "\e975";
}
.bt-help-icon_health:before {
  content: "\e976";
}
.bt-help-icon_hearing-impaired:before {
  content: "\e977";
}
.bt-help-icon_heart:before {
  content: "\e978";
}
.bt-help-icon_home:before {
  content: "\e979";
}
.bt-help-icon_image:before {
  content: "\e97b";
}
.bt-help-icon_inbox:before {
  content: "\e97c";
}
.bt-help-icon_info:before {
  content: "\e97d";
}
.bt-help-icon_insert:before {
  content: "\e97e";
}
.bt-help-icon_internet:before {
  content: "\e97f";
}
.bt-help-icon_knife-and-fork:before {
  content: "\e980";
}
.bt-help-icon_laptop---cloud:before {
  content: "\e981";
}
.bt-help-icon_laptop:before {
  content: "\e982";
}
.bt-help-icon_letter:before {
  content: "\e983";
}
.bt-help-icon_line:before {
  content: "\e984";
}
.bt-help-icon_link:before {
  content: "\e985";
}
.bt-help-icon_location:before {
  content: "\e986";
}
.bt-help-icon_lock:before {
  content: "\e987";
}
.bt-help-icon_mail:before {
  content: "\e988";
}
.bt-help-icon_medical:before {
  content: "\e989";
}
.bt-help-icon_memory-card:before {
  content: "\e98a";
}
.bt-help-icon_microphone:before {
  content: "\e98b";
}
.bt-help-icon_minus:before {
  content: "\e98c";
}
.bt-help-icon_mobile1:before {
  content: "\e98d";
}
.bt-help-icon_money---coin:before {
  content: "\e98e";
}
.bt-help-icon_money---note:before {
  content: "\e98f";
}
.bt-help-icon_more---horizontal:before {
  content: "\e990";
}
.bt-help-icon_more---vertical:before {
  content: "\e991";
}
.bt-help-icon_navigation:before {
  content: "\e992";
}
.bt-help-icon_network:before {
  content: "\e993";
}
.bt-help-icon_on-off:before {
  content: "\e994";
}
.bt-help-icon_open-in-new-window:before {
  content: "\e995";
}
.bt-help-icon_outbox:before {
  content: "\e996";
}
.bt-help-icon_parent-and-child:before {
  content: "\e997";
}
.bt-help-icon_phone:before {
  content: "\e998";
}
.bt-help-icon_plus:before {
  content: "\e999";
}
.bt-help-icon_podcast:before {
  content: "\e99a";
}
.bt-help-icon_print:before {
  content: "\e99b";
}
.bt-help-icon_priority:before {
  content: "\e99c";
}
.bt-help-icon_question:before {
  content: "\e99d";
}
.bt-help-icon_radio---selected:before {
  content: "\e99e";
}
.bt-help-icon_radio---unselected:before {
  content: "\e99f";
}
.bt-help-icon_read:before {
  content: "\e9a0";
}
.bt-help-icon_reduce:before {
  content: "\e9a1";
}
.bt-help-icon_refresh:before {
  content: "\e9a2";
}
.bt-help-icon_restricted:before {
  content: "\e9a3";
}
.bt-help-icon_save:before {
  content: "\e9a4";
}
.bt-help-icon_schedule:before {
  content: "\e9a5";
}
.bt-help-icon_search:before {
  content: "\e9a6";
}
.bt-help-icon_send:before {
  content: "\e9a7";
}
.bt-help-icon_settings:before {
  content: "\e9a8";
}
.bt-help-icon_share-ios:before {
  content: "\e9a9";
}
.bt-help-icon_share:before {
  content: "\e9aa";
}
.bt-help-icon_shield---locked:before {
  content: "\e9ab";
}
.bt-help-icon_shield---mobile-security:before {
  content: "\e9ac";
}
.bt-help-icon_shield---tick:before {
  content: "\e9ad";
}
.bt-help-icon_sign-out:before {
  content: "\e9ae";
}
.bt-help-icon_signature:before {
  content: "\e9af";
}
.bt-help-icon_sim:before {
  content: "\e9b0";
}
.bt-help-icon_spanner:before {
  content: "\e9b1";
}
.bt-help-icon_star:before {
  content: "\e9b2";
}
.bt-help-icon_subtitles:before {
  content: "\e9b3";
}
.bt-help-icon_success:before {
  content: "\e9b4";
}
.bt-help-icon_suitcase:before {
  content: "\e9b5";
}
.bt-help-icon_suitecase---wheely:before {
  content: "\e9b6";
}
.bt-help-icon_thumbs-down:before {
  content: "\e9b7";
}
.bt-help-icon_thumbs-up:before {
  content: "\e9b8";
}
.bt-help-icon_ticket:before {
  content: "\e9b9";
}
.bt-help-icon_tooth:before {
  content: "\e9ba";
}
.bt-help-icon_trophy:before {
  content: "\e9bb";
}
.bt-help-icon_tv---people:before {
  content: "\e9bc";
}
.bt-help-icon_tv---person:before {
  content: "\e9bd";
}
.bt-help-icon_undo:before {
  content: "\e9be";
}
.bt-help-icon_unflag:before {
  content: "\e9bf";
}
.bt-help-icon_unlocked:before {
  content: "\e9c0";
}
.bt-help-icon_unread:before {
  content: "\e9c1";
}
.bt-help-icon_update:before {
  content: "\e9c2";
}
.bt-help-icon_usb:before {
  content: "\e9c3";
}
.bt-help-icon_user--add-user:before {
  content: "\e9c4";
}
.bt-help-icon_user--duplicate:before {
  content: "\e9c5";
}
.bt-help-icon_user:before {
  content: "\e9c6";
}
.bt-help-icon_users---group:before {
  content: "\e9c7";
}
.bt-help-icon_users:before {
  content: "\e9c8";
}
.bt-help-icon_van:before {
  content: "\e9c9";
}
.bt-help-icon_video:before {
  content: "\e9ca";
}
.bt-help-icon_vip:before {
  content: "\e9cb";
}
.bt-help-icon_voicemail:before {
  content: "\e9cc";
}
.bt-help-icon_volume-max:before {
  content: "\e9cd";
}
.bt-help-icon_volume-medium:before {
  content: "\e9ce";
}
.bt-help-icon_volume-minimum:before {
  content: "\e9cf";
}
.bt-help-icon_volume-mute:before {
  content: "\e9d0";
}
.bt-help-icon_voucher:before {
  content: "\e9d1";
}
.bt-help-icon_zoom-in:before {
  content: "\e9d3";
}
.bt-help-icon_zoom-out:before {
  content: "\e9d4";
}
.bt-help-icon_delivery-van:before {
  content: "\e97a";
  
}
.bt-help-icon_led-tv:before {
  content: "\e9d2";
  
}
.bt-help-icon_wifi:before {
  content: "\e9d7";
  
}
.bt-help-icon_hub:before {
  content: "\e9d8";
  
}
.bt-help-icon_idea:before {
  content: "\e9db";
  
}
.bt-help-icon_settings-bt20:before {
  content: "\e9da";
  
}
.bt-help-icon_aerial:before {
  content: "\e9dd";
  
}
.bt-help-icon_warning:before {
  content: "\e9d9";
}
.bt-help-icon_speed-faster:before {
  content: "\e9ef";
  
}
.bt-help-icon_literacy-numeracy-21:before {
  content: "\e9f0";
  
}
.bt-help-icon_mobile-21:before {
  content: "\e9f1";
  
}
.bt-help-icon_monitor-21:before {
  content: "\e9f2";
  
}
.bt-help-icon_phone-21:before {
  content: "\e9f3";
  
}

  Icon Size */

.bt-help-icon_size-regular {
    font-size: 20px;
    line-height: 20px;;
}

.bt-help-icon_size-medium {
    font-size: 32px;
    line-height: 32px;
}

.bt-help-icon_size-large {
    font-size: 48px;
    line-height: 48px;
}

.bt-help-icon_size-extra-large {
    font-size: 112px;
    line-height: 112px;
}

.bt-help-icon {
    text-align: center;
}

.bt-help_icon--item {
    display: inline-block;
}


@font-face {
  font-family: "BT Curve";
  src: url("../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/btcurve/BTCurve_W_Rg.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BTCurve";
  src: url("../../../etc.clientlibs/help/clientlibs/clientlib-site/resources/fonts/btcurve/BTCurve_W_Rg.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2019. All rights reserved.
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

 #new-home-page .aem-global-header .parbase a,
#new-home-page .aem-global-header .parbase a span{
    text-decoration: none;
    text-underline-position: from-font;
}

#new-home-page .aem-global-header .universalNavigation.parbase a:hover {
    text-decoration: underline;
    text-underline-position: from-font;
}

.text .bored table {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 768px
}

.text table td, .text table th {
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #e4e5e4;
}
.text table td ul, .text table td p {
    text-align: left;
}

.text table th[scope=col] {
    text-align: center;
}

.text table th[scope=row], .text table th[scope=rowgroup] {
    background-color: rgba(221, 221, 221, 0.5);
    text-align: left;
    color: dark-gray;
}


.text .bored table th[scope=rowgroup], .text .bored table th[scope=col] {
    border-bottom: 1px solid #333;
}

.text .bored table, .text .bored td {
    border: 1px solid #000000;
    border-collapse: collapse;
}

.text table td, .text table th {
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
 }

.text .bored .wbg {
    border: 1px solid #000000;
    background: #FFFFFF;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e4e5e4;
}

.text .bored .lbg {
    border: 1px solid #000000;
    background: #F2F2F2;
    border-collapse: collapse;
    border-bottom: 1px solid #e4e5e4;
}

.text .bored .dbg {
    border: 1px solid #000000;
    background: #A6A6A6;
    border-collapse: collapse;
}

.text li {
    list-style-type: unset;
}

/* Video Component Styles */

.video-component iframe {
    width:100%;
    max-width: 100%;
    padding-bottom: 10px;
}

/*Header and footer chevron override issue */
.global-nav-container a:after,.aem-global-footer a:after, #bt-footer a:after, .aem-global-header a:after,.full-navbar a:after  {
    content: none;
}

.bt-navbar-inner-section .bt-navbar-underline {
    text-decoration:none;
}

/*common image 'a' tag width issue */
.bt-image .image-component>a>picture>img {
    width: unset;
}

@media only screen and (max-width: 450px) {
    .bt-image .image-component>a>picture>img {
        max-width: 100%;
    }
    .bt-image .image-component>picture>img {
        max-width: 100%;
    }
    .video-component iframe {
        width:420px;
        max-width: 100%;
    }
}

/* Search box Styles */

input#txtInput, input[type="text"], input[type="email"], input[type="tel"], select {
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #666666;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

input#txtInput {
    margin-top: 0px;
    top: 0px;
    margin-right: 20px;
    padding-left: 15px !important;
    margin-bottom: 20px;
}

.searchBox button, a.button {
    border-radius: 5px;
    background-color: white;
    border: 1px solid #6400AA;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 80px;
    color: #6400AA;
}

.primary-cta, .rn_FormSubmit button, #btnSearchError {
    background-color: #6400AA;
    color: white;
}
.primary-cta:hover, .rn_FormSubmit button:hover, #btnSearchError:hover {
    background-color: #540e85;
    color: white;
}

/* Search box css */
.container .searchBox {
    background-color: rgba(255, 255, 255, 0);
    background: none;
    border: none;
    padding: 0px;
}
#main-content .container .searchBox table td {
    padding: 0px;
    margin: 0px;
    text-align: left;
    border-bottom: none;
}
#main-content .container .searchBox table td:nth-child(2) {
    width: 85px;
}
#main-content .container .searchBox table {
    max-width: 600px;
    border-collapse: collapse;
    border-spacing: 0px;
    border: none;
}
.searchBox input#txtInput {
    margin: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: 0px;
}
.searchBox button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 85px;
    margin-right: 0px;
}
#main-content .container .searchBox table.errorInput {
    margin: 0px;
    margin-top: 0px;
}
.searchBox > p {
    font-family: 'BTFont Bold';
    font-weight: normal;
    margin-bottom: 0px;
}


div.searchBox > input#txtInput {
    width: 60%;
    float: left;
    height: 40px;
}

div.searchBox > button#btnShowAll {
    width: 180px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #6400AA;
}

@media only screen and (max-width: 767px) {
    div.searchBox > button#btnShowAll {
        margin-left: 0px;
        margin-top: 20px;
    }
    div.searchBox > input#txtInput {
        width: 70%;
    }
    div.searchBox > button#btnSearchError {
        width: 30%;
    }
}

.searchBox button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.searchBox button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

.searchBox button ~ button {
    margin-left: 20px;
}

.searchBox button:first-child {
    margin-right: 20px;
    margin-left: 0px;
}

.searchBox button ~ button:last-child {
    margin-right: 0px;
    margin-left: 20px;
    color: #6400aa;
}

/*Table Styles */

.text .metallic {
    background: rgb(250,250,250);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(99%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#DFDFDF',GradientType=0 );
}

.text .features_box {
    width: 100%;
    margin: 20px 0 5px 0px;
    padding: 2px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 2px 1px #999;
    box-shadow: 0px 1px 2px 1px #999;
}

/* Util styles */

.text .position_relative {
    position: relative
}

.text .position_absolute {
    position: absolute
}

.text .border_radius {
    border-radius: 12px;
}

#kampyleButtonContainer .nebula_image_button {
    margin-right: -1.1rem;
    min-width: 55px;
}

/*  video styles  */

.va-youtube-vid {
    padding-top: 55.25%;
    position: relative;
    max-width: 765px;
}
.va-youtube-vid iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
/* External link config*/
a.right::after{
    font-family: bt-icons,sans-serif;
    content: 'm';
    top: 2px;
    vertical-align: middle;
    display: inline-block;
    transform: translateZ(10px);
    font-size: 16px;
}

a.xf::after{
    font-family: bt-icons,sans-serif;
    content: 'm';
    top: 2px;
    vertical-align: middle;
    display: inline-block;
    transform: translateZ(10px);
    font-size: 16px;
}

/* Experience Fragment style override */
.help-basic__wrapper .xf-content-height,
.help-article-no--wrapper .xf-content-height,
.help-bill-explainer-no--wrapper .xf-content-height {
    margin-left: 0;
    margin: unset;
 }
.help-basic__wrapper .experiencefragment,
.help-article-no--wrapper .experiencefragment,
.help-bill-explainer-no--wrapper .experiencefragment {
    margin-left: 0;
    width: unset;
    margin-left: unset;
}

a.social-module::after {
    border-style: solid;
    border-width: 0.1em 0.1em 0 0;
    content: '';
    display: inline-block;
    height: 0.4em;
    left: 0.15em;
    position: relative;
    transform: rotate(45deg);
    vertical-align: top;
    width: 0.4em;
    color: #6400AA;
    margin-left: 4px;
    top: 9px;
    font-size: 0.9em;
}

.herobanner a:after {
    content: '';
}

.columnsplit .video-component iframe {
    padding-bottom: 0;
}

/* chat box minimize img fix */
.lp_header-buttons-container .lp_minimize, .lp_header-buttons-container .lp_close {
    min-width: 0;
}

/* chat image fix in mobile */
@media only screen and (max-width: 1024px) {
    .LPMcontainer img {
        width: unset;
    }
}
.xf-content-height .no-print p {
    margin-bottom: 15px;
}
.help-row-content-main  .columnsplit .bt-image.section {
    text-align: center;
}

/* overriding the focus styles for buttons on scams thank you pages */
.thankyou-page:hover,
.thankyou-page:focus {
    color: #FFFFFF;
}

/* overriding the image style to fit for scams pages*/
.thankyou-yes-nopage .scam-printlinks img {
    width: 40px;
    height: 30px;
    padding-right: 10px;
}

/* adding additional styles for  tbutton on scams page*/
.thanks_button {
background: #6400aa;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    line-height: 1em;
    padding: 8px 14px;
    border-radius: 4px;
    text-align: center;
    }

/* adding additional styles to fix image and list styling issues in IE*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .text ol li {
        list-style-type: decimal
    }
    .bt-image .image-component>a>picture>img {
        width: auto;
    }
}

.text-image picture img {
    max-width: 100%;
    width: auto;
}
/* Fix for Text left alignment issue and image width issue for mobile devices*/
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px) {
    .aem-Grid img {
        max-width: 100%;
    }
}

/* Fix for Feedback banner issue in IE*/
@media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
    #kampyleButtonContainer .nebula_image_button {
        margin-right: .6rem;
    }
}

/* custom styles to fix metallic feature box with bullets where text component wrapper is taken out*/

#VA1 .position_absolute {
    position: absolute
}

#VA1 .position_relative {
    position: relative
}

#VA1 .border_radius {
    border-radius: 12px;
}

#VA1 .metallic {
    background: rgb(250,250,250);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(99%,rgba(235,235,235,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#DFDFDF',GradientType=0 );
}

#VA1 .features_box {
    width: 100%;
    margin: 20px 0 5px 0px;
    padding: 2px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 2px 1px #999;
    box-shadow: 0px 1px 2px 1px #999;
}

.parbase.aem-GridColumn.aem-GridColumn--default--10 a {
    word-break: break-word;
}

/*Fix for feedback link alignment issue with mobile devices*/

@media only screen and (min-width : 320px) and (max-width : 480px) {
    html, body {
        overflow: auto;
    }
}

/*CSS to make text links underlined by default to fix accessibility issues*/
#new-home-page .text a, #new-home-page .parbase a, #new-home-page .parbase a span {
    text-decoration: underline;
    text-underline-position: from-font;
}

#new-home-page .parbase a span.btn, #new-home-page .parbase a span.btn span {
    text-decoration: none;
}

/*CSS for fixing the accessibility issue by removing the chevron with text links. */
#new-home-page .text a:before , #new-home-page .parbase a:before {
    content : none;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(clientlib-owlcarousel/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2021. All rights reserved.
*/

.bt-form-text-container{
	width: 250px;
}

.bt-form-text-container .bt-form-textarea {
	width: 100%;
    border-radius: 5px;
}

.bt-form-text-container .bt-form-text {
	margin-bottom: 1.5rem;
}

.bt-form-text-container label {
	font-weight: bold;
}

.bt-form-text-container input[type="date"], 
input[type="password"], input[type="number"] {
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #666666;
    height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
}

.bt-form-text-container input:focus {
    border: 1px solid #00a0d6;
    outline: none;
}

.bt-form-text-container input:-internal-autofill-selected {
    background-color: #ffffff;
}

/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2021. All rights reserved.
*/

.recaptcha {
	margin-bottom: 1.5rem;
}

/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * ©BT Plc Limited 2021. All rights reserved.
*/

.cmp-form-options-new-styles {
    margin-bottom: 1.5rem;
}

.cmp-form-options-new-styles .cmp-form-options__field-label {
	position: relative;
}

.cmp-form-options-new-styles input[type="radio"] {
    appearance: none;
    display: inline-block;
    height: 25px;
    width: 25px;
    border:1px solid black;
    border-radius: 50%;
    background: #fff;
    margin: 0;
}

.cmp-form-options-new-styles input[type="radio"]:checked {
    border-radius: 50%;
    background: #fff;
}

.cmp-form-options-new-styles input[type="radio"]:checked + span.checkmark{
    background: #333;
    position: absolute;
    border-radius: 50%;
    left: 9px;
    width: 8px;
    height: 8px;
}

.cmp-form-options-new-styles input[type="radio"]:focus {
    outline:none;
}

.cmp-form-options-new-styles input[type="checkbox"] {
    appearance: none;
    background: #fff ;
    border:1px solid black;
    height: 30px;
    width: 30px;
    border-radius: 0.5rem;
}

.cmp-form-options-new-styles input[type="checkbox"]:checked {
    appearance: none;
    background: #333 url(../../../content/dam/bt/help/forms/whiteTick.svg) 50% / 20px no-repeat ;
    border:1px solid black;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 0.5rem;
}

.cmp-form-options-new-styles select {
    height: 40px;
    margin-bottom: 1rem;
}

.cmp-form-options-new-styles .cmp-form-options__field--multi-drop-down {
    height: auto;
}

.cmp-form-options-new-styles .cmp-form-options__field-description {
    margin: 0 0.5em;
    width: 30%;
    font-weight: 300;
}

.cmp-form-options-new-styles .cmp-form-options__legend {
    font-size: 1.6rem;
    border: 0;
    margin-bottom: 0.5rem;
}

.cmp-form-options-new-styles .bt-form-error-message {
    display: block;
    color: red;
    margin-top: .75rem;
    line-height: 1.5;
}

@media only screen and (max-width: 616px) {
    .cmp-form-options-new-styles .cmp-form-options__field-description {
        width: 60%;
    }
}

@media only screen and (min-width:616px) and (max-width: 767px) {
    .cmp-form-options-new-styles .cmp-form-options__field-description {
        width: 45%;
    }
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2021. All rights reserved.
*/

.bt-form-container .bt-form-error-message {
    background: url(../../../content/dam/bt/help/forms/icon-alert.svg) 10px 10px no-repeat #e60014;
    background-size: 22px;
    color: white;
    padding: 10px 10px 10px 40px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 250px;
}

.bt-form-container .bt-form-error-message:after {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(230, 0, 20, 0);
    border-bottom-color: #e60014;
    border-width: 15px;
    margin-left: -15px;
}

.recaptcha {
	margin-bottom: 1.5rem;
}

/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2021. All rights reserved.
*/

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.bt-form-button {
    float: left;
    width: 16.66666667%;
    margin-bottom: 1.5rem;
}

/* tablet breakpoint */
@media (max-width: 1023px) {
    .aem-Grid.aem-Grid--default--12>.aem-GridColumn.bt-form-button {
        float: left;
        width: 25%;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 650px) {
    .aem-Grid.aem-Grid--default--12>.aem-GridColumn.bt-form-button {
        float: left;
        width: 49.99999998%;
        margin-bottom: 1.5rem;
    }
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-virtual-assistant a:after {
    content: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2020. All rights reserved.
 */

.help-generic-search__errorcode input[type='text'] {
    width: 90%;
    float: left;
    min-height: 44px;
    display: block;
    border-radius: .25em;
    padding: 0.875em;
    border: none;
    outline: none;
}

.help-generic-search-container .validation-error--message {
    padding: 1.3125rem 1rem;
    padding-left: 0.625rem;
    width: 45%;
    border-radius: .25em;
    background: #DA020F;
}

.validation-error--message .validation-error--message--text {
    text-align: center;
    color: white;
}

.input-validation .validation-arrow {
    margin-left: 1rem;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1.06rem solid #DA020F;
}

.help-status-search-variant input[type='text'] {
    border: 1px solid #d4d3cf;
    min-height: 41px;
    flex-shrink: 3;
    border-radius: .25em;
}

.help-status-search-variant .help-status-search {
    border-radius: 5px;
    font-family: 'BTCurve', 'Calibri', 'Arial', sans-serif;
    padding: 10px 22px;
    margin-left: 16px;
    min-height: 41px;
    border: none;
    flex-shrink: 0;
    white-space: nowrap;
}

button.help-status-search.btn.primary {
    outline: none;
}

button.help-status-search.btn.primary:focus-visible {
    outline: 2px solid #3f187f;
    outline-offset: 2px;
}

.help-status-search-variant input[type='text']:focus-visible {
    outline: 2px solid #3f187f;
    outline-offset: -1px;
}

.help-status-search-variant .help-generic-search-label {
    font-size: 1.6rem;
}

.help-generic-search-label {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0.2rem;
    color: #3c3d41;
    margin-bottom: 10px;
    margin-top: 10px;
}

.help-generic-search-container {
    width: 100%;
}

.help-generic-search-input-cont {
    position: relative;
    width: 100%;
}

.help-status-search-variant .help-generic-search-container .help-generic-search-input-cont {
    display: flex;
    width: 45%;
}

.help-generic-search-input-cont .help-generic-view-all-error {
    position: relative;
    border: 1px solid #6400AA;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 16px;
    line-height: 16px;
    min-height: 47px;
    padding: 13px;
    margin-left: 30px;
    width: 23%;
    text-align: center;
    text-decoration: none;
}

.help-generic-search-container .help-generic-error-code--autosuggest {
    z-index: 100;
    overflow: auto;
    list-style: none;
    position: relative;
    top: 0px;
    left: 0px;
    width: 70%;
    max-height: 200px;
    border: 1px solid #d4d3cf;
    padding-left: 0px;
    min-height: 44px;
}

.help-generic-search-container .errorcode-results-cont {
    padding: 1.3125rem 1rem;
}

.errorcode-results-cont .errorcode-product-details {
    width: 70%;
    text-align: right;
}

.errorcode-product-details .errorcode-results-product {
    padding-right: 2px;
}

.errorcode-product-details .errorcode-results-productDevice {
    font-weight: 400;
}

.errorcode-results-cont .errorcode-results-id {
    width: 30%;
}

.help-generic-search-container .help-generic-search__errorcode-results {
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    word-wrap: break-word;
}

.help-generic-search-container ul#ui-id-1 {
    width: 71.5% !important;
    border: 1px solid #d4d3cf;
    border-radius: .25em;
    margin-top: 12px;
}

.errorcode-noresults--message .errorcode-noresults--text {
    text-align: center;
    padding: 1rem;
}

.bt-help-icon_search {
    float: left;
    font-size: 45px;
}

.fault-found-container .result-issue-content {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 2rem 2rem 2rem 0;
    padding-bottom: 2rem;
    width: 75%;
    margin: 1rem 0;
}

.result-issue-icon a {
    text-decoration : none;
}

.result-issue-content .notification-icon {
    line-height: 11px;
    color: #DA020F;
    font-size: 36px;
}

.divider-container {
    margin-top: 6rem;
}

.help-generic-search-container .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #F4F4F4;
}

.help-generic-search-container,
.help-generic-search-input-cont .help-generic-view-all-error,
.errorcode-results-cont .errorcode-product-details,
.errorcode-product-details .errorcode-results-product,
.errorcode-product-details .errorcode-results-productDevice,
.errorcode-results-cont .errorcode-results-id {
    display: inline-block;
}

.help-generic-search__errorcode-results .errorCode {
    font-weight: 600;
}

.help-generic-error-code--autosuggest .errorcode-noresults--message {
    padding: 1.3125rem 1rem;
}

.help-generic-search-container .errorcode-results-cont,
.help-generic-search-input-cont .help-generic-search-input {
    cursor: pointer;
}

.input-cont {
    float: left;
    width: 72%;
    z-index: 999;
    margin: 1px 0 0 0;
    border: 1px solid #d4d3cf;
    border-radius: .25em;
    height: 47px;
}

.bt-help-icon_close {
    font-size: 20px;
    padding-top: 10px;
    float: right;
}

.bt-help-icon_search {
    padding-top: 12px;
    float: right;
}

.icon-con-close {
    display: none;
    float: right;
    padding-right: 10px;
    padding-top: 2px;
}
.ui-helper-hidden-accessible {
    display: none;
}



.icon-title .result-issue-title {
    margin: 0 0.625em;
    margin-right: 0.938em;
    font-size: 2rem;
    line-height: 21px;
}

.icon-title .result-issue-icon {
    margin-left: 1.8rem;
    margin-top: 0.3rem;
}

.help-search .service-status-containers {
    margin: 2rem 0;
}

@media ( min-width : 768px) and (max-width: 1024px){
    .help-status-search-variant .help-generic-search-container .help-generic-search-input-cont,
    .help-generic-search-container .validation-error--message {
        width: 70%;
    }
    .fault-found-container .result-issue-content {
        width: 100%;
    }
}

@media screen and (min-width: 40em) {
    .fault-found-container .result-issue-content, .fault-found-container .icon-title {
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (max-width: 39em) {
    .fault-found-container .estimated-details {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 767px) {
    .help-generic-search-input-cont .help-generic-view-all-error {
        margin-left: 0px;
        width: 45%;
        margin-top: 12px;
    }
    .help-generic-search__errorcode input[type='text'] {
        width: 83%;
    }
    .input-cont {
        width: 100%;
    }
    .help-generic-search-container ul#ui-id-1 {
        width: 100% !important;
        background-color: white;
    }
    .result-issue-content .notification-icon {
        line-height: 4px;
    }
    .icon-title .result-issue-icon {
        margin-left: 0.8rem;
    }
    .help-search .service-status-containers {
        margin: 1rem 0;
    }
    .help-status-search-variant .help-generic-search-container .help-generic-search-input-cont,
    .help-generic-search-container .validation-error--message,
    .fault-found-container .result-issue-content {
        width: 100%;
    }
    .fault-found-container .icon-title {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .errorcode-results-cont .errorcode-product-details {
        width: 100%;
        text-align: left;
    }
    .fault-found-container .estimated-details {
        margin-left: 4.1em;
        margin-top: 0.5rem;
    }
    .icon-title .result-issue-title {
       font-size: 1.8rem;
    }
}

@media screen and (max-width: 359px) {
    .help-generic-search-input-cont .help-generic-view-all-error {
        width: 52%;
    }
}

/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-print-page {
    margin-top: 13px;
}

.help-print-page a > span:after {
    font-family: BT-icons, sans-serif;
    content: 'm';
    line-height: 2px;
    vertical-align: middle;
    display: inline-block;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2023. All rights reserved.
 */

.price-change-calculator .price-change-calculator__original-price,
.price-change-calculator .price-change-calculator__new-price {
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    padding: 14px 24px 24px 24px;
    border-radius: 8px;
}

.price-change-calculator .price-change-calculator__original-price-heading,
.price-change-calculator .price-change-calculator__new-price-heading {
    color: #5514b4;
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: 10px;
}

.price-change-calculator .price-change-calculator__original-price-info{
    margin-top: 20px;
}

.price-change-calculator .price-change-calculator__original-price-msg {
    margin-top: 10px;
}

.price-change-calculator .hide-content {
    display: none;
}

.price-change-calculator .bt-help-icon_info,
.price-change-calculator .bt-help-icon_alert {
    color: #5514b4;
    font-size: 25px;
    display: table-cell;
    vertical-align: top;
}

.price-change-calculator .info-text {
    display: table-cell;
    font-size: 16px;
    vertical-align: top;
}

.price-change-calculator .price-change-calculator__original-price-msg .bt-help-icon_info,
.price-change-calculator .price-change-calculator__original-price-msg .info-text,
.price-change-calculator .price-change-calculator__original-price-msg .bt-help-icon_alert {
    color: red;
}

.price-change-calculator .price-change-calculator__original-price-input input[type=number] {
    width: 80%;
    height: 56px;
    margin-top:12px;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
}

.price-change-calculator .price-change-calculator__new-price-value {
    font-size: 32px;
    line-height: 40px;
    color: #5514b4;
    font-weight: 500;
    margin-bottom: 30px;
}

.price-change-calculator .cpi-calculate {
    margin-top: 24px;
}

/* Chrome, Safari, Edge, Opera */
.price-change-calculator input::-webkit-outer-spin-button,
.price-change-calculator input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.price-change-calculator input[type=number] {
    -moz-appearance: textfield;
}

.price-change-calculator input:focus {
    outline: none;
}

@media (max-width: 650px) {
    .price-change-calculator .price-change-calculator__original-price,
    .price-change-calculator .price-change-calculator__new-price {
        text-align: center;
    }
    .price-change-calculator button,
    .price-change-calculator .price-change-calculator__original-price-input input[type=number] {
        width: 100%;
    }
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2020. All rights reserved.
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.popup-content {
    position: relative;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 3.5rem 2rem 2rem 2rem;
    width: 400px;
    margin: 0 auto;
}

.popup-close-btn {
    cursor: pointer;
    position: absolute;
    color: #6400AA;
    top: 0.5rem;
    right: 0.625rem;
    font-size: 3.25rem;
    border: none;
}

.popup-description p {
    margin: 1rem 0 0;
    font-size: 1.75rem;
}

.popup-image {
    width: 100%;
    height: 20rem;
    margin-bottom: 1.5rem;
    display: block;
}

.popup-video {
    margin-bottom: 2rem;
}

.popup-content .bt-help-btn {
    padding: 9px 20px;
    height: 40px;
    background: #6400AA;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    margin-top: 1.25rem;
    outline: none;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .popup-content {
        width: 95%;
        padding: 3.5rem 1rem 1rem 1rem;
        margin: 8rem auto;
    }
}


/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-ordered__list ol {
    counter-reset: order;
    padding: 0;
}

.help-ordered__list ol li {
    counter-increment: order;
    margin-bottom: 1rem;
    list-style-type: none;
}

.help-ordered__list ol.ordertypei li::before {
    content: counter(order, lower-roman);
}

.help-ordered__list ol.ordertype1 li::before {
    content: counter(order, decimal);
}

.help-ordered__list ol.ordertypea li::before {
    content: counter(order, lower-alpha);
}

.help-ordered__list ol.ordertypeA li::before {
    content: counter(order, upper-alpha);
}

.help-ordered__list ol.ordertypeI li::before {
    content: counter(order, upper-roman);
}

.help-ordered__list ol[class^='ordertype'] li::before {
    color: #6400aa;
    border: 1px solid #6400aa;
    border-radius: 50%;
    font-weight: 600;
    width: 28px;
    padding: 4px;
    font-size: 13px;
    position: absolute;
    text-align: center;
    line-height: 1.5;
}

.help-ordered__list .ordered-list__parsys li::before{
    display: none;
}

.help-ordered__list .ordered-list__parsys li{
    list-style-type: unset;
}

@media only screen and (max-width: 768px){
    .help-ordered__list .ordered-list__parsys .video-component iframe {
        height: 200px;
    }
}


.help-ordered__list .ordered-list__parsys .help-ordered__list ol.ordertypei  li::before {
    content: counter(order, lower-roman);
}

.help-ordered__list .ordered-list__parsys .help-ordered__list ol.ordertype1 li::before {
    content: counter(order, decimal);
}

.help-ordered__list .ordered-list__parsys .help-ordered__list ol.ordertypea li::before {
    content: counter(order, lower-alpha);
}

.help-ordered__list .ordered-list__parsys .help-ordered__list ol.ordertypeA li::before {
    content: counter(order, upper-alpha);
}

.help-ordered__list .ordered-list__parsys .help-ordered__list ol.ordertypeI li::before {
    content: counter(order, upper-roman);
}

.help-ordered__list ol li .ordered-list__parsys ul li{
    counter-increment: none;
}

.help-ordered__list ol li .ordered-list__parsys ul li{
    counter-increment: none;
    list-style-type: disc;
}
 /*fix for bullet issue*/
.help-ordered__list ol li .ordered-list__parsys ul {
    padding-left: 0;
}

@media screen and (-ms-high-contrast: active),
 (-ms-high-contrast: none) {
  .help-ordered__list .ordered-list__parsys li{
     list-style-type: decimal;
  }
}

.help-ordered__list {
    position: relative;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
 */
.notification .bt-help-btn {
    border-radius: 5px;
    border: 1px solid;
    font-size: 16px;
    min-height: 44px;
    height: auto;
    cursor: pointer;
    font-weight: bold;
}

.notification .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1.bt-help-icon {
    width: auto;
    padding: 0px 10px 0px 10px;
}
.notification .notification-container.aem-Grid.aem-Grid--12.aem-Grid--default--12.bt-help-light-grey>.bt--icon {
    padding: 0;
    margin-left: 20px;
    text-align: justify;
}
.notification .notification-message li{

    list-style-type: unset;
}

.notification a:after {
    content: '';
}

.notification .bt-help-margin-top-bottom-10>* {
    margin: auto;

}

.aem-GridColumn.aem-GridColumn--default--9.notification-message.bt-help-margin-top-bottom-10 {
    padding-right: 1rem;
}

.notification .notification-container.bt-help-red .notification-message a,
.notification .notification-container.bt-help-green .notification-message a {
        color: white;
        text-decoration: underline;
}

.notification .notification-container.bt-help-yellow .notification-message a {
    color: black;
    text-decoration: underline;
}

.notification .notification-container.bt-help-light-grey .notification-message a {
    text-decoration: underline;
}

.notification-text,
.notification-icon {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.notification-text {
    vertical-align: middle;
    padding: 10px;
}

.notification-icon {
    vertical-align: top;
    position : relative;
    left : 5px;
}

.notification .icon-size-default {
    font-size: 40px;
    line-height: 38px;
}

.notification .bt-help-icon_size-medium {
    line-height: 36px;
}

.notification-text>p:last-child {
    margin-bottom: 0;
}

.notification-cta {
    text-align: right;
}

.bt-help-icon_ {
    display: none;
}

@media (max-width: 767px) {
    .notification .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--2.notification-cta {
        width: auto;
    }
    .notification-cta {
        margin-left: 52px;
        margin-bottom: 20px;
    }
    .notification-cta-bt-help-icon_ {
        margin-left: 10px;
    }
    .notification .aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1.bt-help-icon {
        padding-right: 5px;
        margin-bottom: 0;
    }
    .notification .icon-size-default {
        font-size: 30px;
        line-height: 30px;
    }
    .notification-cta__bt-help-icon_size-large {
        margin-left: 68px;
    }

}
.notification-container.aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    margin: 12px 0;
}

.notification-container button, a.button {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 80px;
}

.notification-container button ~ button {
    margin-right: 10px;
    margin-left: 10px;
}

.notification-container button:first-child {
    margin-left: 0px;
}

.notification-container button ~ button:last-child {
    margin-right: 0px;
    margin-left: 20px;
    color: #6400aa;
}

@media (min-width: 768px) {
   .notification-container.aem-Grid.aem-Grid--12.aem-Grid--default--12 {
        display: flex;
        align-items: center;
    }
    .notification .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2.notification-cta {
        padding-right: 10px;
        width: 24%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .notification .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2.notification-cta {
        padding-right: 20px;
    }
}


/* Laptop with touch screen */
@media only screen
  and (min-width: 1280px)
  and (max-width: 1336px) {
    .notification .aem-GridColumn.aem-GridColumn--default--2.notification-cta .bt-help-btn {
        margin-right: 11px;
    }
}

@media only screen
  and (min-width: 1920px){
    .notification .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2.notification-cta {
        margin-left:1.7rem;
    }
}

@media only screen
  and (max-width: 415px){
    .notification .aem-GridColumn.aem-GridColumn--default--11.notification-message {
        width: 245px;
    }
}

 @media only screen
  and (max-width: 240px){
    .notification .aem-GridColumn.aem-GridColumn--default--11.notification-message {
        width: 150px;
    }
}

/*Mozilla Firefox*/
 @-moz-document url-prefix(){
    .aem-GridColumn.aem-GridColumn--default--2.notification-cta.bt-help-margin-top-bottom-10 .bt-help-btn.align-middle{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .aem-GridColumn.aem-GridColumn--default--2.notification-cta.bt-help-margin-top-bottom-10 .bt-help-btn.align-middle {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.notification .notification-container .notification-message .notification-text p.show-more-notification > a {
    text-decoration: none;
}
.notification .notification-container .notification-message .notification-text  p.show-more-notification > a span:hover {
    text-decoration: underline;
}
.notification .notification-container.bt-help-light-grey .notification-message p.show-more-notification a {
    color: #333333;
    outline-offset: 2px;
}
.notification .notification-container.bt-help-light-grey .notification-message p.show-more-notification a:before {
    padding-left: 4px;
}
.notification .notification-container p.show-more-notification {
    margin: 0 ;
    display: inline;
    font-weight: 700;
}
.notification .notification-container p.show-more-notification a.chevron-align-right:before {
    line-height: 20px;
    padding: 2px;
}

.notification .icon-center-alignment {
    vertical-align: middle;
}

.notification .notification-container .notification-message p.show-more-less-header-regular .show-more-less-link {
    font-size: 20px;
}

.notification .notification-container .notification-message p.show-more-less-header-regular {
    font-weight: normal;
}

.notification .notification-container .notification-message .show-more-notification .show-more-less-link span:focus-visible,
.notification .notification-container .notification-message .show-more-notification .show-more-less-link span:focus {
    outline-offset: 2.5px;
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2020. All rights reserved.
*/

.navigation-tabs .help-tabs__nav {
    display: flex;
    justify-content: center;
    text-align: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    min-width: 100%;
    position: relative;
}

.navigation-tabs .help-tabs__nav:after {
    content: '\0020';
    border-top: 1px solid #d8d8d9;
    position: absolute;
    top: 100%;
    left: 0;
    background: linear-gradient(to bottom,rgba(244,244,244,0.9) 0,rgba(249,249,249,0) 100%);
    width: 100%;
    height: 18px;
}

.navigation-tabs .help-tabs {
    position: relative;
}

.navigation-tabs .help-tabs:before, 
.navigation-tabs .help-tabs:after {
    pointer-events: none;
    content: '\0020';
    z-index: 1;
    width: 35px;
    height: 70%;
    position: absolute;
    bottom: 24px;
}

.navigation-tabs .help-tabs:before {
    left: 0;
    background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
}

.navigation-tabs .help-tabs:after {
    right: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 60%);
    background-repeat: repeat-x;
}

.navigation-tabs .help-tabs__container {
    width: 100%;
    -ms-overflow-style: none;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: -moz-hidden-unscrollable;
    padding: 0 0 15px;
    margin-bottom: 10px;
    position: relative;
}

/* modifies the browser's scrollbar */
.navigation-tabs .help-tabs__container::-webkit-scrollbar {
    display: none;
}

.navigation-tabs .help-tabs__arrow {
    background-color: transparent;
    border: 0;
    z-index: 2;
    height: calc(100% - 10%);
    padding: 0;
    transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    position: absolute;
    top: 10px;
}

.navigation-tabs .help-tabs__arrow:focus {
    outline: none;
}

.navigation-tabs .help-tabs__arrow-prev {
    left: 1px;
}
.navigation-tabs .help-tabs__arrow-next {
    right: 1px;
}

.navigation-tabs .help-tabs__nav-item {
    text-indent: 0;
    padding-top: 16px;
}

.navigation-tabs .help-tabs__nav-item:before {
    display: none;
}

.navigation-tabs .help-tabs__nav-item:first-child {
    padding-left: 16px;
}

.navigation-tabs .help-tabs__nav-item:last-child {
    padding-right: 16px;
}

.navigation-tabs .help-tabs__underline {
    content: '\0020';
    opacity: 0;
    background-color: #333333;
    transition: left 0.15s;
    position: absolute;
    left: -16000px;
    width: 0;
    height: 2px;
    bottom: 0;
    border-radius: 100px;
}

.navigation-tabs .help-tabs__nav-icon {
    vertical-align: middle;
    stroke: #333333;
    fill: #333333;
    color: #333333;
    stroke-width: 0;
    line-height: 0;
    transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    position: relative;
    top: 5px;
}

.navigation-tabs .help-tabs__nav-link {
    border: 0;
    color: #333333;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 14px;
    height: 100%;
    transform: translateY(1px);
    line-height: 2.5;
}

.navigation-tabs .help-tabs__nav-link:hover, 
.navigation-tabs .help-tabs__nav-link:focus {
    border: 0;
    color: #540e85;
}

.navigation-tabs .help-tabs__nav-link.active {
    border: 0;
    color: #5514B4;
}

.navigation-tabs .help-tabs__nav-link:focus .help-tabs__nav-icon,
.navigation-tabs .help-tabs__nav-link:hover .help-tabs__nav-icon {
    color: #540e85;
    stroke: #540e85;
    fill: #540e85;
}

.navigation-tabs .help-tabs__nav-link.active .help-tabs__nav-icon {
    color: #5514B4;
    stroke: #5514B4;
    fill: #5514B4;
}

.navigation-tabs .help-tabs__nav-text {
    display: block;
    white-space: nowrap;
    margin: 0 0 7px 0;
    width: 100%;
}

.navigation-tabs .help-tabs__nav-link.disabled {
    cursor: default;
}

.navigation-tabs a.help-tabs__nav-link {
    text-decoration: none;
}

.navigation-tabs a.help-tabs__nav-link:focus {
    outline-offset: 2px;
}

.navigation-tabs .assistive-text {
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
    position: absolute;
    width: 1px;
    height: 1px;
}

.help-tabs__nav-icon .help-tabs__nav-icon--error{
    position: absolute;
    top: -20px;
    right: 1px;
    padding:0.7rem;
    box-sizing: border-box;
    border-radius: 100%;
}

.help-tabs-content .help-tabs-content__tab-pane {
    outline: 0;
}

.help-tabs-content .help-tabs-content__tab-pane,
.help-tabs-content .help-tabs-content__mso-ui {
    display: none;
}

.help-tabs-content .help-tabs-content__tab-pane.active {
    display: block;
}

@media (max-width: 767px) {
    .navigation-tabs .help-tabs__nav-item {
        padding-top: 0;
    }
    .navigation-tabs .help-tabs__arrow {
        top: 0;
    }
    .navigation-tabs .help-tabs__arrow-prev {
        left: -4px;
    }
    .navigation-tabs .help-tabs__arrow-next {
        right: -4px;
    }
}

@media (min-width: 1024px) {
    .navigation-tabs .help-tabs:before,
    .navigation-tabs .help-tabs:after {
        width: 64px;
    }
}

@media only screen and (min-device-width : 1024px) , only screen and (min-device-width : 768px) and (orientation : portrait) {
    .navigation-tabs .help-tabs__nav-text {
        font-size: 20px;
    }
    .navigation-tabs .help-tabs__nav-link {
        padding: 0 28px;
    }
    .navigation-tabs .help-tabs__nav-item:first-child {
        padding-left: 32px;
    }
    .navigation-tabs .help-tabs__nav-item:last-child {
        padding-right: 32px;
    }
}

/* MSO UI start */
.navigation-tabs .issue-result-content-main {
    display: flex;
    box-shadow: 0px 0px 10px 5px #D3D3D3;
    margin-bottom: 2rem;
}

.issue-result-content-main .issue-icon {
    background-color: #E60014;
    text-align: center;
    padding: 11px 0px;
}

.issue-result-content-main .issue-content-title {
    padding-bottom: 20px;
}

.issue-icon .bt-help-icon_priority {
    transform: rotateX(180deg);
    font-size: 40px;
    padding-bottom: 12px;
}

.issue-details-main .issue-reported-time, .issue-details-main .issue-estimated-time {
    padding: 0;
    padding-top: 20px;
}

.issue-content-title .issue-details-main p {
    margin: 0px;
}

.issue-updates .bt-help-icon_chevron---right {
    vertical-align: middle;
}
/* MSO UI Ends  */

/* Generic CSS */
.help-list {
    padding-bottom: 30px;
}

.help-list .cmp-list__item {
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
    list-style-type: none;
}

span.cmp-list__item-title.h4 {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 0;
}

.help-list .list-title {
    margin-top: 30px;
    margin-bottom: 28px;
    font-size: 24px;
}

.help-list.help-list--block .cmp-list__item-date {
    margin-top: -5px;
    padding-bottom: 10px;
}
.help-list.help-list--block .cmp-image {
  float: left;
  width: 40%;
  min-width: 125px;
  max-width: 250px;
  margin-right: 12px;
}
.help-list.help-list--block .cmp-image__image {
  margin-bottom: 0 !important;
}
.help-list.help-list--block.help-list--date .cmp-list__item-date {
  display: block;
}
.show-more-less {
    margin: 1rem;
}
.show-more-less .btn.btn.primary {
    color : #6400aa;
    border: none;
    font-size: 16px;
    background-color: #FFFFFF;
    line-height: 21px;
    outline: none;
    box-shadow: none;
}
.bt-help-icon_plus, .bt-help-icon_minus {
    font-size: 33px;
}
.bt-help-icon_plus:before, .bt-help-icon_minus:before {
    vertical-align: bottom;
}
#showLess, .hideClass {
    display: none;
}
.showLessButton, .showMoreButton  {
    margin : auto;
}
.show-more {
    text-align : center;
}
@media (min-width: 480px) {
  .help-list.help-list--block .cmp-image {
    margin-right: 18px;
  }
}
@media (min-width: 768px) {
  .help-list.help-list--block .cmp-list__item-date {
    margin-top: -10px;
    padding-bottom: 20px;
  }
}

/* Grid layout */

.help-list.help-list--grid .cmp-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.help-list.help-list--grid .cmp-list__item {
    flex: 0 1 auto;
}

.help-list.help-list--grid .cmp-list__item:nth-child(2),
.help-list.help-list--grid .cmp-list__item:nth-child(3) {
    border-top: 1px solid #ddd;
}
@media (min-width: 480px) {
    .help-list.help-list--grid .cmp-list {
        width: 95%;
    }
}
@media (min-width: 768px) {
    .help-list.help-list--grid .cmp-list__item {
        flex-basis: calc(33% - (24px / 2));
    }
}
@media (max-width: 767px) {

    .help-list .list-title {
        font-size: 20px;
    }

    .help-list .cmp-list__item-title{
        display: inline;
    }
    .help-list.help-list--grid .cmp-list__item {
        display: block;
        width: 100%;
    }
    .help-list.help-list--grid .cmp-list__item:nth-child(2),
    .help-list.help-list--grid .cmp-list__item:nth-child(3) {
        border-top: none;
	}
    span.cmp-list__item-title.h4 {
        display: inline-block;
    }

}
.help-list.help-list--grid .cmp-image {
  max-width: 100%;
  margin-right: 0;
}
.help-list.help-list--grid.help-list--date .cmp-list__item-date {
  display: block;
}
.help-list.help-list--grid.help-list--image .cmp-image {
  display: block;
}
.help-list.help-list--grid .cmp-list__item-description {
    display: none;
}



/* Border and Chevron */

.help-list.help-list--no-border.help-list--block .cmp-list__item,
.help-list.help-list--no-border.help-list--grid .cmp-list__item {
    border: none;
}
.help-list.help-list--no-chevron .cmp-list__item a:after {
    content: none;
}

.help-list ul {
    padding-left: 0;
    padding-inline-start: unset;
    margin-bottom: 0;
}

.help-list .list-title {
    font-family: 'BT Curve', sans-serif;
}

.help-list .help-related-articles {
    margin-top: 45px;
}

.help-list .page-wrapper {
    margin-left: 0;
}

/* list external url alignment fix */
.help-basic__content .help-list + .text .right {
    float: none;
}

.help-basic__content .help-list + .text h4 {
    margin-top: 0;
}

.help-basic__content .help-list + .text a {
    font-family: BT Curve, Calibri, Arial, sans-serif;
    font-size: 16px;
}

.cmp-list__item a:after {
    font-family: BT-icons, sans-serif;
    content: 'm';
    padding: 1px 0px;
    transform: translateY(1.8px);
    display: inline-block;
}

/*CSS to make text links underlined by default to fix accessibility issues*/
.cmp-list__item a:hover span , .cmp-list__item a span {
    text-decoration: underline;
    text-underline-position: from-font;

}

/*CSS for fixing the accessibility issue by removing the chevron with text links*/
.cmp-list__item a:after {
    content: none;
}


/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-inarticletabs .cmp-tabs__tab {
    border: 1px solid black;
    color: black;
    background: white;
    font-size: 16px;
    padding: 6px 24px;
    min-width: 96px;
    text-align: center;
}

.help-inarticletabs .cmp-tabs__tab.cmp-tabs__tab--active {
    background : #6400aa;
    color: white;
}

.help-inarticletabs .cmp-tabs__tab:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: 0px;
}

.help-inarticletabs .cmp-tabs__tab:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: 0px;
}

@media (max-width: 767px) {
     .help-inarticletabs .cmp-tabs__tab {
         width : 33%;
         min-width:0;
         padding-left: 10px;
         padding-right: 10px;
         word-wrap: break-word;
    }
}

.help-inarticletabs  .cmp-tabs{
    margin-bottom: 16px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
 */
.icon-text-v1_icon-left .icon-text-v1-icon_section,
.icon-text-v1_icon-left .icon-text-v1_text-section,
.icon-text-v1_icon-top .icon-text-v1-icon_section,
.icon-text-v1_icon-top .icon-and-text-caption {
    display: inline-block;
}

.icon-text-v1_icon-top .icon-text-v1-icon_section,
.icon-text-v1_icon-top .iconcaption-align--center {
    text-align: center;
}

.icon-text-v1_icon-left .icon-text-v1-icon_section {
    float: left;
    margin-right: 10px;
}

.icon-text-v1_icon-left .icon-text-v1_text-section {
    overflow: hidden;
    width: 80%;
}

.icon-text-v1_icon-left .icon-text-v1-icon_section:before {
    vertical-align: -10%;
}

.icon-text-v1_text-section--no-chevron a:after {
    content: none;
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-hover-icons {
    margin-top: 15px;
}

.help-hover--desktop,
.help-hover--mobile,
.help-hover--desktop .cmp-tabs__show-more-Item,
.help-hover--mobile .cmp-tabs__show-more-Item {
    display: none;
}

.help-hover-icons .hover--items.cmp-tabs__tab--active p {
    color: #ffffff;
}

.help-hover-icons .help-hover--desktop .hover--items.hover-color-pink:hover {
    background-color: #E60050;
}

.help-hover-icons .help-hover--desktop .hover--items.hover-color-purple:hover {
    background-color: #6400aa;
}

.help-hover-icons .hover--items.hover-color-pink:hover p,
.help-hover-icons .hover--items.hover-color-blue:hover p,
.help-hover-icons .hover--items.hover-color-purple:hover p {
    color: #ffffff;
}

.help-hover-icons .help-hover--desktop .hover--items.hover-color-blue:hover {
    background-color: #00A0D6;
}

.help-hover-icons .hover--items.cmp-tabs__tab--active:hover p {
    color: #FFFFFF;
}

.help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items {
    width: 22.967%;
    border-radius: 5px;
    border: solid 1px #DDDDDD;
    background-color: #FFFFFF;
    margin-right: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    transition: background-color 0.5s ease-out;
}

.help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.cmp-tabs__tab--active {
    background-color: #6400aa;
    border: 1px solid #6400aa;
}

.help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.cmp-tabs__tab--active p {
    color: #FFFFFF;
}

.help-hover-icons .help-hover--desktop .hover--items:last-child {
    margin-right: 0;
}

.help-hover-icons .help-hover--desktop .hover-tab-item--title {
    position: relative;
    text-align: center;
}

.help-hover--desktop .hover-tab-item--image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: -10px;
}

.help-hover-icons .help-hover--desktop .hover-item-description {
    margin-top: 60px;
    margin-right: 10px;
}

.help-hover--mobile .cmp-tabs__tablist {
    display: block
}

.help-hover--mobile .hover--items {
    width: 44%;
    border-radius: 5px;
    border: solid 1px #DDDDDD;
    background-color: #FFFFFF;
    margin-right: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    transition: background-color 0.5s ease-out;
    margin-bottom: 25px;
    margin-left: 8px;
}

.help-hover-icons .help-hover--mobile .cmp-tabs__tab.hover--items.cmp-tabs__tab--active {
    background-color: #6400aa;
    border: 1px solid #6400aa;
}

.help-hover--mobile .hover-tab-item--title.hover-icon__title {
    min-height: 40px;
    overflow: hidden;
    margin-bottom: 0;
    font-family: "BT Curve", sans-serif;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    max-height: 40px;
}

.help-hover--mobile .hover-tab-item--image {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: -8px;
}

.help-hover--mobile .hover-item-description {
    margin-top: 38px;
    width: 100%;
}

.help-hover--mobile .icon-chevron-down:before {
    content: '\e80e';
    font-family: "BT TV Icons", sans-serif;
    font-style: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    margin-left: 4px;
    font-size: 0.75em;
    font-weight: 900;
}

.help-hover--mobile .icon-chevron-up:before {
    content: '\e803';
    font-family: "BT TV Icons", sans-serif;
    font-style: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    margin-left: 4px;
    font-size: 0.75em;
    font-weight: 900;
}

.help-hover--mobile .hover-chevron.icon-chevron-down {
    float: right;
    font-family: bt-icons;
    font-size: 136%;
    color: #6400AA;
    margin: auto 0 auto 0;
}

.help-hover--mobile .hover-chevron.icon-chevron-up {
    float: right;
    font-family: bt-icons;
    font-size: 150%;
    color: white;
    margin: auto 0 auto 0;
}

.help-hover-icons .hover-chevron--filled {
    height: auto;
    z-index: 1;
    position: relative;
    width: 100%;
}

.help-hover-icons .hover-chevron--filled img {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 40px;
    height: 15px;
    position: absolute;
    display: none;
}

.cmp-tabs__hubmodule {
    margin-bottom: 20px;
}

.help-hover--desktop .cmp-tabs__tablist .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
    background-color: #FFFFFF;
}

.cmp-tabs__tab.hover--items.cmp-tabs__hubmodule:hover,
.cmp-tabs__tab.hover--items.cmp-tabs__hubmodule:focus,
.help-hover--desktop .cmp-tabs__tablist .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule.active {
    color: #6400aa;
    border: solid 1px #6400aa;
    border-radius: 5px;
}

.help-hover--mobile .cmp-tabs__tablist.cmp-tabs__hub-module {
    display: inline-flex;
    width: 100%;
}

.cmp-tabs__tab.hover--items.hover-tab__no-image:hover,
.cmp-tabs__tab.hover--items.hover-tab__no-image:focus,
.help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.current-active--list {
    color: #6400aa;
    border: solid 1px #6400aa;
    border-radius: 5px;
}

.help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.current-active--list .hover-tab-item--title,
.help-hover--mobile .hover-tab-item--title.hover-icon__title:hover {
    color: #6400aa;
    outline: none;
}

.help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image {
    border: solid 1px #DDDDDD;
}

.help-hover--mobile .cmp-tabs__tab.hover--items .hover-tab__no-image {
    height: 21rem;
}

.help-hover--desktop .cmp-tabs__show-more-icon.bt-purple-text {
    margin: auto;
    padding-top: 10px;
}

.help-hover-icons .show-more__text,
.help-hover-icons .show-less__text {
    vertical-align: 8px;
}

.cmp-tabs__show-more-icon.bt-purple-text,
.cmp-tabs__show-less-icon.bt-purple-text {
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.cmp-tabs__show-more-icon .bt-help-icon_plus.bt-purple-text.bt-help-icon_size-medium.bt-help_icon--item,
.cmp-tabs__show-less-icon .bt-help-icon_minus.bt-purple-text.bt-help-icon_size-medium.bt-help_icon--item {
    padding-left: 10px;
}

.help-hover--mobile .cmp-tabs__tablist .hover--icons.hover--icons__default,
.help-hover--mobile .cmp-tabs__show-less-icon.bt-purple-text {
    margin-right: auto;
    margin-left: auto;
}

.help-hover-icons .help-hover--desktop .hover-tab__no-image .hover-tab-item--title {
    font-family: "BT Curve", sans-serif;
    overflow: visible;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.help-hover-icons .help-hover--desktop .hub-selection__no-image .hover-tab__ctalink,
.help-hover--mobile .cmp-tabs__tab.hub-selection__no-image .hover-tab__ctalink {
    height: 100%;
    display: inline-block;
    width: 100%;
    position: relative;
}

.help-hover-icons .help-hover--desktop .cmp-tabs__hubmodule.hub-selection__with-image .hover-tab-item--title {
    font-family: "BT Curve", sans-serif;
    min-height: 76px;
    max-height: 78px;
    overflow: hidden;
}

.hover-tab__ctalink {
    color: #333333;
}

.help-hover--desktop .no-image--title {
    font-size: 28px;
}

.help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.hover--icons {
    width: 168px;
    height: 180px;
}

.help-hover--mobile .cmp-tabs__tab.hover-tab__no-image .hover-tab-item--title {
    font-family: "BT Curve", sans-serif;
    overflow: visible;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 0;

}

.help-hover--mobile .cmp-tabs__tab.hub-selection__no-image .hover-tab-item--title {
    font-family: "BT Curve", sans-serif;
    overflow: visible;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    width: 100%;
    padding: 0;
    margin: 0;
    font-size : 16px;
    text-align:center;
    min-height : 0;
}

.help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.hover-tab__no-image.cmp-tabs__tab--active {
    background-color: #FFFFFF;
    border: 1px solid #6400aa;
}

.help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.hover-tab__no-image.cmp-tabs__tab--active p {
    color: #6400aa;
    font-size: 28px;
}

.help-hover--mobile .hover--items:focus,
.help-hover-icons .help-hover--desktop .hover--items:focus,
.hover-tab__ctalink:focus,
.cmp-tabs__show-more-icon:active,
.cmp-tabs__show-less-icon:active {
    outline: none;
}

.help-hover--desktop .hub-module__title {
    margin-bottom: 30px;
}

.help-hover--mobile .hub-module__title {
    margin-bottom: 20px;
    margin-left: 8px;
}

.help-hover-icons .icon-left-chevron.content-module__back-text {
    text-decoration: none;
}

.help-hover-icons .content-module__back-text.cta {
    margin-left: 4px;
}

.help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list.hover--icons {
    width: 43%;
    height: 128px;
}

.help-hover--mobile .cmp-tabs__tablist.hover-tab__content-module {
    display: inline-flex;
    width: 100%;
}

.help-hover-icons .help-hover--desktop .content-module__description {
    margin: 0 10px 30px 4px;
}

.help-hover-icons .help-hover--mobile .content-module__description {
    margin: 0 10px 20px 4px;
}

.hover--icons.cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list {
    margin-left: 10px;
}

.help-hover-icons .content-module__list .hover-chevron--filled {
    display: none;
}

.hover-icon__top-margin {
    margin-top: 30px;
}

.help-hover--desktop .cmp-tabs__tab.hover--items.hover-tab__no-image {
    margin-bottom: 20px;
    margin-right: 20px;
    width: 22.888%;
    height: 265px;

}

.help-hover--desktop .cmp-tabs__tab.hub-selection__no-image {
    height: 265px;
}

.help-hover--desktop .hover-tab__content-module .hover-tab__image {
    height: auto;
    margin-bottom: 20px;
    margin-right: 20px;
}

.help-hover-icons .help-hover--desktop, .help-hover-icons .help-hover--mobile {
    margin-bottom: 12px;
}

@media screen (min-device-width: 384px) and (max-device-width: 1024px) {
    .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        margin-right: 15px;
    }
}

@media screen and (min-width: 280px) and (max-width: 319px) {
    .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        margin-right: 10px;
        padding-top: 16px;
        padding-bottom: 16px;
        transition: background-color 0.5s ease-out;
        margin-bottom: 25px;
        margin-left: 0;
        width: 110px;
        height: 154px;
    }
    .help-hover--mobile .cmp-tabs__hubmodule .hover-tab-item--title {
        min-height: 72px;
        max-height: 76px;
        margin-bottom: 0;
        font-family: "BT Curve", sans-serif;
        line-height: 1.31;
        letter-spacing: normal;
        text-align: center;
    }
    .help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list.hover--icons {
        width: 43%;
        height: 100px;
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .help-hover--mobile .cmp-tabs__hubmodule .hover-tab-item--title {
        min-height: 60px;
        max-height: 65px;
        margin-bottom: 0;
        font-family: "BT Curve", sans-serif;
        line-height: 1.31;
        letter-spacing: normal;
        text-align: center;
    }
    .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        margin-right: 10px;
        padding-top: 16px;
        padding-bottom: 16px;
        transition: background-color 0.5s ease-out;
        margin-bottom: 25px;
        margin-left: 10px;
        width: 120px;
        height: 154px;
    }
   .help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list.hover--icons {
        height: 115px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px)  and (orientation: landscape) {
    .help-hover--mobile .cmp-tabs__tablist.hover-tab__content-module {
        margin: 0 -24px 0 10px;
        width: 86%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px)  and (orientation: portrait),
only screen and (min-width: 360px ) and (max-width: 639px) and (orientation: landscape) {
    .help-hover--mobile .cmp-tabs__tablist.cmp-tabs__hub-module .hub-selection__no-image {
        height : 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .help-hover--desktop .cmp-tabs__tab.hover--items.hover-tab__no-image {
        margin-right: 12px;
        width: 23%;
        height: 170px;
        margin-bottom: 20px;
    }
    .help-hover-icons .hover-tab__no-image .hover-tab-item--title {
        font-size: 24px;
    }
    .help-hover--desktop .no-image--title {
        font-size: 20px;
    }
    .help-hover-icons .help-hover--desktop .cmp-tabs__hubmodule.hub-selection__with-image .hover-tab-item--title {
        min-height: 60px;
        margin-bottom: 0;
        max-height: 60px;
        overflow: hidden;
        line-height: 1.31;
        text-align: center;
        font-size: 20px;
        margin-top: 10px;
    }
    .help-hover-icons .help-hover--desktop .cmp-tabs__hubmodule.hub-selection__no-image .hover-tab-item--title {
        line-height: 1.31;
        font-size: 20px;
    }
    .help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        width: 171px;
        border-radius: 5px;
        border: solid 1px #DDDDDD;
        background-color: #FFFFFF;
        margin-right: 14px;
        padding-top: 16px;
        padding-bottom: 16px;
        transition: background-color 0.5s ease-out;
        margin-right: 11px;
        height: 184px;
    }
    .accordion-section .help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        width: 155px;
    }
}

.help-hover-icons .help-hover--desktop .hub-selection__no-image .hover-tab-item--title {
    font-family: "BT Curve", sans-serif;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 28px;
    min-height:0;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .help-hover--desktop .cmp-tabs__tab.hover--items.hover-tab__no-image.hover--icons {
        width: 214px;
        height: 224px;
    }
    .help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list.hover--icons {
        width: 44%;
        height: 160px;

    }
}

@media only screen and (min-device-width: 640px) and (max-device-width: 732px) {
    .help-hover--mobile .cmp-tabs__tablist.hover-tab__content-module {
        margin: 0 -24px 0 100px;
        width: 60%;
    }
    .help-hover--mobile .cmp-tabs__tablist.cmp-tabs__hub-module .hub-selection__no-image {
        height : 230px;
    }
}

@media only screen and (min-device-width: 1400px) {
    .help-hover--desktop .cmp-tabs__tablist .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        width: 22.88%;
        height: 284px;
        margin-right: 20px;
    }
}

@media only screen and (min-width: 812px ) and (max-width: 1366px) {
    .help-hover-icons .help-hover--desktop .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
        margin-right: 15px;
        width: 23%;

    }
    .help-hover-icons .help-hover--desktop .cmp-tabs__hubmodule.hub-selection__no-image {
        height: 264px;
    }
}

@media only screen and (min-width: 540px ) and (max-width: 600px ) {
    .help-hover--mobile .cmp-tabs__tablist.hover-tab__content-module {
        margin: 0 -24px 0 50px;
        width: 76%;
    }
    .help-hover--mobile .cmp-tabs__tablist.cmp-tabs__hub-module .hub-selection__no-image {
        height : 205px;
    }
}

@media only screen and (min-width: 736px ) and (max-width: 800px)  and (orientation: landscape) {
    .help-hover--mobile .cmp-tabs__tablist.hover-tab__content-module {
        margin: 0 -24px 0 120px;
        width: 50%;
    }
    .help-hover-icons .help-hover--mobile .cmp-tabs__hubmodule.hub-selection__no-image {
        height: 255px;
    }
}

@media only screen and (min-width: 400px ) and (max-width: 540px) {
    .help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list.hover--icons {
        width: 43%;
        height: 156px;
    }
}

@media only screen  and (min-width: 824px) and (max-width: 1024px) {
    .help-hover--desktop .cmp-tabs__tab.hover--items.hover-tab__no-image {
        width: 21.888%;
        height: 200px;
        margin-bottom: 20px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
	.help-hover--mobile .cmp-tabs__tab.hover--items.hover-tab__no-image.content-module__list.hover--icons {
		width: 41% ;
	}
    .help-hover--mobile .cmp-tabs__tab.hover--items.cmp-tabs__hubmodule {
		width: 40%;
	}
	.help-hover--mobile .cmp-tabs__tablist.cmp-tabs__hub-module .hub-selection__no-image {
         height: 115px;
	}
}

.help-hover--desktop  .cmp-tabs__tablist.centre--align {
    justify-content: center;
    align-items: center;
}

.help-hover--desktop > h2.centre--align,
.help-hover--desktop >  h3.centre--align {
	text-align: center;
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * ©BT Plc Limited 2021. All rights reserved.
*/
@media (max-width: 480px) {
    .help-video .help-video-vertical-container .video-js.vjs-16-9 {
        height: 42rem;
    }
    .help-video .help-video-vertical-container .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: -50%;
        width: auto;
        height: 100%;
    }
    .help-video .enable-border-radius .video-js.vjs-16-9 {
        border-radius: 8px;
    }
    .help-video .bc-player-default_default.vjs-fullscreen,
    .bc-player-default_default.vjs-fullscreen .vjs-tech {
        left: 0 !important;
    }
}

<!--
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * ©BT Plc Limited 2020. All rights reserved.
 */

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/-->
.help-hero-banner #virtual-assistant .va-active .va-wrap-in {
    background: #FFFFFF !important;
}

.help-hero-banner #virtual-assistant .va-inp-wrap {
    left: 0 !important;
    top: 0 !important;
    position: relative;
}

.help-hero-banner .lazy-columns {
    overflow: visible;
}

.help-hero-banner #virtual-assistant .va-input-pod {
    margin-right: 70px;
}

.help-hero-banner #virtual-assistant .va-input-pod h2 {
    font-family: 'bt_font_light';
    float: none;
    line-height: normal;
    font-size: 3em;
    margin-bottom: 15px;
}

.help-hero-banner #virtual-assistant .va-input-wrap-out,
.help-hero-banner #virtual-assistant .va-input-wrap-in {
    background: none;
}

.help-hero-banner #virtual-assistant[class*="va-active"] .va-input-wrap-out {
    background: #FFFFFF;
}

.help-hero-banner #virtual-assistant[class*="va-active"] .va-input-wrap-in {
    background: #666666;
    width: 100%;
    padding: 2px 0 22px 0;
}

.help-hero-banner #virtual-assistant[class*="va-active"] .va-input-pod h2 {
    color: #FFFFFF;
    margin-top: 5px;
}

.hero-banner-content-serviceStatusSearch {
    height: calc(100vw * (9 / 11)) !important;
}

.help-hero-banner .hero-banner-content {
    height: calc(100vw * (9 / 16));
    margin: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 1400px) {
    .help-hero-banner #virtual-assistant .va-input-pod {
        margin-right: 70px;
    }
}

@media screen and (max-width: 768px) {
    .help-hero-banner,
    .help-hero-banner #virtual-assistant[class*="va-active"] .va-input-wrap-in {
        margin-top: 0;
    }
    .help-hero-banner #virtual-assistant .va-input-pod {
        margin-right: 70px;
    }
    .help-hero-banner #virtual-assistant .va-input-pod h2 {
        font-size: 32px;
    }
    .help-hero-banner-service-status-content {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 600px) {
    .help-hero-banner #virtual-assistant .va-input-wrap-in {
        width: 110%;
        margin-top: 76px;
    }
    .help-hero-banner-service-status-invalid-msg-content {
        width: 77% !important;
    }
    .help-hero-banner-service-status-icon-search {
        right: 18px !important;
    }
    .help-hero-banner-service-status-invalid-msg-content {
        width: 87% !important;
    }
}

.help-hero-banner .hero-banner-cta-mobile.cta-clear {
    display: none;
    background-color: #DDDDDD;
    color: #333333;
}

@media (min-width: 616px) and (max-width: 1023px) {
    .help-hero-banner .va-pos {
        margin-top: 12%;
        margin-left: -2.5rem;
    }
    .help-hero-banner-service-status-icon-search {
        right: 22px !important;
    }
    .hero-banner-content-serviceStatusSearch {
        height: calc(50vw * (9 / 9)) !important;
    }
    .help-hero-banner .hero-banner-content,
    .hero-banner-content .row {
        height: calc(50vw * (9 / 16));
    }
    .help-hero-banner-service-status-invalid-msg-content {
        width: 75% !important;
    }
    .help-hero-banner-service-status-search-bar-content {
        left: 30px !important;
    }
}

@media (min-width: 640px) and (max-width: 720px) {
    .help-hero-banner-service-status-invalid-msg-content {
        width: 81% !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 0px !important;
    }
    .help-hero-banner-service-status-search-bar-content {
        left: 35px !important;
    }
}

@media (min-width: 730px) and (max-width: 737px) {
    .hero-banner-content-serviceStatusSearch {
        height: calc(50vw * (9 / 11)) !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 0 !important;
        ;
    }
    .help-hero-banner-service-status-search-bar-content {
        left: 35px !important;
    }
}

@media (min-width: 540px) and (max-width: 599px) {
    .help-hero-banner-service-status-invalid-msg-content {
        width: 74% !important;
    }
    .hero-banner-content-serviceStatusSearch {
        height: calc(50vw * (9 / 10)) !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 40px !important;
    }
}

@media (min-width: 800px) and (max-width: 823px) {
    .help-hero-banner-service-status-invalid-msg-content {
        width: 63% !important;
        left: 18% !important;
    }
    .help-hero-banner-service-status-icon-search {
        width: 25% !important;
    }
    .hero-banner-content-serviceStatusSearch {
        height: calc(50vw * (9 / 10)) !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 0px !important;
    }
}

@media (min-width: 400px) and (max-width: 539px) {
    .help-hero-banner-service-status-invalid-msg-content {
        width: 82% !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 50px !important;
    }
}

@media (min-width: 1024px) {
    .help-hero-banner .va-pos {
        margin-top: -15%;
        margin-left: -4.5rem;
    }
    .help-hero-banner .hero-banner-content,
    .hero-banner-content .row,
    .help-hero-banner .hero-banner-cta section {
        height: calc(45vw * (9 / 16)) !important;
    }
    .help-hero-banner-service-status-fault-msg-corner {
        left: 140px !important;
    }
    .help-hero-banner-service-status-invalid-msg-content {
        display: flex;
    }
}

@media (min-width: 1023px) and (max-width: 1200px) {
    .help-hero-banner-service-status-invalid-msg-content {
        width: 89% !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 0px !important;
    }
    .hero-banner-content-serviceStatusSearch {
        height: calc(50vw * (9 / 13)) !important;
    }
}

@media (max-width: 360px) {
    .help-hero-banner .va-pos {
        margin-top: -8%;
    }
    .help-hero-banner .logo {
        display: none;
    }
    .hero-banner-content-serviceStatusSearch {
        height: calc(100vw * (9 / 10)) !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 40px !important;
    }
    .help-hero-banner-service-status-search-bar-content {
        left: 0 !important;
    }
}

@media screen and (max-width: 280px) {
    .help-hero-banner-service-status-fault-msg-corner {
        bottom: 72px !important;
    }
    .help-hero-banner-service-status-icon-search {
        width: 46% !important;
    }
    .hero-banner-content-serviceStatusSearch {
        height: calc(100vw * (9 / 7)) !important;
    }
    .help-hero-banner-service-status-content {
        margin-top: 50px !important;
    }
}

.help-hero-banner .hero-banner-cta-mobile {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .help-hero-banner #virtual-assistant .va-close {
        right: -65px;
    }
}

@media (min-width: 768px) {
    .help-hero-banner {
        margin-top: 1rem;
    }
    .help-hero-banner-service-status-without-breadcrumb {
        margin-top: 0 !important;
    }
}

@media (max-width: 480px) {
    .help-hero-banner .va-pos {
        margin-left: -2.5rem;
    }
    .help-hero-banner-service-status-main-container {
        margin-left: 5%;
    }
    .help-hero-banner-service-status-search-bar-content {
        margin-left: 2%;
    }
}

@media only screen and (max-width: 1200px) {
    .help-hero-banner #virtual-assistant .va-close {
        right: -65px;
    }
}


}
@media (min-width: 960px) {
    .help-hero-banner .hero-banner-cta {
        height: calc(40vw * (9 / 16));
    }
}
.help-hero-banner .hero-banner-content .container {
    height: 100%;
    position: relative;
    background-color: transparent;
}

/* colours for VA title */
.help-hero-banner .va-pos.banner-white #virtual-assistant .va-input-pod h2 {
    color: #ffffff;
}
.help-hero-banner .va-pos.banner-black #virtual-assistant .va-input-pod h2 {
    color: #000000;
}
.help-hero-banner .va-pos.banner-bt-purple #virtual-assistant .va-input-pod h2 {
    color: #6400aa;
}
.help-hero-banner .va-pos.banner-dark-grey #virtual-assistant .va-input-pod h2 {
    color: #333333;
}
.help-hero-banner .va-pos.banner-medium-grey #virtual-assistant .va-input-pod h2 {
    color: #666666;
}
.help-hero-banner .va-pos.banner-light-grey #virtual-assistant .va-input-pod h2 {
    color: #dddddd;
}
.help-hero-banner .va-pos.va-pos-active #virtual-assistant[class*="va-active"] .va-input-pod h2 {
    color: #ffffff;
}
.help-hero-banner-service-status {
    text-align: center;
}
.help-hero-banner-service-status-main-container input[type="text"] {
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px #5514B4;
    display: block;
    height: 40px;
    margin: 0 auto;
    color: #333333;
    outline: 0;
}
.search-button {
    color: #5514B4;
    font-size: 16px;
}
.help-hero-banner-service-status-content {
    color: #ffffff;
    margin-top: 100px;
}
.help-hero-banner-service-status-check-status-btn {
    border-radius: 0 5px 5px 0;
    padding: 0 20px 0 20px !important;
    outline: 0;
    margin-left : 8px;
}

.help-hero-banner-service-status-icon-search {
    color: #5514B4;
    cursor: pointer;
    width: 42%;
    padding: 0;
    display: flex;
}
.help-hero-banner-service-status-invalid-msg-content {
    margin: 14px;
    margin-left: 0px;
    padding-left: 6px;
    padding-right: 0;
    position: absolute;
    left: 5%;
    top: 52px;
    z-index: 99;
    width: 85%;
    justify-content: center;
    margin: 0 auto;
}
.help-hero-banner-service-status-invalid-number-msg {
    text-align: left;
    background-color: #E60014;
    color: white;
    padding: 5px;
    display: flex;
    min-height: 50px;
}
.help-hero-banner-service-status-fault-msg-corner {
    height: 0;
    border-left: 9px solid transparent;
    border-right: 11px solid transparent;
    color: #ffffff;
    border-bottom: 11px solid #E60014;
    position: absolute;
    left: 20px;
    bottom: 50px;
}
.service-status-response-message {
    text-align: center;
}
.help-hero-banner-service-status-search-bar-content {
    position: relative;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}
.help-hero-banner-service-status-search-code-input {
    width: 50%;
    padding: 0;
}
.help-hero-banner-service-status-main-container {
    padding: 0;
}
.help-hero-banner-service-status-search-input {
    margin-left: 0px;
}
.help-hero-banner-service-status-search-input-error-border {
    border: 1px solid #E60014 !important;
}
.help-hero-banner-service-status-search-check-status-btn-error-border {
    border: 1px solid #E60014 !important;
    border-left-color: #5514B4 !important;
}
.help-hero-banner-service-status-check-status-btn-disabled {
    pointer-events: none;
}
.hero-banner-cta .bt-help-margin_left--3 {
  margin-left: 3rem;
}

@media (min-width: 769px) {
    .help-hero-banner-service-status-search-code-input {
        width: 40%;
    }
    
    .help-hero-banner-service-status-icon-search {
        width: 22%
    }
}


/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2020. All rights reserved.
*/

.help-carousel {
    margin-top: 12px;
    margin-bottom: 4px;
}

.help-carousel .carousel-component__items-image,.help-carousel .carousel-component__items-video {
    width: 50%;
    display: inline-block;
    margin: 6px 22px 54px 60px;
}

.help-carousel .carousel-component__items-text {
    width: 50%;
    display: inline-block;
    margin: 6px 60px 54px 0;
}

.help-carousel .carousel-component {
    margin-top: 12px;
    margin-bottom: 12px;
}

.help-carousel .carousel-border {
    margin-bottom: 12px;
}

.help-carousel .carousel-component__items {
    display: flex;
}

.help-carousel .owl-carousel .owl-item img {
    width: auto;
}

.help-carousel .carousel-component__heading {
    text-align: center;
    margin-bottom: 26px;
    margin-top: 56px;
    padding: 0 60px;
}

.help-carousel .carousel-caomponent__counter {
    text-align: center;
}

.help-carousel .carousel-component__dots {
    margin: 20px 0 20px;
    height: 10px;
}

.help-carousel .owl-theme .owl-nav .disabled {
    display: none;
}

.help-carousel .carousel-component--border {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 2px rgba(60, 61, 65, 0.2);
}

.help-carousel .icon-left-chevron::before {
	text-decoration : none;
	display: inline-block;
}

.help-carousel [data-title] {
    position: relative;
}

.help-carousel [data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: -35px;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    background: #EBEBEB;
    color: #333333;
    white-space: nowrap;
    left: 0;
    font-family: 'BT Font';
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
    z-index:1;
}

.help-carousel [data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    color: #EBEBEB;
    border: 8px solid transparent;
    border-bottom: 8px solid #EBEBEB;
}

.help-carousel  .back-cta, .help-carousel .finish-cta{
    border: none;
    margin: 5px;
    background : none;
}

@media (max-width: 767px) {
    .help-carousel .carousel-component__items {
        display: block;
    }
    .help-carousel .carousel-component__items-image {
        width: auto;
        margin: 6px 25px 26px 25px;
    }
    .help-carousel .carousel-component__items-video {
        width: 100%;
        margin: 0;
        padding: 6px 25px 26px 25px;
    }
    .help-carousel .carousel-component__items-text {
        width: auto;
        margin: 0 25px 66px 25px;
    }

    .help-carousel .carousel-component__heading {
        margin-bottom: 20px;
        margin-top: 35px;
        font-size: 22px;
        line-height: 26px;
        padding: 0 25px;
    }

    .help-carousel .hide-image,
    .help-carousel .hide-video {
        display: none;
    }

    .help-carousel .swap-text {
        margin: 6px 25px 26px 25px !important;
    }

    .help-carousel .swap-image {
        margin : 0 25px 70px 25px !important;
    }

    .help-carousel .swap-video {
        margin : 0 25px 70px 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .help-carousel .carousel-component__items-text {
		margin-bottom: 66px!important;
    }
}

.help-carousel [data-icon]:before, [class^='icon-']:before, [class*=' icon-']:before {
	padding-left: 0;
}

@media (min-width: 1024px) {
	.help-carousel .owl-carousel .owl-nav button.owl-prev, .help-carousel .back-cta {
		margin-left: 12px;
	}
}

/* Media query for galaxy fold  device */
@media (width: 320px)  and (device-height: 519px) {
    .help-carousel .carousel-component__items-image,.help-carousel .carousel-component__items-video {
        margin-top: 20px;
    }
}

/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .help-carousel .owl-item:first-of-type .carousel-component__items-video {
        min-height: 300px;
    }
    .help-carousel .owl-item:not(.active) .carousel-component__items-video video {
        visibility: hidden !important;
    }
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2020. All rights reserved.
*/

.help-carousel .owl-carousel {
	position: relative;
}

.help-carousel .owl-theme .owl-dots .owl-dot span {
	width: 46px;
	height: 2px;
}

.help-carousel .owl-theme .owl-dots .owl-dot.active span,
.help-carousel .owl-theme .owl-dots .owl-dot:hover span {
	background: #666666;
}

.help-carousel .owl-theme .owl-nav {
	width: 50%;
	margin-top: 0px;
	float: right;
	transform: translateY(-98px);
}

.help-carousel button.owl-prev, .help-carousel .back-cta {
	float: left;
}

.help-carousel button.owl-next, .help-carousel .finish-cta {
	float: right;
}

.help-carousel .owl-carousel .owl-nav button.owl-next, .help-carousel .owl-carousel .owl-nav .finish-cta {
	margin-right: 60px;
}

.help-carousel .help-carouselcomponent:not(.carousel-component--border) .carousel-component__heading {
    margin-bottom: 16px;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .help-carousel .owl-theme .owl-dots .owl-dot span {
        width: 19px;
    }

	.help-carousel .owl-theme .owl-dots .owl-dot span {
        width: 19px !important;
    }

    .help-carousel .owl-dots {
        left: 0 !important;
        right: 0!important;
        margin: 0 25px 0 25px !important;
    }

    .help-carousel .owl-theme .owl-nav {
        width: auto !important;
        float: none!important;
        margin: 0 25px 0 20px;
        transform: translateY(-72px) !important;
    }

    .help-carousel .owl-carousel .owl-nav button.owl-next,
    .help-carousel .owl-carousel .owl-nav .finish-cta {
        margin-right: 0 !important;
    }
    .help-carousel .help-carouselcomponent:not(.carousel-component--border) .carousel-component__heading {
        margin-bottom: 8px;
        margin-top: 16px;
    }
    .help-carousel .help-carouselcomponent:not(.carousel-component--border) .carousel-component__items-image {
        margin: 4px 0;
    }
    .help-carousel .help-carouselcomponent:not(.carousel-component--border) .carousel-component__items-video {
       padding: 4px 0;
    }
    .help-carousel .help-carouselcomponent:not(.carousel-component--border) .carousel-component__items-text {
       margin: 8px 0 66px 0;
    }
    .help-carousel .owl-theme.help-carouselcomponent:not(.carousel-component--border) .owl-nav {
       margin: 0;
    }
    .help-carousel .owl-theme.help-carouselcomponent:not(.carousel-component--border) .owl-nav button.owl-prev {
        margin-left: 0 !important;
    }
    .help-carousel .owl-carousel .owl-item .carousel-component__items.carousel--vertical-ratio {
        padding: 0 2px;
    }
    .help-carousel .owl-carousel .owl-item .carousel--vertical-ratio img {
        border-radius: 8px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.help-carousel .owl-theme .owl-nav {
		transform: translateY(-68px) !important;
	}
}

/* Media query for Iphone 5device */
@media (device-width: 320px) and (device-height: 568px) {
    .help-carousel .owl-theme .owl-dots .owl-dot span {
        width: 14px !important;
    }
}

/* Media query for Iphone X  and pixel 2XL landscape device */
@media (device-height: 375px) and (device-width: 812px) and (orientation: landscape),
    (device-height: 411px) and (device-width: 823px) and (orientation: landscape) {
    .help-carousel .owl-theme .owl-dots .owl-dot span {
        width: 34px ;
    }
    .help-carousel .owl-theme .owl-nav {
        padding-left: 7px;
    }
}

/* Media query for ipad device */
@media (device-height: 1024px) and (device-width: 768px) {
    .help-carousel .owl-theme .owl-dots .owl-dot span {
        width: 31px ;
    }
}

.help-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
}

.help-carousel .carousel-component__items-text .text-overrides--text [class^="bt-help-icon_"],
.help-carousel .carousel-component__items-text .text-overrides--text [class*=" bt-help-icon_"] {
    line-height: 21px
}

.help-carousel .carousel-component__items-text .text-overrides--text [class^="bt-help-icon_"]:before,
.help-carousel .carousel-component__items-text .text-overrides--text [class*=" bt-help-icon_"]:before {
    color: #6400AA;
    float: left;
    border: 1px solid transparent;
}

.help-carousel .carousel-component__items-text .text-overrides--text .bt-help-icon_size-regular:before {
    line-height: 20px;
}

.help-carousel .carousel-component__items-text .text-overrides--text .bt-help-icon_size-medium:before {
    line-height: 32px;
}

.help-carousel .carousel-component__items-text .text-overrides--text .bt-help-icon_size-large:before {
    line-height: 48px;
}

.help-carousel .carousel-component__items-text .text-overrides--text .bt-help-icon_size-extra-large:before {
    line-height: 112px;
}

.help-carousel .carousel-component__items-text .text-overrides--text p {
    clear: both;
}
@media only screen and (min-device-width:820px) and (max-device-width: 1024px) and (orientation:landscape) {
    .help-carousel .carousel-component__items-text .text-overrides--text {
        padding-bottom: 50px;
    }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2020. All rights reserved.
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.generic-fix-footer__yes-btn,
.generic-fix-footer__no-btn {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 20px 50px 0px;
}

@media only screen and (max-width: 767px) {
    .generic-fix-footer {
        margin-bottom: 20px;
    }
    .generic-fix-footer__yes-btn,
    .generic-fix-footer__no-btn {
        display: block;
        margin: 10px 0px 20px 0px;
    }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
 */

.fiftyfiftyText--assembletext {
    margin-top: 6%;
}

.fiftyfiftytext--assembletext img {
    margin-right: 9px;
    float: left;
}

.fifty-fifty__column-list div{
    margin-top: 40px;
}
@media ( min-width : 768px) {
    .fiftyfifty__column-list.list--item2 .fiftyfifty--preview .videocomponent iframe, .fiftyfifty__column-list.list--item1 .fiftyFifty--preview .videocomponent iframe {
        width: 445px;
        height: 260px;
    }
    .fiftyfiftytext--steps {
        margin-top: 59px;
    }

}

@media ( min-width : 1024px) {
    .fiftyfiftytext--presentertext {
        margin-top: 5.5%;
    }
}

.help-fiftyfiftystep h1{
    margin-top: 0;
    margin-bottom: 20px;
}

.help-fiftyfifty h2{
    margin-top: 0;
}

.fiftyfiftytext--presentertext p {
    margin-bottom: 2px;
    margin-top: 2px;
}

.fiftyfiftytext--presentertext {
   overflow: auto;
}

.fiftyfiftytext--presentertext img {
    width: 49px;
    height: 49px;
    margin-right: 15px;
    margin-bottom: 5%;
    border-radius: 50%;
    float: left;
}

@media only screen and (max-width: 450px) {
    .help-fiftyfifty .image-component>picture>img, .help-fiftyfifty .video-component iframe {
        max-height: 200px;
    }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
 */
.help-fiftyfifty {
    display: flex;
}

.fiftyfifty__column-list {
    display: inline-block;
    width: 45%;
}

.fiftyfifty--divider {
    width: 100%;
    margin-bottom:2%
}

.fiftyfifty--divider.divider-border {
    border-bottom: 1px solid #EEE;
}

.help-fiftyfifty .image-component img {
        width: 100%;
}

.help-fiftyfifty .fiftyfifty__column-list.list--item1 {
        margin-right: 21%;
}

@media ( min-width : 764px ) and ( max-width : 1024px) {
    .help-fiftyfifty .fiftyfifty__column-list.list--item1 {
        margin-right: 10%;
    }
}

@media ( min-width : 764px) {
    .help-fiftyfifty {
        margin: 1% 0;
    }
    .fiftyfifty--divider {
        display: flex;
    }
    .fiftyfifty__column-list {
        margin-top: 2%;
        margin-bottom: 7%;
    }
    .help-fiftyfifty .image-component img {
        max-height: 260px;
    }
}

@media ( max-width : 1023px) {
    .fiftyfifty__column-list.list--item2 {
        margin-top: 6.5%;
        margin-bottom: 5%;
    }
    .fiftyfifty__column-list.list--item1 {
        margin-top: 5.5%;
        margin-bottom: 0;
    }
    .fiftyfifty__column-list {
        display: block;
        width: 100%;
    }
    .help-fiftyfifty {
        margin-bottom: 4%;
    }
}
.error-code-label {
    width: 19.7%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0px;
    word-wrap: break-word;
}

.error-code-container {
    vertical-align: inherit;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}

body {
    font-family: BT Curve, sans-serif;
}

.update-button:focus,.update-button:hover {
    background-color: #540e85;
    color: #ffffff;
    border-color: #540e85;
}

.update-button:disabled,.update-button.disabled,.update-button:focus,.update-button.disabled:hover {
    background-color: #d0b2e5;
    color: #ffffff;
    border-color: #d0b2e5;
}

.update-button.rte {
    padding-top: 7px;
}

.update-button {
    height: 80px;
    padding: 0 20px;
    border-radius: 5px;
    min-width: 80px;
    font-family: "bt_font_regular", "Calibri", "Arial", sans-serif;
    font-size: 16px;
    border: 8px solid;
    box-sizing: border-box;
    margin: 5px;
    background-color: #6400aa;
    color: #ffffff;
    border-color: #6400aa;
}

.update-button:hover {
    cursor: pointer;
}

.update-error-code {
    margin: 20px 0 20px 0;
    text-align: center;
}

.loader {
    text-align: center;
}

.message-box {
    text-align: center;
}

.message-box {
    color: #ffffff;
    padding: 10px;
    width: 700px;
    margin: 10px;
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-customer-statistics {
    padding-top: 12px;
    padding-bottom: 12px;
}

.help-customer-statistics .customer-stat__heading,
.help-customer-statistics .customer-stat__indicator {
    margin: 0;
    display: inline-block;
    color: #6300a9;
    font-weight: 600;
}

.help-customer-statistics .customer-stat__description {
    margin: 0;
    display: inline-block;
    font-weight: lighter;
    width: 68%;
}

.help-customer-statistics .customer-stat__heading {
    font-size: 2.5em;
    font-family: bt_font_light, sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
}

.help-customer-statistics .customer-stat__indicator {
    font-size: 1.5em;
    margin-right: 1em;
}


.help-customer-statistics .customer-stat__progress-bar {
    margin-top: 10px;
    position: relative;
    transform: translateZ(0);
    width: 80%;
}

.help-customer-statistics .customer-stat__progress-bar p {
    overflow: hidden;
    padding: 10px;
    text-align: left;
    height: 45px;
    line-height: 1.5;
    white-space: nowrap;
}

.help-customer-statistics .customer-stat__percentage-text {
    right: -100px;
    position: absolute;
    top: 0;
    width: 102px;
}

.help-customer-statistics .customer-stat__progress-bar .active {
    background-color: #DDD;
    height: 45px;
    position: relative;
    margin-bottom: 10px;
}

.help-customer-statistics .customer-stat__progress {
    height: 45px;
    display: none;
}

.help-customer-statistics .customer-stat__text {
    overflow: hidden;
    height: 45px;
}

@media (max-width: 1024px) {
    .help-customer-statistics .customer-stat__icon {
        width: 14px;
    }
    .help-customer-statistics .customer-stat__indicator {
		margin-right: 5px;
    }
    .help-customer-statistics .customer-stat__description {
        font-size: 1em;
        width: 57%;
    }
}

@keyframes progress {
    0% {
        width: 0;
    }
}

.help-customer-statistics .customer-stat__icon {
    margin-top: 5px;
}
.help-customer-statistics .help-icon__arrow-up .customer-stat__icon--svg {
    transform: rotate(180deg);
}
.help-customer-statistics .customer-stat__icon .customer-stat__icon--svg {
    width: 14px;
    height: 13px;
    margin-left:3px;
}

.help-customer-statistics .help-color__red .customer-stat__icon--svg {
    fill: #cc0000;
}
.help-customer-statistics .help-color__green .customer-stat__icon--svg {
    fill: #14AA37;
}

.help-customer-statistics .help-color__dark-grey .customer-stat__icon--svg {
    fill: #333333;
}

@media (max-width: 400px) {
    .help-customer-statistics .customer-stat__progress-bar {
        width: 75%;
    }
}

@media (min-width: 400px) and (max-width: 768px) and (orientation: portrait) {
    .help-customer-statistics .customer-stat__progress-bar {
        width:74%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .help-customer-statistics .help-icon__arrow-down::before {
        content:'\25bc';
        font-size:18px;
    }
    .help-customer-statistics .help-icon__arrow-up::before {
        content:'\25bc';
        font-size:18px;
        transform: rotate(180deg);
    }
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * ©BT Plc Limited 2019. All rights reserved.
*/
.disabled::parent {
    cursor : default;
}
.help-contactus .help-contactus--editmode {
    background : #DDDDDD4D;
}
.help-contactus .help-category--editmode {
    margin-left : 20px;
    margin-bottom : 12px;
    margin-right : 64px;
    background : #eee;
    border : 1px solid #0000001F;
}
.help-contactus--editmode ul li.cq-Editable-dom {
    list-style-type: none;
}
.help-contactus .help-topic--editmode {
    background : #E6E6E6;
    border : solid 1px #0000001F;
    margin-right : 40px;
}
.help-contactus .help-contactus__title {
    font-size: 26px;
    margin: 0 0 26px;
    font-family: bt_font_regular;
}
.help-contactus .help-contactus-label {
    border: 1px solid #666;
    padding: 16px 10px;
}
.help-contactus--nav-link {
    color: #6400AA;
    display: block;
    text-decoration: none;
}
.help-contactus--list {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.help-contactus--label_content {
    font-size: 20px;
}
.help-contactus .help-contactus--options {
    border-bottom: 1px solid #ddd;
    color: inherit;
    display: block;
    font-size: 20px;
    padding: 16px 12px;
    text-decoration: none;
}
@media ( min-width : 768px) {
    .help-contactus--list_label {
        list-style-type: none;
        width: 32%;
        margin-right: 20px;
    }
    .help-contactus-list-item, .help-contactus--topic-items,
        .help-contactus--option-items {
        display: flex;
        flex-flow: column;
        width: 32%;
        margin-right: 20px;
    }
}

.help-contactus--solutionscols {
    display:flex;
    margin-top: 20px;
}
.help-contactus a:after{
    content:none;
}
.help-contactus a:hover span.help-contactus--label_content {
    text-decoration: none;
}

.help-contactus--options:hover {
    background-color: #eee;
}

.help-contactus--options.active {
  background-color: #ddd;
  font-weight: 700;
}
.help-contactus--options:focus {
    background-color: #eee;
}

.help-contactus a:hover span, .help-contactus a:hover {
    text-decoration: none;
}
.help-contactus--description{
    display: none;
}
.help-contactus--topic, .help-contactus--option-items {
    display:none;
}
.cu-link .help-contactus--options:after {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 6px;
    right: -4px;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-12%);
    vertical-align:middle;
    width: 6px;
}
.cu-link .help-contactus--options {
    color: #6400AA;
}
.help-contactus-label.active::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    bottom: -6px;
    background: #666;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
}
.help-contactus-label.active {
    border: 1px solid #666;
    padding: 16px 10px;
    position: relative;
    background: #666;
    color: #fff;
    font-weight: 300;
    text-decoration: none;
}
.help-contactus-label.disabled {
    border-color: #333;
    color: #333;
}
.help-contactus-label.help-contactus-parentthree.disabled {
    cursor: default;
}
.help-contactus-label.help-contactus-parenttwo.disabled {
    cursor: default;
}

@media (max-width: 767px){
    .help-contactus-label .help-contactus--label_content {
        display: none;
    }
    .help-contactus--list .help-contactus--list_label {
        width: 48px;
        text-align: center;
        box-sizing: border-box;
    }
    .help-contactus--list .help-contactus--list_label:nth-child(1),
    .help-contactus--list .help-contactus--list_label:nth-child(2) {
        margin-right: 10px;
    }
    .help-contactus-label.active .help-contactus--label_content {
        display: inline-block;
        text-align: left;
    }
    .help-contactus--solutionscols {
        display: block;
    }
    .help-contactus-list-item {
        width: 100%;
    }
    .help-contactus-list-item.active {
        display: none;
    }
    .help-contactus--list_label.active {
        width: calc(100% - 108px);
        text-align: left;
    }
    .help-contactus--label_content {
    font-size: 16px;
    }
}
li.help-contactus--list_label a .help-contactus-label:not(.disabled) {
    cursor: pointer;
}
li.help-contactus--list_label a:not(.active) {
    cursor: default;
}
li.help-contactus--list_label :focus, li.help-contactus--list_label :hover{
    text-decoration: none;
}
.contact-options-container .contact-options-container__flex {
    display: flex;
    flex-wrap: wrap;
}
.contact-options-container .contact-options-container__flex.conatct-option-container__border{
    border: 1px solid #ddd;
    padding-top: 2rem;
}
.contact-options-container .contact-option {
    margin: 1rem 0.5rem;
    background-color: #fff;
    padding: 24px;
    border: 1px solid #AAA;
    border-radius: 32px;
    flex-basis: 32%;
}
.contact-option.contact-option_box-shadow {
    box-shadow: 0px 2px 4px rgba(60, 61, 65, 0.2);
}
.contact-options-container .contact-option.contact-option--half-width {
    flex-basis: 48.8%;
}
.contact-options-container .contact-option.contact-option--full-width {
    flex-basis:  98%;
}
.contact-option .contact-option__recommendation {
    position: relative;
    font-family: "bt_font_bold","Calibri","Arial",sans-serif;
    display: inline-block;
    padding: 2px 10px 0 10px;
    text-align: center;
    min-height: 26px;
    top: -29px;
    float: left;
}

.contact-option .contact-option-title_border-bottom {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 0.625rem;
    margin-top: 25px;
}

.contact-option .primary-center-align {
    display: flex;
    justify-content: center;
}

.contact-option-icon-title {
    display: flex;
    column-gap: 8px;
}


.contact-option .contact-option-title {
    color: var(--Brand-indigo, #5514B4);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
}


.contact-option .contact-option__recommendation:before {
    left: 50%;
    top: 100%;
    content: '';
    height: 5px;
    position: absolute;
    width: 50%;
}
.contact-option .contact-option__recommendation:after {
    left: 0;
    top: 100%;
    content: '';
    height: 5px;
    position: absolute;
    width: 50%;
    clear: both;
}
.contact-option .contact-option__recommendation.bt-help-yellow:before {
    background: rgba(0,0,0,0) linear-gradient(to right bottom, #FFDC00 40%,transparent 50%) repeat scroll 0 0;
}
.contact-option .contact-option__recommendation.bt-help-yellow:after {
    background: rgba(0,0,0,0) linear-gradient(to left bottom, #FFDC00 40%,transparent 50%) repeat scroll 0 0;
}
.contact-option .contact-option__recommendation.bt-help-purple:before {
    background: rgba(0,0,0,0) linear-gradient(to right bottom, #6400AA 40%,transparent 50%) repeat scroll 0 0;
}
.contact-option .contact-option__recommendation.bt-help-purple:after {
    background: rgba(0,0,0,0) linear-gradient(to left bottom, #6400AA 40%,transparent 50%) repeat scroll 0 0;
}
.contact-option .contact-option__recommendation.bt-help-blue:before {
    background: rgba(0,0,0,0) linear-gradient(to right bottom, #00A0D6 40%,transparent 50%) repeat scroll 0 0;
}
.contact-option .contact-option__recommendation.bt-help-blue:after {
    background: rgba(0,0,0,0) linear-gradient(to left bottom, #00A0D6 40%,transparent 50%) repeat scroll 0 0;
}
.contact-option h3 {
    clear: both;
}
.contact-option .contact-option__sub-title {
    margin-bottom: 1.5rem;
}
.contact-option .contact-option__wait-time {
    margin-bottom: 2rem;
}
.contact-option .contact-optio__wait-time-icon {
    font-size: 2.5rem;
    margin-right: 0.5rem;
}
.contact-option .contact-optio__wait-time-text {
    color: #000;
}
.contact-option .contact-optio__wait-time-icon,
.contact-option .contact-optio__wait-time-icon {
    vertical-align: middle;
}
.contact-option .contact-option__main-content {
    margin: 16px 0 20px 0;
}
.contact-option .contact-option__main-content ul {
    padding-left: 0;
}
.contact-option .contact-option__main-content ul > li {
    list-style-type: none;
}
.contact-option .contact-option__main-content ul > li:before {
    color: #008a00;
    font-size: 2rem;
    padding-right: 1rem;
    content: "h";
    font-family: "bt-icons";
    font-weight: bold;
}

@media ( max-width : 767px) {
  .contact-option .contact-option__wait-time {
    margin-bottom: 1.5rem;
  }
  .contact-options-container .contact-option,
  .contact-options-container .contact-option.contact-option--half-width {
    flex-basis: 99%;
  }
}

@media ( min-width : 768px) and (max-width: 1024px){
  .contact-options-container .contact-option,
  .contact-options-container .contact-option.contact-option--half-width {
    flex-basis: 48.5%;
  }
}

/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-options-container .contact-option {
    flex-basis: 29%;
  }
  .contact-options-container .contact-option.contact-option--half-width {
    flex-basis: 46%;
  }
}

.bt-arc-button {
	    width: 100%;
    display: flex;
    height: 48px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 999px;
}
/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * © BT Plc Limited 2020. All rights reserved.
*/
.help-category-tile {
	margin-top:10px;
    margin-bottom: 10px;
}

.help-category-tile .help-category-heading {
    margin-left: 5px;
    margin-bottom: 24px;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 400;
}

.category-tile-item .category-icon-text-hover {
	font-size: 16px;
}



.bt-category-tile {
    padding: 0 10px;
    text-align: center;
}

.bt-category-tile-hover {
    border-radius:32px;
}

.bt-category-tile .bt-category-tile-hover .category-tile-item.ct-without-icon {
    padding: 24px;
}

.category-tile-item.category-tile-border.bt-help-purple--color.ct-without-icon,
.category-tile-item.category-tile-border.bt-help-indigo--color.ct-without-icon {
    display: flex;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.5px;
}

@media (max-width: 767px) {
    .category-tile-item.category-tile-border.bt-help-purple--color.ct-without-icon,
    .category-tile-item.category-tile-border.bt-help-indigo--color.ct-without-icon {
        letter-spacing: normal;
    }

}

@media (max-width: 1024px) {
    .help-category-tile:has(.ct-with-icon) {
        margin-bottom: 34px;
    }
}

.bt-category-tile .category-tile-item.tile-min-height {
	min-height: 160px;
}

.category-tile-icon {
    display: block;
    height: 64px;
    line-height: 75px;
    margin-bottom:8px;
}

.bt-category-tile .bt-help-icon_size-large {
    font-size: 64px;
}

.bt-category-tile .bt-help-icon_size-regular {
    font-size: 20px;
}

.bt-category-tile .bt-help-icon_size-medium {
    font-size: 32px;
}

.bt-category-tile .bt-help-icon_size-extra-large {
    font-size: 85px;
}

.bt-category-tile .category-tile-border.bt-help-purple--color {
    padding: 24px;
    background-color: #F0F0F0;
}

.bt-category-tile .category-tile-border.bt-help-violet--color {
    border: 1px solid #6400AA;
}

.bt-category-tile .category-tile-border.bt-help-indigo--color {
    padding: 24px;
    background-color: #F0F0F0;
}

.bt-category-tile .category-tile-border.bt-help-pink--color {
    border: 1px solid #E60050;
}

.bt-category-tile .category-tile-border.bt-help-blue--color {
    border: 1px solid #00A0D6;
}

.bt-category-tile .category-tile-border.bt-help-dark-grey--color {
    border: 1px solid #333333;
}

.bt-category-tile .category-tile-border-radius  {
    border-radius: 32px;
}


.bt-category-tile .ct-without-icon.category-tile-border-radius  {
    border-radius: 24px;
}


.bt-category-tile .category-tile-box-shadow  {
    box-shadow: 0px 2px 4px rgba(60, 61, 65, 0.2);
}

.bt-category-tile .bt-help-purple--color,
.bt-help-violet--color,
.bt-help-indigo--color,
.bt-help-pink--color,
.bt-help-dark-grey--color,
.bt-help-blue--color {
    line-height: 20px;
    padding: 20px 5px;
}

.category-tile-box-shadow{
    box-shadow: 0px 8px 30px 0px #333333;
}
.category-tile-wrapper .bt-category-tile:hover .bt-category-tile-hover .category-tile-item {
    box-shadow: 0px 8px 30px 0px #333333;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-violet--color.ct-with-icon,
.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-violet--color.ct-without-icon,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-violet--color.ct-with-icon,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-violet--color.ct-without-icon {
    color: #6400AA !important;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .ct-with-icon,
.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .ct-without-icon,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .ct-with-icon,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .ct-without-icon {
    color: #FFFFFF !important;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-purple--color,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-purple--color {
    background: #6400AA;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-pink--color,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-pink--color {
    background: #E60050;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-violet--color,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-violet--color {
    background: #F7F2FB;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-indigo--color,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-indigo--color {
    background: #5514B4;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active:has(.bt-help-indigo--color),
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover:has(.bt-help-indigo--color) {
    background: transparent !important;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-blue--color,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-blue--color {
    background: #00A0D6;
}

.category-tile-no-wrapper .bt-category-tile .bt-category-tile-hover.active .bt-help-dark-grey--color,
.category-tile-no-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-dark-grey--color {
    background: #333333;
}

.bt-category-tile .category-icon-text-hover p:hover {
    text-decoration: underline;
}
.bt-category-tile .category-icon-text-hover p {
    display: inline;
}

.bt-category-tile a:hover,
.bt-category-tile a:focus {
    text-decoration: none;
}

.help-category-tile .aem-Grid {
    display: flex;
    flex-wrap: wrap;
}

.ct-popup-container {
    margin: -5px 10px 10px;
    background-color: #EEEEEE;
    position: relative;
}

.ct-popup-content {
    margin: inherit;
    padding-top: 30px;
}

.bt-category-tile .contact-option {
    text-align: left;
}

.ct-popup-container .bt-help-icon_close {
    position: relative;
    top: -5px;
    right: 20px;
    font-size: 15px;
    cursor: pointer;
}

.ct-popup-container.ct-arrow-top:after {
    content: "";
    position: absolute;
    top: -15px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #EEEEEE;
}

.ct-popup-container.ct-arrow-top.active-tile-0:after {
    left: 5%;
}

.ct-popup-container.ct-arrow-top.active-tile-1:after {
    left: 23%;
}

.ct-popup-container.ct-arrow-top.active-tile-2:after {
    left: 40%;
}

.ct-popup-container.ct-arrow-top.active-tile-3:after {
    left: 57%;
}

.ct-popup-container.ct-arrow-top.active-tile-4:after {
    left: 74%;
}

.ct-popup-container.ct-arrow-top.active-tile-5:after {
    left: 91%;
}

.help-category-tile .ct-notification-text {
    position: relative;
    font-family: "bt_font_bold", "Calibri", "Arial", sans-serif;
    padding: 2px 10px 0 10px;
    min-height: 24px;
    top: -13px;
    float: left;
    left: 12px;
}

.help-category-tile .ct-notification-text:before {
    left: 50%;
    top: 100%;
    content: '';
    height: 5px;
    position: absolute;
    width: 50%;
}

.help-category-tile .ct-notification-text:after {
    left: 0;
    top: 100%;
    content: '';
    height: 5px;
    position: absolute;
    width: 50%;
    clear: both;
}

.contact-option .contact-option__recommendation {
    padding: 2px 5px;
    top: -20px;
}

.help-category-tile .ct-notification-text.bt-help-yellow:before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #FFDC00 40%, transparent 50%) repeat scroll 0 0;
}

.help-category-tile .ct-notification-text.bt-help-yellow:after {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #FFDC00 40%, transparent 50%) repeat scroll 0 0;
}

.help-category-tile .ct-notification-text.bt-help-purple:before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #6400AA 40%, transparent 50%) repeat scroll 0 0;
}

.help-category-tile .ct-notification-text.bt-help-purple:after {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #6400AA 40%, transparent 50%) repeat scroll 0 0;
}

.help-category-tile .ct-notification-text.bt-help-blue:before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #00A0D6 40%, transparent 50%) repeat scroll 0 0;
}

.help-category-tile .ct-notification-text.bt-help-blue:after {
    background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #00A0D6 40%, transparent 50%) repeat scroll 0 0;
}

@media (min-width: 768px) {
    .bt-category-tile {
        margin: 0;
    }
    .faq-template .bt-category-tile {
        margin: auto;
    }
    .help-row-content-main .aem-Grid.aem-Grid--default--12.faq-template>.aem-GridColumn.aem-GridColumn--default--2 {
        width: 33.333%;
    }
}

@media only screen and (min-width: 660px) and (max-width: 667px) and (orientation: landscape) {
    .bt-category-tile .bt-help-icon_size-extra-large {
        margin-left: -6px;
    }
}


/* Media query for Pixel 2XL landscape device */

@media (device-height: 411px) and (device-width: 823px) and (orientation: landscape) {
    .bt-category-tile .ct-without-icon {
        min-height: 68px;
    }
    .faq-template .bt-category-tile .ct-without-icon {
        min-height: auto;
    }
    .bt-category-tile {
        width: 14rem;
    }
    .bt-category-tile.bt-including-you {
        width: 100%;
    }
    .bt-category-tile .category-tile-item.tile-min-height {
        min-height: 170px;
    }
}


    .category-tile-no-wrapper .aem-Grid > .aem-GridColumn:last-child .bt-category-tile {
        padding-right: 0;
    }


    .category-tile-no-wrapper .aem-Grid > .aem-GridColumn:first-child .bt-category-tile {
        padding-left: 0;
    }

@media (max-width: 767px) {
.category-tile-no-wrapper .aem-Grid > .aem-GridColumn:nth-child(odd) .bt-category-tile {
    padding-left: 0;
}

.category-tile-no-wrapper .aem-Grid > .aem-GridColumn:nth-child(even) .bt-category-tile {
    padding-right: 0;
}

}

/* Media query for Iphone X landscape device */

@media (device-height: 375px) and (device-width: 812px) and (orientation: landscape) {
    .bt-category-tile .ct-without-icon {
        min-height: 68px;
    }
    .faq-template .bt-category-tile .ct-without-icon {
        min-height: auto;
    }
    .bt-category-tile {
        width: 14rem;
    }
    .bt-category-tile.bt-including-you {
        width: 100%;
    }
    .bt-category-tile .category-tile-item.tile-min-height {
        min-height: 170px;
    }
}


/* Media query for Ipad portrait device */

@media (device-height: 1024px) and (device-width: 768px) and (orientation: portrait) {

    .bt-category-tile .ct-without-icon {
        min-height: 88px;
    }
    .faq-template .bt-category-tile .ct-without-icon {
        min-height: auto;
    }
    .bt-category-tile.bt-including-you {
        width: 100%;
    }
    .bt-category-tile .category-tile-item.tile-min-height {
        min-height: 170px;
    }
	.help-category-tile .help-category-heading {
		margin-top:12px;
     }

}


@media (device-height: 768px) and (device-width: 1024px) and (orientation: landscape) {

    .bt-category-tile .ct-without-icon {
        min-height: 88px;
    }
}


@media (max-width: 767px) {
    .aem-Grid.aem-Grid--phone--2>.aem-GridColumn.aem-GridColumn--phone--1 {
        width: 50%;
        margin-top: 12px;
    }
    .help-category-tile .ct-notification-text {
        margin: -8px;
        left: 20px;
    }
    .ct-popup-container {
        margin: 15px 10px;
        padding-top: 5px;
    }
    .ct-popup-container.ct-arrow-top.active-tile-0,
    .ct-popup-container.ct-arrow-top.active-tile-2,
    .ct-popup-container.ct-arrow-top.active-tile-4 {
        width: 215%;
        right: 10px;
    }
    .ct-popup-container.ct-arrow-top.active-tile-1,
    .ct-popup-container.ct-arrow-top.active-tile-3,
    .ct-popup-container.ct-arrow-top.active-tile-5 {
        right: 122%;
        width: 215%;
    }
    .ct-popup-container.ct-arrow-top.active-tile-0:after,
    .ct-popup-container.ct-arrow-top.active-tile-2:after,
    .ct-popup-container.ct-arrow-top.active-tile-4:after {
        left: 10%;
    }
    .ct-popup-container.ct-arrow-top.active-tile-1:after,
    .ct-popup-container.ct-arrow-top.active-tile-3:after,
    .ct-popup-container.ct-arrow-top.active-tile-5:after {
        left: 80%;
    }
    .ct-popup-content {
        padding-bottom: 20px;
        padding-top: 15px
    }
    .contact-option .contact-option__recommendation {
        left: -8px;
    }
    .help-category-tile .ct-align-center-mobile {
        position: relative;
        left: 25%;
    }

    .help-category-tile .help-category-heading {
        font-size: 20px;
    }


    .help-category-tile .ct-align-left-mobile {
        left: 0;
    }
    .bt-category-tile .category-tile-item.tile-min-height {
        min-height: 144px;
    }

    .help-category-tile .help-category-heading {
    	padding-top:8px;
    }

    .help-category-tile:has(.ct-with-icon) .help-category-heading {
        margin-top: 0px;
    }



    .bt-category-tile .category-tile-border.bt-help-purple--color,
	.bt-category-tile .category-tile-border.bt-help-indigo--color {
        padding:16px 8px;
    }
	.bt-category-tile { 
		padding: 0 8px;
    }

    .bt-category-tile .bt-category-tile-hover .category-tile-item.ct-without-icon {
        padding: 24px 8px;
    }

}

@media (max-width: 767px) and (orientation: landscape) {
    .ct-popup-container.ct-arrow-top.active-tile-1,
    .ct-popup-container.ct-arrow-top.active-tile-3,
    .ct-popup-container.ct-arrow-top.active-tile-5 {
        right: 112%;
        width: 208%;
    }
    .ct-popup-container.ct-arrow-top.active-tile-0,
    .ct-popup-container.ct-arrow-top.active-tile-2,
    .ct-popup-container.ct-arrow-top.active-tile-4 {
        width: 208%;
        right: 10px;
    }

    .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
        width: 100%
    }

    .bt-category-tile .category-tile-item.tile-min-height {
        min-height: 170px;
    }
}

.bt-category-tile .category-tile-link:focus {
    outline: none;
}

.bt-category-tile .category-tile-item.bt-help-chevron .category-icon-text-hover:after {
    content: 'm';
    font-family: 'bt-icons', courier;
    font-weight: normal;
    font-style: normal;
    display: inline;
    position: absolute;
}

.help-category-tile .category-tile-wrapper .bt-category-tile-hover {
    background-color: #FFFFFF;
}

.help-category-tile .category-tile-wrapper .help-category-heading {
    color: #FFFFFF;
}
.help-category-tile .category-tile-wrapper.bt-help-violet--wrapper .help-category-heading {
    color: #333333;
}

.help-category-tile .category-tile-wrapper .help-category-heading {
    color: #FFFFFF;
}

.help-category-tile .category-tile-wrapper {
    padding: 5px 0;
    margin-top: 30px;
}

.help-category-tile .category-tile-wrapper .bt-category-tile-hover.active .bt-help-blue--color,
.help-category-tile .category-tile-wrapper .bt-category-tile:hover .bt-category-tile-hover .bt-help-blue--color {
    background: #FFFFFF;
}

.help-category-tile .category-tile-item.bt-help-violet--color {
    color: #6400AA;
}

/* Styles for wrapper */

.help-category-tile .category-tile-wrapper.bt-help-red-wrapper {
    background-color: #E60014;
}

.help-category-tile .category-tile-wrapper.bt-help-green-wrapper {
    background-color: #008A00;
}

.help-category-tile .category-tile-wrapper.bt-help-yellow-wrapper {
    background-color: #FFDC00;
}

.help-category-tile .category-tile-wrapper.bt-help-purple--wrapper {
    background-color: #6400AA;
}

.help-category-tile .category-tile-wrapper.bt-help-indigo--wrapper {
    background-color: #5514b4;
}

.help-category-tile .category-tile-wrapper.bt-help-white--wrapper {
    background-color: #FFFFFF;
}

.help-category-tile .category-tile-wrapper.bt-help-pink--wrapper {
    background-color: #E60050;
}

.help-category-tile .category-tile-wrapper.bt-help-blue--wrapper {
    background-color: #00A0D6;
}

.help-category-tile .category-tile-wrapper.bt-help-dark-grey--wrapper {
    background-color: #333333;
}

.help-category-tile .category-tile-wrapper.bt-help-medium-grey--wrapper {
    background-color: #666666;
}

.help-category-tile .category-tile-wrapper.bt-help-light-grey--wrapper {
    background-color: #DDDDDD;
}

.help-category-tile .category-tile-wrapper.bt-help-violet--wrapper {
    background-color: #F7F2FB;
}

.bt-including-you .category-tile-item.category-tile-border.bt-help-purple--color.ct-with-icon,
.bt-including-you .category-tile-item.category-tile-border.bt-help-indigo--color.ct-with-icon {
    min-height: 250px;
    border-radius: 4px;
}

/* Media query for Iphone 6/7/8 landscape device */

@media (device-height: 375px) and (device-width: 667px) and (orientation: landscape) {
   .bt-including-you .category-tile-item.category-tile-border.bt-help-purple--color.ct-with-icon {
        min-height: 254px;
   }
}

/* Media query for Galaxy fold landscape device */

@media (device-height: 280px) and (device-width: 653px) and (orientation: landscape) {
   .bt-including-you .category-tile-item.category-tile-border.bt-help-purple--color.ct-with-icon {
        min-height: 254px;
   }
}

@media (max-width: 824px) and (min-width: 720px) and (orientation: landscape) {
   .bt-including-you .category-tile-item.category-tile-border.bt-help-purple--color.ct-with-icon {
        min-height: 270px;
   }
   .bt-category-tile .category-tile-item.tile-min-height {
       min-height: 170px;
   }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: Portrait) {
   .bt-including-you .category-tile-item.category-tile-border.bt-help-purple--color.ct-with-icon {
        min-height: 296px;
   }
   .bt-category-tile .category-tile-item.tile-min-height {
       min-height: 144px;
   }
	.bt-category-tile .category-tile-border.bt-help-purple--color,
	.bt-category-tile .category-tile-border.bt-help-indigo--color {
		padding: 16px 8px;
	}


    .bt-category-tile .bt-category-tile-hover .category-tile-item.ct-without-icon {
        padding: 24px 8px;
    }

	.bt-category-tile .ct-without-icon {
        min-height: 88px;
    }

	.help-category-tile .help-category-heading {
    	font-size: 20px;

	}


}

@media (min-width: 768px) and (max-width: 1024px) {
	.bt-category-tile .ct-without-icon {
        min-height: 88px;
    }
}


@media (min-width: 280px) and (max-width: 540px) and (orientation: portrait) {
	.bt-category-tile.category-square-tile-wrap {
		padding: 8px 8px;
	}
}

.bt-category-tile .category-tile-item.ct-with-icon.category-square-tile-wrap,
.bt-category-tile .category-tile-item.ct-without-icon.category-square-tile-wrap {
	min-height: 120px;
	align-items: center;
	justify-content: center;
	padding: 10px 10px;
	line-height: 23px;
}

.bt-category-tile .category-tile-item.ct-without-icon.category-square-tile-wrap {
	display: flex;
}

.bt-category-tile .category-tile-item.ct-with-icon.category-square-tile-wrap {
	flex-direction: column;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.bt-category-tile .category-tile-item.ct-without-icon.category-square-tile-wrap {
		display: flex;
	}
}

.category-tile-item.category-square-tile-wrap .category-tile-icon {
	display: block;
	height: 65px;
	line-height: 60px;
}

.category-tile-item.category-square-tile-wrap .category-icon-text-hover {
	font-size: 18px;
	margin: 0;
}

.help-hub-sub-heading {
	margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 400;
}

.help-basic__content .columnsplit .text.parbase.section {
    padding-left: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
 */
.bt-breadcrumb .bt-breadcrumb__item .bt-breadcrumb__item--active {
    color: #5514B4;
    font-family: Helvetica;
    font-weight: 700;
}

.bt-breadcrumb .bt-breadcrumb__item > a:after {
    content: '';
}

.bt-breadcrumb .bt-breadcrumb__item > a:focus {
    text-decoration: none;
}

.bt-breadcrumb ol.bt-breadcrumb__list {
    margin-top: 15px;
    display: block;
    padding-left: 0px;
    margin-bottom: 8px;
    list-style-position: outside;
}

.bt-breadcrumb li.bt-breadcrumb__item {
    display: inline-block;
    font-size: 14px;
}

.bt-breadcrumb ol.bt-breadcrumb__list .bt-icon-chevron {
    font-family: 'bt-icons';
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    top: 2px;
}

.bt-breadcrumb ol.bt-breadcrumb__list em.bt-icon-chevron::after {
    content: 'm';
    font-family: 'bt-icons', courier;
    font-weight: normal;
    font-style: normal;
    display: inline;
    color: #5514B4;
}

.bt-breadcrumb ol.bt-breadcrumb__list .bt-breadcrumb__item:nth-last-child(1) .bt-icon-chevron {
    display: none;
}

.bt-breadcrumb .bt-breadcrumb__item .bt-breadcrumb__home-icon{
    text-decoration: none;
}

.bt-breadcrumb img.home-icon {
    vertical-align: middle;
    position: relative;
    bottom: 3px;
}

.bt-breadcrumb a:hover span{
    text-decoration: underline;
}

/* Small and x-small devices*/
@media only screen and (min-width: 240px) and (max-width: 767px) {
    .bt-breadcrumb {
        display: none;
    }
}


/*
 * Copyright in this document is the property of BT Plc Limited and its contents shall be held in strict
 * confidence by the recipient here of and shall be used solely for the purposes of BT Plc Limited.
 * Neither this document nor its contents shall be disclosed to any other person or used for any other purpose without
 * prior written permission of BT Plc Limited.
 *
 * � BT Plc Limited 2019. All rights reserved.
*/

.help-articlerating .article-rating__feedback-rating {
    background: url(../../../content/dam/bt/help/legacy/rating-stars.png) 0 0 no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    height: 32px;
    margin: 4px 0;
    text-decoration: none;
    width: 32px;
    margin-right: 4px;
}

.help-articlerating .article-rating__feedback-title {
    text-align: left;
    margin-bottom: -34px;
    padding-bottom: 29px;
    border-bottom: 0px solid #BBB;
    margin-top: -12px;
    font-weight: 400;
    color: inherit;
    box-sizing: border-box;
    font-style: normal;
    font-size: 24px;
}

.help-articlerating h3{
    font-size: 24px;
}


.help-articlerating .rn_RatingCellOver {
    background-position: 0px -32px;
    cursor: pointer;
}

.help-articlerating .article-rating__submit-btn {
    background-color: #6400AA;
    color: white;
	display: inline-block;
    cursor: pointer;
	border-radius: 5px;
	height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 80px;
	box-sizing: border-box;
	letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    padding-top: 4px;
    margin-top: 5px;
}

.help-articlerating  .hide-message {
    display: none;
}  

.help-articlerating .article-rating__feedback-heading {
	margin-top: 10px;
    margin-bottom: 5px;
}

.help-articlerating .article-rating__feedback-description {
	margin-top: 8px;
    margin-bottom: 5px;
}

.help-articlerating .article-rating__success-msg {
	color : green;	
}

.help-articlerating .article-rating__error-msg {
    color: red;
}

.help-articlerating .article-rating__stars {
    margin-top: 12px;
}

.help-articlerating .article-rating__fboptions div {
    margin-bottom: 10px;
}

.help-articlerating .article-rating__feedback-rating:focus {
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.help-articlerating .article-rating__feedback .article-rating__fboptions .article-rating-radio {
	outline: 0;
}